/* One visual system for the existing workspace. This layer must not change
   positioning, display, grids, scroll containers, window sizes or DOM order.
   Module styles continue to own page mechanics; shared controls own their geometry. Archived palettes and the
   independent student cabinet are outside this stylesheet. */
body {
  --font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --canvas: #f4f4f4; --surface: #fff; --side: #fff;
  --data-canvas: var(--canvas); --data-list-surface: var(--surface); --data-quick-surface: transparent;
  --data-gutter: 16px; --workspace-header-height: 57px;
  --deal-title: #383838; --task-today: #27846a; --task-overdue: #c23c3c; --task-future: #555;
  --ink: #161616; --muted: #747474; --line: #e8e8e8;
  --soft: #f4f4f4; --hover: #f0f0f0; --border-hover: #d2d2d2;
  --accent: #161616; --accent-ink: #fff;
  --primary: #111; --primary-ink: #fff; --primary-hover: #303030;
  --nav-ink: #666; --nav-icon: #858585; --nav-label: #969593; --nav-hover: #f0efee; --nav-active: #eae9e7; --nav-selected: #161616;
  --side-line: #e8e8e8; --side-avatar: #efefef; --side-accent: #161616;
  --chart: #777; --positive: #347968; --positive-soft: #edf6f1;
  --warning: #996826; --warning-soft: #faf4e7;
  --error: #b42318; --error-soft: #fff0ee;
  --popup: #fff; --popup-hover: #f3f3f3;
  --radius: 16px; --button-radius: 12px;
  --shadow-menu: 0 2px 4px #0000000a, 0 12px 28px #00000012;
  --shadow-dialog: 0 2px 3px #00000014, 0 16px 40px #00000014;
  --motion-fast: 75ms; --motion-menu: 140ms; --motion-dialog: 200ms;
  --ease: cubic-bezier(.4,0,.2,1);
  font-family: var(--font-ui); font-size: 14px; color-scheme: light;
}
body[data-appearance=dark] {
  --canvas: #101010; --surface: #202020; --side: #202020;
  --data-canvas: var(--canvas); --data-list-surface: var(--surface); --data-quick-surface: transparent;
  --deal-title: #d6d6d6; --task-today: #60bf96; --task-overdue: #eb7777; --task-future: #d6d6d6;
  --ink: #f5f5f5; --muted: #a3a3a3; --line: #303030;
  --soft: #292929; --hover: #303030; --border-hover: #4b4b4b;
  --accent: #f5f5f5; --accent-ink: #111;
  --primary: #f5f5f5; --primary-ink: #111; --primary-hover: #ddd;
  --nav-ink: #b0b0b0; --nav-icon: #999; --nav-label: #858585; --nav-hover: #303030; --nav-active: #393939; --nav-selected: #f5f5f5;
  --side-line: #303030; --side-avatar: #323232; --side-accent: #f5f5f5;
  --chart: #aaa; --positive: #8dd2b2; --positive-soft: #21352d;
  --warning: #e7c588; --warning-soft: #352e20;
  --error: #ff9a90; --error-soft: #382321;
  --popup: #292929; --popup-hover: #373737;
  --shadow-menu: 0 2px 4px #0003, 0 12px 28px #0004;
  --shadow-dialog: 0 2px 4px #0004, 0 16px 40px #0005;
  color-scheme: dark;
}
body[data-workspace=true] :is(h1,h2,h3,h4,input,textarea,select,button,.number,.analytics-kpi>strong,.crm-task-date-popover,.crm-task-type-popover) {
  font-family: var(--font-ui);
}
/* Routing and async updates replace this wrapper. Replaying the demo entry
   animation would hide the whole page and expose an empty canvas each time. */
body[data-workspace=true] #main > .view {animation: none}
body[data-workspace=true] :is(h1,h2,h3) {font-weight: 500; letter-spacing: -.35px}
body[data-workspace=true] .topbar :is(h1,#crumb-current) {font-size: 20px; font-weight: 400; letter-spacing: -.55px}
body[data-workspace=true] :is(.crm-record-title textarea,.crm-record-title h1) {font-weight: 500}
body[data-workspace=true] :is(.btn,.icon-btn,button,summary,a,input,select,textarea) {
  transition-duration: var(--motion-fast); transition-timing-function: var(--ease);
}
body[data-workspace=true] :is(input,select,textarea) {
  /* Autosizing titles must measure their final height synchronously. */
  transition-property: background-color,color,border-color,box-shadow;
}
body[data-workspace=true] .btn {font-size: 13px; border-radius: var(--button-radius)}
body[data-workspace=true] .btn:hover {background: var(--hover); border-color: var(--border-hover)}
body[data-workspace=true] .btn.primary {background: var(--primary); border-color: var(--primary); color: var(--primary-ink); box-shadow: none}
body[data-workspace=true] .btn.primary:hover {background: var(--primary-hover); border-color: var(--primary-hover); filter: none; box-shadow: none}
body[data-workspace=true] .btn:disabled {cursor: default; box-shadow: none; filter: none; transform: none}
body[data-workspace=true] .icon-btn {border-radius: 10px}
body[data-workspace=true] .icon-btn:hover {background: var(--hover)}
body[data-workspace=true] .icon {stroke-width: 1.7}
body[data-workspace=true] :focus-visible {outline-color: var(--ink)}
body[data-workspace=true] :is(input,textarea)::placeholder {color: var(--muted); opacity: .8}
body[data-workspace=true] .sidebar {border-right: 1px solid var(--line)}
body[data-workspace=true] .sidebar :is(.brand,.workspace strong,.profile strong,.avatar) {color: var(--ink)}
body[data-workspace=true] :is(.nav-label,.workspace-label small,.profile small) {font-size: 11px}
body[data-workspace=true] :is(.account-popover,.crm-action-menu,.crm-management-popover,.crm-flyout,.crm-tags-popover,.crm-required-popover,.crm-task-date-popover,.crm-task-type-popover,.crm-card-menu>div,.course-tree-menu>div,.course-overflow>div,.workspace-filter-menu>form,.workspace-module-picker,.crm-stage-options) {
  background: var(--popup); color: var(--ink); border-color: var(--line);
  border-radius: 12px; box-shadow: var(--shadow-menu); animation-duration: var(--motion-menu);
}
body[data-workspace=true] :is(.crm-card-menu>div>a,.crm-card-menu>div>button) {font-size: 13px; border-radius: 8px}
body[data-workspace=true] :is(.crm-card-menu>div>a:hover,.crm-card-menu>div>button:hover) {background: var(--popup-hover)}
body[data-workspace=true] .account-popover-head strong {font-size: 14px}
body[data-workspace=true] :is(.account-popover-head small,.popover-mode-section>span) {font-size: 12px}
body[data-workspace=true] :is(.account-modes,.color-mode-control) {background: var(--soft); border-color: var(--line); border-radius: 10px}
body[data-workspace=true] .account-modes button {border-radius: 8px}
body[data-workspace=true] .account-modes button[aria-pressed=true] {background: var(--surface); color: var(--ink); box-shadow: 0 1px 3px #00000014}
body[data-workspace=true] :is(.account-tabs a,.crm-hub-tabs a,.crm-record-tabs>[role=tab],.crm-composer-tabs button,.courses-page .account-tabs button) {font-size: 13px; font-weight: 400}
body[data-workspace=true] :is(dialog,.crm-field-editor-dialog,.crm-field-confirm) {border-radius: 24px; box-shadow: var(--shadow-dialog); animation-duration: var(--motion-dialog)}
body[data-workspace=true] dialog::backdrop {background: rgb(0 0 0 / .15); backdrop-filter: blur(4px)}
body[data-workspace=true][data-appearance=dark] dialog::backdrop {background: rgb(0 0 0 / .38)}
/* CRM filters are a compact toolbar panel; the working board stays visible. */
body[data-workspace=true] dialog.crm-deal-filter-popover {border-radius:14px;box-shadow:var(--shadow-menu)}
body[data-workspace=true] dialog.crm-deal-filter-popover::backdrop {background:rgb(0 0 0 / .05);backdrop-filter:blur(2px)}
body[data-workspace=true][data-appearance=dark] dialog.crm-deal-filter-popover::backdrop {background:rgb(0 0 0 / .12)}
body[data-workspace=true] :is(.dialog-header h2,.crm-pipeline-dialog .dialog-header h2) {font-size: 20px; font-weight: 500}
body[data-workspace=true] :is(.account-card,.access-card) {border-radius: 16px}
body[data-workspace=true] .account-card h2 {font-size: 16px; font-weight: 500}
body[data-workspace=true] :is(.account-field>span,.account-card p,.dialog-body p) {font-size: 13px}
body[data-workspace=true] .account-field :is(input,select,textarea) {border-radius: 12px}
/* Floating auth labels and inline CRM fields keep their existing field shape. */
body[data-workspace=true] .access-card .auth-field input {border-radius: 0}
body[data-workspace=true] :is(.crm-search input,.course-search input,.crm-card-field,.crm-card-field input,.crm-card-field select,.crm-card-field textarea) {font-size: 13px}
body[data-workspace=true] :is(.crm-card-field>span:first-child,.crm-card-field>label) {font-size: 12px}
body[data-workspace=true] .crm-contact-channels dt {font-size:12px}
body[data-workspace=true] .crm-contact-channels dd {font-family:var(--font-ui);font-size:13px}
/* The canvas/header and sidebar/cards form the same two surfaces in both modes. */
body[data-workspace=true] .shell:has(.workspace-data-page) {background: var(--data-canvas)}
body[data-workspace=true] .shell:has(.workspace-data-page) > .topbar {background: var(--canvas)}
body[data-workspace=true] .workspace-data-page .crm-table {background: var(--data-list-surface)}
/* Sortable and plain column labels share one quiet, readable header row. */
body[data-workspace=true] .data-table thead th {
  font-size:13px;line-height:1.45;font-weight:500;color:var(--ink);
  background:color-mix(in srgb,var(--surface) 94%,var(--ink));
}
body[data-workspace=true] .data-table thead th > :is(button,a) {font:inherit;color:inherit}
body[data-workspace=true] .workspace-data-page .crm-quick-toggle {background: var(--data-quick-surface)}
body[data-workspace=true] .crm-deal-card {border-radius: 12px; box-shadow: 0 1px 2px #00000004}
body[data-workspace=true] .crm-deal-card:hover {border-color: var(--border-hover); box-shadow: 0 2px 6px #00000009; transform: none}
body[data-workspace=true] :is(.crm-deal-card strong,.crm-column h2) {font-size: 13px; font-weight: 500}
body[data-workspace=true] .crm-card-bottom b {font-size: 11px}
body[data-workspace=true] .crm-card-bottom time {font-size: 11px}
body[data-workspace=true] :is(.crm-card-tools h2,.crm-activity-heading h2,.crm-tasks h2,.crm-contact-deals h2) {font-size: 14px}
body[data-workspace=true] .course-card {border-radius: 16px; box-shadow: none}
body[data-workspace=true] .course-card:hover {border-color: var(--border-hover); box-shadow: 0 2px 8px #00000006}
body[data-workspace=true] .course-card-body h2 {font-size: 18px; font-weight: 500; letter-spacing: -.3px}
body[data-workspace=true] .course-card-body p {font-size: 13px}
body[data-workspace=true] .course-card-bottom {font-size: 12px}
body[data-workspace=true] .course-create-tile {border-radius: 16px}
body[data-workspace=true] :is(.avatar.peach,.avatar.blue,.avatar.green,.avatar.pink) {background: var(--soft); color: var(--muted)}
body[data-workspace=true] .webinar-art {background: var(--soft); color: var(--muted)}
body[data-workspace=true] :is(.chart .plot,.chart .point) {stroke: var(--chart)}
body[data-workspace=true] .sidebar-backdrop.open {background: rgb(0 0 0 / .22)}
@media(max-width:700px) {
  body[data-workspace=true] {--workspace-header-height: 52px}
  /* A breakpoint must settle before the existing title autosize handler runs. */
  body[data-workspace=true] .shell {transition: none}
  body[data-workspace=true] .topbar :is(h1,#crumb-current) {font-size: 21px}
  body[data-workspace=true] .account-field :is(input,select,textarea) {font-size: 16px}
}
@media(prefers-reduced-motion:reduce) {
  body[data-workspace=true] *,body[data-workspace=true] *::before,body[data-workspace=true] *::after {animation: none!important; transition: none!important; scroll-behavior: auto!important}
}

/* Shared navigation geometry and native binary switches. */
body[data-workspace=true]{--nav-panel-inset:10px;--nav-row-height:37px;--nav-row-gap:4px;--nav-font-size:13px;--nav-line-height:20px;--nav-font-weight:500;--nav-selected-weight:600;--nav-label-size:12px;--nav-row-radius:8px;--nav-padding-x:12px;--nav-content-gap:10px;--nav-icon-size:17px;--switch-on:#2c82df;--switch-off:#d6d5d2;--switch-thumb:#fff;--switch-width:30px;--switch-height:18px;--switch-knob:14px}
body[data-workspace=true][data-appearance=dark]{--switch-off:#555451}
body[data-workspace=true] input[role=switch]{appearance:none;display:block;position:relative;flex:0 0 var(--switch-width);justify-self:start;width:var(--switch-width);min-width:var(--switch-width);max-width:var(--switch-width);height:28px;margin:0;padding:0;border:0;border-radius:4px;cursor:pointer;background:transparent;box-shadow:none}
body[data-workspace=true] input[role=switch]::before,body[data-workspace=true] input[role=switch]::after{content:"";position:absolute;box-sizing:border-box;pointer-events:none;top:50%;transform:translateY(-50%);border:0;border-radius:99px;transition:background var(--motion-menu) ease,transform var(--motion-menu) ease}
body[data-workspace=true] input[role=switch]::before{left:0;width:var(--switch-width);height:var(--switch-height);background:var(--switch-off)}
body[data-workspace=true] input[role=switch]::after{left:2px;width:var(--switch-knob);height:var(--switch-knob);background:var(--switch-thumb)}
body[data-workspace=true] input[role=switch]:checked::before{background:var(--switch-on)}
body[data-workspace=true] input[role=switch]:checked::after{transform:translate(12px,-50%)}
body[data-workspace=true] input[role=switch]:is(:hover,:focus){background:transparent;border:0;box-shadow:none}
body[data-workspace=true] input[role=switch]:focus-visible{outline:2px solid var(--switch-on);outline-offset:3px}
body[data-workspace=true] input[role=switch]:disabled{cursor:default;opacity:.5}
body[data-workspace=true] .crm-unsorted-toggle input[role=switch]{margin-left:auto}
@media(pointer:coarse){body[data-workspace=true] input[role=switch]{height:44px}}
@media(prefers-reduced-motion:reduce){body[data-workspace=true] input[role=switch]::before,body[data-workspace=true] input[role=switch]::after{transition:none}}
body[data-workspace=true] .crm-card-field input[role=switch]{justify-self:end}

/* Expanded workspace width; the compact rail keeps its established icon axis. */
body[data-workspace=true]:not(.compact-menu){--side-width:228px}

/* Card titles use the same quiet hierarchy in both themes. */
body[data-workspace=true] .crm-deal-card strong,
body[data-workspace=true] .crm-table-link {font-size:12.5px;font-weight:500;color:var(--deal-title)}
body[data-workspace=true] .crm-task-card {background:var(--surface)}
body[data-workspace=true] .crm-task-card.is-today {border-color:var(--task-today)}
body[data-workspace=true] .crm-task-card.is-overdue {border-color:var(--task-overdue)}
body[data-workspace=true] .crm-task-card.is-today .crm-task-clock {color:var(--task-today);border-color:var(--task-today)}
body[data-workspace=true] .crm-task-card.is-overdue :is(.crm-task-clock,.crm-task-state) {color:var(--task-overdue);border-color:var(--task-overdue)}
body[data-workspace=true] .crm-task-due {color:var(--task-future)}
body[data-workspace=true] .crm-task-due.is-today {color:var(--task-today)}
body[data-workspace=true] .crm-task-due.is-overdue {color:var(--task-overdue)}

body[data-workspace=true] .crm-deal-layout>.crm-record-fields {background:var(--surface)}

/* Shared choice surfaces and immediate, theme-aware hints. */
body[data-workspace=true] :focus-visible{outline:1px solid var(--border-hover);outline-offset:2px}
/* Compound search fields own their focus border; the inner input has none. */
body[data-workspace=true] :is(.crm-search,.course-search,.topbar .input-wrap) input:is(:focus,:focus-visible){outline:none;border-color:transparent;box-shadow:none}
body[data-workspace=true] :is(.crm-search,.course-search,.topbar .input-wrap):has(input:focus-visible){border-color:var(--border-hover);box-shadow:0 0 0 1px var(--border-hover)}
body[data-workspace=true] :is(button,summary,select,[role=button],[role=option],input[type=checkbox],input[type=radio]):not(:disabled){cursor:pointer}
.workspace-select-popover{position:fixed;inset:auto;margin:0;padding:4px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;max-width:calc(100vw - 24px);background:var(--popup);color:var(--ink);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow-menu);font:12px/1.4 var(--font-ui)}
.workspace-select-popover>[role=listbox]{display:grid;gap:1px}
.workspace-select-popover [role=option]{display:flex;align-items:center;min-height:30px;width:100%;padding:6px 24px 6px 9px;border:0;border-radius:5px;text-align:left;position:relative;font:inherit;background:transparent;color:inherit;overflow-wrap:anywhere}
.workspace-select-popover [role=option]:is(:hover,:focus-visible),.workspace-select-popover [aria-selected=true]{background:var(--popup-hover);outline:none}
.workspace-select-popover [aria-selected=true]::after{content:"✓";position:absolute;right:8px;font-size:12px}
.workspace-select-popover [role=option]:disabled{opacity:.4;cursor:default}
.workspace-select-popover>input{position:sticky;top:0;width:100%;padding:7px 9px;margin-bottom:4px;border:1px solid var(--line);border-radius:5px;background:var(--popup);color:var(--ink);font:inherit}
.workspace-select-popover p{padding:8px;color:var(--muted);margin:0}
.workspace-tooltip{position:fixed;inset:auto;margin:0;max-width:min(280px,calc(100vw - 16px));padding:6px 9px;border:0;border-radius:7px;background:var(--ink);color:var(--canvas);box-shadow:var(--shadow-menu);font:11px/1.4 var(--font-ui);pointer-events:none;overflow-wrap:anywhere}
.workspace-select-popover::backdrop,.workspace-tooltip::backdrop{background:transparent;backdrop-filter:none}

/* Animate only newly opened surfaces, never route wrappers or result rows.
   Opacity keeps anchored popover measurements stable during placement. */
@keyframes workspace-surface-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 body[data-workspace=true] :is([popover]:popover-open,.crm-stage-options:not([hidden]),.crm-reason-options:not([hidden]),.account-popover,.crm-action-menu,.crm-card-menu[open]>div,.course-tree-menu[open]>div,.course-overflow[open]>div,.workspace-filter-menu[open]>form){animation:workspace-surface-in var(--motion-menu) var(--ease)}
 body[data-workspace=true] dialog[open]{animation:workspace-surface-in var(--motion-dialog) var(--ease)}
 body[data-workspace=true] :is(dialog[open],[popover]:popover-open)::backdrop{animation:workspace-surface-in var(--motion-menu) var(--ease)}
}

/* CRM dialogs share the merge window's compact spacing and backdrop. */
body[data-workspace=true] dialog:has([data-crm-form],[data-crm-bulk-form],[data-task-detail],[data-card-modal],[data-tool-form],[data-task-bulk-form],[data-stage-confirm],[data-trash-record-form]) {border-radius:18px}
body[data-workspace=true] dialog:has([data-crm-form],[data-crm-bulk-form],[data-task-detail],[data-card-modal],[data-tool-form],[data-task-bulk-form],[data-stage-confirm],[data-trash-record-form]) .dialog-header {padding:16px 20px;gap:14px}
body[data-workspace=true] dialog:has([data-crm-form],[data-crm-bulk-form],[data-task-detail],[data-card-modal],[data-tool-form],[data-task-bulk-form],[data-stage-confirm],[data-trash-record-form]) .dialog-header h2 {font-size:17px;line-height:1.4}
body[data-workspace=true] dialog:has([data-crm-bulk-form],[data-task-detail]) .dialog-body {padding:20px}
body[data-workspace=true] dialog:has([data-crm-form],[data-crm-bulk-form]) .account-field {margin-bottom:12px}
body[data-workspace=true] dialog:has([data-crm-form],[data-crm-bulk-form]) .account-field :is(input,select,textarea) {font-size:13px;padding:9px 11px;border-radius:8px;min-height:36px}
body[data-workspace=true] dialog:has([data-crm-form],[data-crm-bulk-form]) .account-form-footer {margin-top:16px;padding-top:16px}
body[data-workspace=true] .crm-pipeline-dialog {width:min(920px,calc(100vw - 40px));height:min(740px,calc(100dvh - 96px));max-height:calc(100dvh - 48px);display:flex;flex-direction:column}
body[data-workspace=true] .crm-pipeline-dialog:not([open]) {display:none}
body[data-workspace=true] .crm-pipeline-dialog .dialog-header {flex-shrink:0}
body[data-workspace=true] .crm-pipeline-dialog .dialog-body {height:auto;flex:1;min-height:0;padding:16px 20px 20px}
body[data-workspace=true] .crm-pipeline-designer {grid-template-columns:150px minmax(0,1fr);gap:20px}
.crm-pipeline-name-row {display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}
.crm-pipeline-name-row>.account-field {width:52%;min-width:0;margin:0!important}
.crm-pipeline-name-actions {display:flex;align-items:center;gap:8px;min-height:38px}
body[data-workspace=true] .crm-pipeline-name-actions .icon-btn {width:30px;height:30px;min-height:30px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--muted)}
body[data-workspace=true] .crm-pipeline-name-actions .icon-btn:is(:hover,:focus-visible) {color:var(--ink)}
body[data-workspace=true] :is(.crm-delete-icon,.crm-note-delete,.crm-task-delete) {color:#cb6868}
body[data-workspace=true] :is(.crm-delete-icon,.crm-note-delete,.crm-task-delete,[data-card-action=delete]) {padding:0;display:inline-grid;place-items:center;background:transparent;border:0;box-shadow:none}
body[data-workspace=true] :is(.crm-delete-icon,.crm-note-delete,.crm-task-delete,[data-card-action=delete]):is(:hover,:focus-visible) {background:transparent;box-shadow:none;color:#e14d4d}
body[data-workspace=true] .crm-pipeline-name-actions .crm-delete-icon {color:#cb6868}
body[data-workspace=true] .crm-pipeline-name-actions .crm-delete-icon:is(:hover,:focus-visible) {color:#e14d4d}
body[data-workspace=true] .crm-pipeline-confirm {width:min(610px,calc(100vw - 32px));border-radius:18px}
body[data-workspace=true] .crm-pipeline-confirm .dialog-header {padding:22px 24px 12px;border:0;gap:14px;align-items:flex-start}
body[data-workspace=true] .crm-pipeline-confirm .dialog-header h2 {font-size:17px;font-weight:500;line-height:1.5}
body[data-workspace=true] .crm-pipeline-confirm .dialog-body {padding:4px 24px 24px}
.crm-pipeline-confirm .deletion-consent {align-items:flex-start;font-size:13px;line-height:1.6;margin:12px 0 20px}
.crm-pipeline-confirm .deletion-consent input {flex-shrink:0;margin-top:3px}
.crm-confirm-actions {display:flex;align-items:center;gap:18px;margin-top:20px}
.crm-confirm-actions .text-btn {margin:0}
.crm-pipeline-confirm .form-feedback:empty {display:none}
body[data-workspace=true] dialog:has([data-task-detail]) {width:min(620px,calc(100vw - 32px))}
.crm-task-detail-title {margin-top:6px}
.crm-task-detail-title .crm-task-type {display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;line-height:1.5}
.crm-task-detail-title .icon {width:17px;height:17px;flex-shrink:0}
@media(max-width:700px){
 body[data-workspace=true] .crm-pipeline-dialog {width:calc(100vw - 24px);height:calc(100dvh - 48px)}
 body[data-workspace=true] .crm-pipeline-designer {grid-template-columns:1fr;gap:12px}
 body[data-workspace=true] .crm-pipeline-dialog .dialog-header {padding:14px;gap:8px}
 body[data-workspace=true] .crm-pipeline-dialog .dialog-header h2 {font-size:16px}
 body[data-workspace=true] .crm-pipeline-dialog .dialog-body {padding:8px 12px 14px}
 .crm-pipeline-header-actions {gap:10px}
 .crm-pipeline-name-row>.account-field {flex:1;width:auto}
 .crm-pipeline-confirm .dialog-header h2 {overflow-wrap:anywhere}
}
/* A nested confirmation replaces the editor's backdrop instead of doubling it. */
body[data-workspace=true] dialog.crm-pipeline-dialog:has(~ .crm-pipeline-confirm[open])::backdrop {background:transparent;backdrop-filter:none}