/* Outlook Modern — visual layer only (stage 4 of the redesign).
   Loaded last. Every rule is scoped to body.outlook-modern (set by outlook-modern.js)
   so removing the class or the script restores the previous look.
   No business logic, handlers, field keys or DOM structure are changed here. */

/* ---------- 1. Tokens ---------- */
body.outlook-modern{
  --om-font:"Segoe UI Variable Text","Segoe UI","Aptos",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --om-bg:#f5f5f5;--om-surface:#fff;--om-surface-2:#fafafa;
  --om-line:#e0e0e0;--om-line-soft:#ebebeb;--om-line-strong:#d1d1d1;
  --om-ink:#242424;--om-ink-2:#424242;--om-muted:#616161;--om-faint:#8a8a8a;
  --om-accent:#0f6cbd;--om-accent-hover:#115ea3;--om-accent-press:#0c3b5e;--om-accent-soft:#ebf3fc;--om-selected:#e6f0fb;
  --om-hover:#f5f5f5;--om-press:#e0e0e0;
  --om-success:#0e700e;--om-success-soft:#e7f4e7;--om-warn:#bc4b09;--om-warn-soft:#fdf3e7;--om-danger:#c50f1f;--om-danger-soft:#fdf0f1;
  --om-radius:4px;--om-top:44px;--om-rail:64px;
  --accent:var(--om-accent);--accent-soft:var(--om-accent-soft);--line:var(--om-line);--border:var(--om-line);--ink:var(--om-ink);--muted:var(--om-muted);--canvas:var(--om-bg);--surface:#fff;
  font-family:var(--om-font);font-size:13px;line-height:1.35;color:var(--om-ink);background:var(--om-bg);
  -webkit-font-smoothing:antialiased;
}
body.outlook-modern[data-process=quote]{--accent:var(--om-accent);--accent-soft:var(--om-accent-soft)}
body.outlook-modern *,body.outlook-modern *::before,body.outlook-modern *::after{font-family:inherit}
body.outlook-modern .ui-icon{filter:none}
body.outlook-modern time,body.outlook-modern .analysis-stage-duration,body.outlook-modern .overview-kpi strong,body.outlook-modern .quote-price-breakdown td:last-child{font-variant-numeric:tabular-nums}

/* ---------- 2. Shell: top bar, rail, main ---------- */
body.outlook-modern.top-navigation.signed-in{display:flex;flex-direction:column;min-height:100vh;background:var(--om-bg)}
body.outlook-modern.top-navigation>aside.workspace-sidebar{position:sticky;top:0;z-index:40;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;height:var(--om-top);min-height:var(--om-top);padding:0 10px 0 8px;background:var(--om-surface);border-bottom:1px solid var(--om-line);box-shadow:none}
body.outlook-modern.top-navigation .workspace-sidebar .app-brand{width:auto;min-width:0;padding:0 8px 0 4px;margin:0 6px 0 0;height:32px;display:flex;align-items:center;border-radius:var(--om-radius)}
body.outlook-modern.top-navigation .workspace-sidebar .app-brand:hover{background:var(--om-hover)}
body.outlook-modern .topas-name{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--om-accent)}
body.outlook-modern .topas-letter-a{width:16px;height:17px;margin:0 -1px;vertical-align:-3px}
/* Primary navigation becomes the left app rail (Outlook style); no DOM change, fixed position only. */
body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation{position:fixed;left:0;top:var(--om-top);bottom:0;width:var(--om-rail);display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:2px;margin:0;padding:6px 4px;background:var(--om-bg);border-right:1px solid var(--om-line);z-index:35;overflow:hidden auto}
body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:52px;padding:6px 2px;margin:0;border:0;border-radius:var(--om-radius);background:transparent;color:var(--om-ink-2);font-size:9.5px;line-height:11px;font-weight:600;text-align:center;white-space:normal;overflow-wrap:anywhere}
body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation button .ui-icon{width:20px;height:20px;opacity:.85}
body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation button:hover{background:#ebebeb;color:var(--om-ink)}
body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation button.active{background:var(--om-selected);color:var(--om-accent)}
body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation button.active::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--om-accent)}
body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation button.active .ui-icon{opacity:1;filter:invert(32%) sepia(68%) saturate(1538%) hue-rotate(188deg) brightness(93%) contrast(92%)}
body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation .openai-stats-link{margin-top:auto;border-top:1px solid var(--om-line);border-radius:0;padding-top:8px}
body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation .openai-stats-link span{font-size:9px;line-height:10px}
body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation button[hidden]{display:none}
/* Header tools inside the top bar */
body.outlook-modern.top-navigation .workspace-sidebar .app-header{margin-left:auto;gap:4px}
body.outlook-modern.top-navigation .app-header .actions{gap:4px;flex-wrap:nowrap}
body.outlook-modern.top-navigation .app-header .actions>button,body.outlook-modern.top-navigation .workspace-sidebar .sidebar-footer button,body.outlook-modern.top-navigation .workspace-sidebar .language-option{min-height:32px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:var(--om-radius);background:transparent;color:var(--om-ink-2);font-size:12px;font-weight:600;box-shadow:none}
body.outlook-modern.top-navigation .app-header .actions>button:hover,body.outlook-modern.top-navigation .workspace-sidebar .sidebar-footer button:hover,body.outlook-modern.top-navigation .workspace-sidebar .language-option:hover{background:var(--om-hover);border-color:transparent}
body.outlook-modern.top-navigation .app-header .actions>.test-header-button{border-color:var(--om-line-strong);background:var(--om-surface)}
body.outlook-modern.top-navigation .app-header .actions>.test-header-button:hover{background:var(--om-hover)}
body.outlook-modern.top-navigation .app-header .actions>.test-header-button.active,body.outlook-modern.top-navigation .app-header .actions>.test-header-button[aria-pressed=true]{background:var(--om-selected);border-color:var(--om-accent);color:var(--om-accent)}
body.outlook-modern.top-navigation .app-header .actions>.header-refresh,body.outlook-modern.top-navigation .app-header .actions>.settings-button{width:32px;padding:0;font-size:0;display:grid;place-items:center}
body.outlook-modern.top-navigation .app-header .actions>.header-refresh .ui-icon,body.outlook-modern.top-navigation .app-header .actions>.settings-button .ui-icon{width:18px;height:18px;opacity:.8}
body.outlook-modern.top-navigation .workspace-sidebar .language-switcher{gap:2px;margin:0 2px;padding:0 4px;border-left:1px solid var(--om-line);border-right:1px solid var(--om-line)}
body.outlook-modern.top-navigation .workspace-sidebar .language-option{width:30px;min-width:30px;padding:0}
body.outlook-modern.top-navigation .workspace-sidebar .language-option.selected{background:var(--om-selected);border-color:transparent}
body.outlook-modern.top-navigation .workspace-sidebar .language-option .flag{width:20px;height:14px;border-radius:2px}
body.outlook-modern.top-navigation .workspace-sidebar .sidebar-footer{gap:2px}
body.outlook-modern.top-navigation .workspace-sidebar .sidebar-footer .profile-button{padding:0 8px 0 2px}
body.outlook-modern.top-navigation .workspace-sidebar .sidebar-footer .profile-button .ui-icon{width:28px;height:28px;padding:6px;border-radius:50%;background:var(--om-accent);filter:brightness(0) invert(1)}
body.outlook-modern.top-navigation .workspace-sidebar .signed-user{font-size:12px;max-width:120px}
body.outlook-modern.top-navigation .workspace-sidebar .sidebar-footer #logout{color:var(--om-muted);font-weight:500}
/* Main area */
body.outlook-modern.top-navigation.signed-in main{margin:0;width:100%;max-width:none;padding:8px 10px 10px calc(var(--om-rail) + 10px)!important;box-sizing:border-box;background:var(--om-bg)}
body.outlook-modern main>header{display:none}
body.outlook-modern #notice{margin:0 0 8px;padding:7px 10px;border-radius:var(--om-radius);background:var(--om-warn-soft);border:1px solid #f3d7b8;color:#7a3d0b;font-size:12px}
body.outlook-modern #notice:empty{display:none}
body.outlook-modern .process-banner{padding:4px 10px;min-height:30px;background:var(--om-surface);border:1px solid var(--om-line);border-radius:var(--om-radius) var(--om-radius) 0 0;font-size:12px}
body.outlook-modern .module-navigation{border-color:var(--om-line);border-radius:0 0 var(--om-radius) var(--om-radius)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote){background:var(--om-surface);border:1px solid var(--om-line);border-radius:var(--om-radius);padding:12px 14px}

/* ---------- 3. Controls (Fluent 2 look) ---------- */
body.outlook-modern main button,body.outlook-modern main summary.stage-control-trigger{font-family:var(--om-font);font-size:13px;font-weight:600;line-height:20px;color:var(--om-ink);background:var(--om-surface);border:1px solid var(--om-line-strong);border-radius:var(--om-radius);padding:5px 12px;min-height:32px;box-shadow:none;transition:background .1s,border-color .1s,color .1s}
body.outlook-modern main button:hover{background:var(--om-hover);border-color:#c7c7c7;color:var(--om-ink)}
body.outlook-modern main button:active{background:var(--om-press)}
body.outlook-modern main button.primary{background:var(--om-accent);border-color:var(--om-accent);color:#fff}
body.outlook-modern main button.primary:hover{background:var(--om-accent-hover);border-color:var(--om-accent-hover)}
body.outlook-modern main button.primary:active{background:var(--om-accent-press);border-color:var(--om-accent-press)}
body.outlook-modern main button:disabled,body.outlook-modern main button:disabled:hover{opacity:1;color:var(--om-faint);background:#f0f0f0;border-color:var(--om-line)}
body.outlook-modern main button.primary:disabled,body.outlook-modern main button.primary:disabled:hover{background:#c7e0f4;border-color:#c7e0f4;color:#fff}
body.outlook-modern main .text-button,body.outlook-modern main button.text-button{border-color:transparent;background:transparent;color:var(--om-accent);padding:4px 6px}
body.outlook-modern main .text-button:hover{background:var(--om-accent-soft);border-color:transparent}
body.outlook-modern main input:not([type=checkbox]):not([type=radio]):not([type=range]),body.outlook-modern main select,body.outlook-modern main textarea{font-family:var(--om-font);font-size:13px;line-height:20px;color:var(--om-ink);background:var(--om-surface);border:1px solid var(--om-line-strong);border-bottom-color:var(--om-faint);border-radius:var(--om-radius);padding:5px 8px;min-height:32px;box-shadow:none;transition:border-color .1s,box-shadow .1s}
body.outlook-modern main input:hover,body.outlook-modern main select:hover,body.outlook-modern main textarea:hover{border-color:#c7c7c7;border-bottom-color:var(--om-muted)}
body.outlook-modern main input:focus,body.outlook-modern main select:focus,body.outlook-modern main textarea:focus{outline:none;border-color:var(--om-line-strong);border-bottom-color:var(--om-accent);box-shadow:inset 0 -1px 0 var(--om-accent)}
body.outlook-modern main input:disabled,body.outlook-modern main select:disabled,body.outlook-modern main textarea:disabled{background:#f0f0f0;color:var(--om-faint);border-color:var(--om-line)}
body.outlook-modern main input:user-invalid,body.outlook-modern main select:user-invalid,body.outlook-modern main textarea:user-invalid,body.outlook-modern main [aria-invalid=true],body.outlook-modern main .invalid,body.outlook-modern main .field-error input,body.outlook-modern main .error input{border-color:var(--om-danger);border-bottom-color:var(--om-danger);box-shadow:inset 0 -1px 0 var(--om-danger)}
body.outlook-modern main ::placeholder{color:var(--om-faint)}
body.outlook-modern button:focus-visible,body.outlook-modern input:focus-visible,body.outlook-modern select:focus-visible,body.outlook-modern textarea:focus-visible,body.outlook-modern summary:focus-visible,body.outlook-modern a:focus-visible,body.outlook-modern [tabindex]:focus-visible{outline:2px solid var(--om-ink);outline-offset:1px;box-shadow:0 0 0 1px #fff}
body.outlook-modern main label{color:var(--om-ink-2)}
body.outlook-modern .panel-muted{color:var(--om-muted)}
body.outlook-modern main a{color:var(--om-accent)}
body.outlook-modern main .status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;min-height:22px;border:1px solid transparent;border-radius:var(--om-radius);background:#f0f0f0;color:var(--om-ink-2);font-size:11px;font-weight:600;line-height:16px;white-space:nowrap;margin:0}
body.outlook-modern main .status-pill.status-running,body.outlook-modern main .status-pill.status-queued,body.outlook-modern main .status-pill.status-processing{background:var(--om-accent-soft);color:var(--om-accent)}
body.outlook-modern main .status-pill.status-completed,body.outlook-modern main .status-pill.status-sent,body.outlook-modern main .status-pill.status-analyzed,body.outlook-modern main .status-pill.status-manual_done{background:var(--om-success-soft);color:var(--om-success)}
body.outlook-modern main .status-pill.status-review,body.outlook-modern main .status-pill.status-attention,body.outlook-modern main .status-pill.status-paused,body.outlook-modern main .status-pill.status-awaiting_customer,body.outlook-modern main .status-pill.status-awaiting_operator{background:var(--om-warn-soft);color:var(--om-warn)}
body.outlook-modern main .status-pill.status-failed,body.outlook-modern main .status-pill.status-blocked,body.outlook-modern main .status-pill.status-interrupted{background:var(--om-danger-soft);color:var(--om-danger)}
body.outlook-modern main details>summary{cursor:pointer}
body.outlook-modern main .panel-card{border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);box-shadow:none}
body.outlook-modern main .empty,body.outlook-modern main .panel-empty{color:var(--om-muted);font-size:12px;border:1px dashed var(--om-line-strong);border-radius:var(--om-radius);background:var(--om-surface-2)}
body.outlook-modern main dialog{border:1px solid var(--om-line);border-radius:8px;box-shadow:0 8px 32px #0000002e;font-family:var(--om-font)}

/* ---------- 4. Process strip (switch · mail · AI · attention) ---------- */
body.outlook-modern #booking .booking-status-row{display:flex;align-items:center;gap:8px;margin:0 0 6px;min-width:0}
body.outlook-modern #booking .booking-status-row .agent-control-host{flex:1 1 auto;min-width:0}
body.outlook-modern #quote>.agent-control-host{margin:0 0 6px}
body.outlook-modern .agent-control-bar,body.outlook-modern #booking .booking-status-row .agent-control-bar,body.outlook-modern .overview-mail-card .agent-control-bar{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;min-height:36px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);overflow:visible}
body.outlook-modern .agent-process-switches,body.outlook-modern #booking .booking-status-row .agent-process-switches{display:flex;align-items:center;gap:6px;padding:2px 8px;flex-wrap:nowrap}
body.outlook-modern .agent-process-switch{padding:4px 6px;font-size:12px;font-weight:600;color:var(--om-ink);border:0;background:transparent;min-height:28px;border-radius:var(--om-radius)}
body.outlook-modern .agent-process-switch:hover{background:var(--om-hover)}
body.outlook-modern .agent-switch-track{flex:0 0 36px;width:36px;height:18px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px var(--om-muted)}
body.outlook-modern .agent-switch-track::after{top:3px;left:3px;width:12px;height:12px;background:var(--om-muted);box-shadow:none}
body.outlook-modern .agent-process-switch[aria-checked=true] .agent-switch-track{background:var(--om-accent);box-shadow:none}
body.outlook-modern .agent-process-switch[aria-checked=true] .agent-switch-track::after{background:#fff;transform:translateX(18px)}
body.outlook-modern .agent-process-switch:disabled .agent-switch-track{opacity:.5}
body.outlook-modern .stage-control-trigger,body.outlook-modern main summary.stage-control-trigger{width:28px;height:28px;min-height:28px;padding:0;border:1px solid transparent;background:transparent;border-radius:var(--om-radius)}
body.outlook-modern .stage-control-trigger:hover,body.outlook-modern .stage-control-menu[open] .stage-control-trigger{background:var(--om-hover);border-color:transparent;box-shadow:none}
body.outlook-modern .stage-control-popover{border:1px solid var(--om-line);border-radius:8px;box-shadow:0 8px 24px #0000002b;padding:8px}
body.outlook-modern .agent-status,body.outlook-modern #booking .booking-status-row .agent-status{min-height:34px;padding:2px 12px;gap:7px;border-left:1px solid var(--om-line);flex:1 1 180px;min-width:0}
body.outlook-modern .agent-status>.ui-icon{flex:0 0 16px;width:16px;height:16px;opacity:.7}
body.outlook-modern .agent-status>div{flex-direction:row;align-items:baseline;gap:6px;flex-wrap:wrap}
body.outlook-modern .agent-status strong{font-size:12px;font-weight:600;color:var(--om-ink)}
body.outlook-modern .agent-status-meta{font-size:11px;color:var(--om-muted)}
body.outlook-modern .agent-dot{width:8px;height:8px;margin:0 -2px 0 0;background:#bdbdbd}
body.outlook-modern .agent-dot.ready{background:#13a10e;box-shadow:0 0 0 3px #e7f4e7}
body.outlook-modern .agent-ai-progress{left:34px;right:12px;bottom:3px;height:2px;background:var(--om-line)}
body.outlook-modern .agent-ai-progress::after{background:var(--om-accent)}
body.outlook-modern .agent-stop,body.outlook-modern #booking .booking-status-row .agent-stop{flex:0 0 auto;margin:0 6px 0 auto;padding:4px 10px;min-height:28px;border:1px solid var(--om-line-strong);border-radius:var(--om-radius);font-size:12px}
body.outlook-modern #booking .booking-attention{flex:0 0 auto;min-width:200px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface)}
body.outlook-modern #booking .booking-attention-trigger{min-height:34px;padding:4px 12px;font-size:12px;color:var(--om-ink);border-radius:var(--om-radius)}
body.outlook-modern #booking .booking-attention-trigger:hover{background:var(--om-hover)}
body.outlook-modern #booking .booking-attention-trigger .ui-icon{width:16px;height:16px;opacity:.8}
body.outlook-modern #booking .booking-attention-list{border-color:var(--om-line);border-radius:0 0 var(--om-radius) var(--om-radius);box-shadow:0 8px 24px #0000002b}
body.outlook-modern #booking .booking-attention-item{font-size:12px;padding:8px 12px;border-bottom-color:var(--om-line-soft)}
body.outlook-modern #booking .booking-attention-item:hover{background:var(--om-hover)}

/* ---------- 5. Three-column workspace ---------- */
body.outlook-modern .compact-workspace,body.outlook-modern .booking-three-columns{border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);box-shadow:none}
body.outlook-modern .booking-three-columns .booking-column-divider{width:10px;min-width:10px;background:var(--om-bg);border-inline:1px solid var(--om-line)}
body.outlook-modern .booking-three-columns .booking-column-divider::after{width:2px;height:32px;background:#bdbdbd}
body.outlook-modern .booking-three-columns .booking-column-divider:hover,body.outlook-modern .booking-three-columns .booking-column-divider:focus-visible{background:var(--om-selected)}
body.outlook-modern .booking-three-columns> :is(.compact-list-panel,.compact-detail-panel,.booking-inline-editor){background:var(--om-surface)}

/* ---------- 6. Conversation list (two-line Outlook items) ---------- */
body.outlook-modern .booking-three-columns .compact-search,body.outlook-modern .compact-search{margin:8px 8px 6px;min-height:32px;padding:0 4px 0 8px;gap:6px;border:1px solid var(--om-line-strong);border-bottom-color:var(--om-faint);border-radius:var(--om-radius);background:var(--om-surface)}
body.outlook-modern .compact-search:focus-within{border-bottom-color:var(--om-accent);box-shadow:inset 0 -1px 0 var(--om-accent)}
body.outlook-modern .compact-search .ui-icon{width:16px;height:16px;opacity:.7}
body.outlook-modern main .compact-search input{border:0!important;box-shadow:none!important;min-height:30px;padding:4px 0;font-size:13px;background:transparent}
body.outlook-modern main .compact-search button{min-height:26px;padding:2px 8px;font-size:12px;border-color:transparent;background:transparent;color:var(--om-accent)}
body.outlook-modern main .compact-search button:hover{background:var(--om-accent-soft);border-color:transparent}
body.outlook-modern main .compact-search .compact-filter-toggle{width:28px;padding:0;display:grid;place-items:center;color:var(--om-ink-2)}
body.outlook-modern .compact-filter-pop{top:44px;right:8px;border-color:var(--om-line);border-radius:var(--om-radius);box-shadow:0 8px 24px #0000002b}
body.outlook-modern main .compact-filter-pop button{font-size:12px;border:0;background:transparent;min-height:30px;border-radius:3px}
body.outlook-modern main .compact-filter-pop button:hover{background:var(--om-hover)}
body.outlook-modern .booking-three-columns .compact-filters,body.outlook-modern .compact-filters{display:flex;flex-wrap:wrap;gap:4px;padding:0 8px 6px;border-bottom:1px solid var(--om-line)}
body.outlook-modern main .compact-filter{padding:2px 9px;min-height:24px;border:1px solid var(--om-line);border-radius:12px;background:var(--om-surface);color:var(--om-ink-2);font-size:11.5px;font-weight:600;line-height:18px}
body.outlook-modern main .compact-filter:hover{background:var(--om-hover);border-color:var(--om-line-strong)}
body.outlook-modern main .compact-filter.active{background:var(--om-accent);border-color:var(--om-accent);color:#fff}
body.outlook-modern .compact-list-panel>.mail-period-control{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 8px;margin:0;border-bottom:1px solid var(--om-line);font-size:12px;color:var(--om-muted)}
body.outlook-modern main .mail-period-control select,body.outlook-modern main .mail-period-control input{min-height:26px;padding:2px 6px;font-size:12px}
body.outlook-modern main .mail-period-control button{min-height:26px;padding:0 8px;font-size:12px}
/* Column header becomes a flat sort strip; stage columns are not resizable in this presentation. */
body.outlook-modern .booking-column-list .overview-progress-head,body.outlook-modern .overview-mail-card .overview-progress-head{display:flex;align-items:center;gap:1px;min-width:0!important;padding:1px 6px;border-top:0;border-bottom:1px solid var(--om-line-soft);background:var(--om-surface-2);font-size:11px;text-align:left;overflow:hidden}
body.outlook-modern .overview-progress-head .overview-column-label{flex:none;border:0;text-align:left}
body.outlook-modern .overview-progress-head .overview-column-grip{display:none}
body.outlook-modern main .overview-progress-head .overview-sort-button{min-height:22px;padding:1px 6px;border:0;border-radius:3px;background:transparent;color:var(--om-muted);font-size:11px;font-weight:500;line-height:18px;white-space:nowrap}
body.outlook-modern main .overview-progress-head .overview-sort-button:hover{background:var(--om-hover);color:var(--om-ink)}
body.outlook-modern main .overview-progress-head .overview-sort-button.active{color:var(--om-accent);font-weight:600;background:var(--om-accent-soft)}
body.outlook-modern main .overview-progress-head .overview-sort-button.active[data-direction=desc]::after{content:" ↓"}
body.outlook-modern main .overview-progress-head .overview-sort-button.active[data-direction=asc]::after{content:" ↑"}
body.outlook-modern .booking-list-table>.compact-rows,body.outlook-modern .booking-list-table>.overview-progress-head{min-width:0!important}
body.outlook-modern .compact-rows{min-height:0}
body.outlook-modern .mail-day-section{border:0}
body.outlook-modern .mail-day-toggle{min-height:28px;padding:5px 12px;border:0;border-top:1px solid var(--om-line-soft);border-bottom:1px solid var(--om-line-soft);background:var(--om-surface-2);color:var(--om-ink);font-size:12px;font-weight:600;gap:6px}
body.outlook-modern .mail-day-toggle:hover{background:var(--om-hover)}
body.outlook-modern .mail-day-toggle strong{font-size:12px}
body.outlook-modern .mail-day-toggle time,body.outlook-modern .mail-day-toggle small{font-size:11px;color:var(--om-muted);font-weight:400}
body.outlook-modern .mail-day-toggle .mail-day-chevron{font-size:10px;color:var(--om-muted)}
body.outlook-modern .mail-day-toggle .mail-day-count{background:transparent;color:var(--om-muted);font-weight:500;font-size:11px;padding:0;min-width:0}
body.outlook-modern .compact-thread{border-bottom:1px solid var(--om-line-soft)}
body.outlook-modern .compact-thread.thread-selected>.compact-thread-head,body.outlook-modern main .compact-row.selected{background:var(--om-selected);box-shadow:inset 3px 0 0 var(--om-accent)}
body.outlook-modern main .compact-row:hover{background:var(--om-hover)}
body.outlook-modern main .compact-row.selected:hover{background:#dde9f7}
/* Two-line item: avatar · sender · time / subject / status · stage dots */
body.outlook-modern .booking-column-list .booking-column-row,body.outlook-modern .booking-column-list .compact-thread.has-recheck>.booking-column-row{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"avatar copy time" "avatar progress progress";column-gap:10px;row-gap:3px;align-items:start;min-height:0;padding:7px 10px 7px 12px!important;border:0;border-radius:0;color:var(--om-ink);text-align:left;position:relative}
body.outlook-modern .booking-column-row::before{content:attr(data-om-initial);grid-area:avatar;align-self:start;margin-top:2px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dbe7f5;color:#2b4a70;font-size:13px;font-weight:600}
body.outlook-modern .compact-thread.has-clarification>.booking-column-row::before,body.outlook-modern .booking-column-row.selected::before{background:var(--om-accent);color:#fff}
body.outlook-modern .booking-column-row>.overview-mail-copy{grid-area:copy;display:flex;flex-wrap:wrap;align-items:center;gap:1px 6px;min-width:0;padding:0}
body.outlook-modern .booking-column-row .compact-thread-identity{flex:1 1 100%;display:flex;align-items:center;gap:5px;min-width:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--om-ink)}
body.outlook-modern .booking-column-row .compact-thread-identity strong{font-weight:600;font-size:12.5px;overflow:hidden;text-overflow:ellipsis}
body.outlook-modern .booking-column-row .compact-row-subject{flex:0 1 auto;min-width:0;margin:0;font-size:12.5px;color:var(--om-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.outlook-modern .booking-column-row.selected .compact-row-subject,body.outlook-modern .compact-thread.has-clarification .compact-row-subject{font-weight:600;color:var(--om-ink)}
body.outlook-modern .booking-column-row .booking-column-status,body.outlook-modern .booking-column-row .compact-row-status{flex:0 0 auto;margin:0;padding:1px 7px;border-radius:3px;background:#f0f0f0;color:var(--om-ink-2);font-size:10.5px;font-weight:600;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.outlook-modern .booking-column-row>time.overview-duration{grid-area:time;display:block;min-height:0;border:0;padding-top:1px;font-size:11px;font-weight:400;color:var(--om-muted);white-space:nowrap;justify-self:end}
body.outlook-modern .booking-column-row.selected>time.overview-duration{color:var(--om-accent)}
body.outlook-modern .booking-column-row>.overview-row-progress{grid-area:progress;display:flex;align-items:center;gap:4px;justify-self:start;margin:0;position:static}
body.outlook-modern .booking-column-row .overview-step-slot,body.outlook-modern .booking-column-row .overview-step-slot.with-analysis-timer{display:block;min-height:0;border:0;padding:0;gap:0}
body.outlook-modern .booking-column-row .analysis-stage-ring{width:9px;height:9px}
body.outlook-modern .booking-column-row .analysis-stage-ring::before{background:#c7c7c7;mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px))}
body.outlook-modern .booking-column-row .analysis-stage-ring.done::before{mask:none;background:var(--om-accent)}
body.outlook-modern .booking-column-row .analysis-stage-ring.active::before{mask:none;background:conic-gradient(var(--om-accent) 0deg 200deg,#c7e0f4 200deg 360deg)}
body.outlook-modern .booking-column-row .overview-step-slot.receipt-warning .analysis-stage-ring::before{mask:none;background:var(--om-warn)}
body.outlook-modern .booking-column-row .overview-step-slot>.analysis-stage-duration{display:none}
body.outlook-modern .booking-column-row .process-cycle-time{margin:0 0 0 6px;padding:0;border:0;gap:3px;font-size:10.5px;color:var(--om-muted)}
body.outlook-modern .booking-column-row .process-cycle-time>span:first-child{display:none}
body.outlook-modern .booking-column-row .process-cycle-time .analysis-stage-duration{display:block;font-size:10.5px;font-weight:500;color:var(--om-muted);line-height:14px}
body.outlook-modern .booking-column-row .overview-progress-step{display:none}
/* Row hover actions (re-check / remove) */
body.outlook-modern .booking-column-list .compact-thread-recheck,body.outlook-modern .booking-column-list .compact-thread-trash,body.outlook-modern .booking-column-list .compact-clarification{top:6px;bottom:auto;width:24px;height:24px;padding:3px;border:1px solid transparent;border-radius:3px;background:var(--om-surface);color:var(--om-ink-2);opacity:0;transition:opacity .1s}
body.outlook-modern .booking-column-list .compact-thread-recheck{right:34px}
body.outlook-modern .booking-column-list .compact-thread-trash{right:6px}
body.outlook-modern .booking-column-list .compact-thread:is(:hover,:focus-within) :is(.compact-thread-recheck,.compact-thread-trash,.compact-clarification){opacity:1}
body.outlook-modern .booking-column-list .compact-thread-recheck:hover,body.outlook-modern .booking-column-list .compact-thread-trash:hover{background:var(--om-hover);border-color:var(--om-line-strong)}
body.outlook-modern .booking-column-list .compact-thread:is(:hover,:focus-within)>.booking-column-row>time.overview-duration{visibility:hidden}
body.outlook-modern .compact-thread-children{border-top:1px solid var(--om-line-soft)}
body.outlook-modern .compact-thread-child{font-size:12px;padding:5px 10px 5px 54px}
body.outlook-modern .compact-thread-child:hover,body.outlook-modern .compact-thread-child.selected{background:var(--om-selected)}
body.outlook-modern .compact-pagination{padding:6px 10px;border-top:1px solid var(--om-line-soft);font-size:11.5px}
body.outlook-modern main .compact-pagination button{min-height:26px;padding:2px 8px;font-size:12px;border-color:transparent;color:var(--om-accent);background:transparent}
body.outlook-modern main .compact-pagination button:hover{background:var(--om-accent-soft)}
body.outlook-modern main .compact-pagination button:disabled{color:var(--om-faint);background:transparent;border-color:transparent}
body.outlook-modern .compact-pagination .panel-muted{font-size:11.5px}

/* ---------- 7. Source pane (documents + mail) ---------- */
body.outlook-modern .booking-three-columns>.compact-detail-panel{padding:0;background:var(--om-surface)}
body.outlook-modern .case-source-pane{border:0;background:var(--om-surface)}
body.outlook-modern .case-source-document-head,body.outlook-modern .case-source-mail-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:7px 12px;min-height:40px;background:var(--om-surface);border-bottom:1px solid var(--om-line)}
body.outlook-modern .case-source-document-head h3,body.outlook-modern .case-source-mail-head h3{margin:0;font-size:13px;font-weight:600;color:var(--om-ink);flex:1 1 auto}
body.outlook-modern .case-source-mail-head strong{font-size:12.5px;font-weight:600;flex:1 1 100%;order:3}
body.outlook-modern .case-source-mail-head small{margin:0;font-size:11.5px;color:var(--om-muted);flex:1 1 100%;order:4}
body.outlook-modern main .case-source-document-head button,body.outlook-modern main .case-source-mail-head button{min-height:26px;padding:2px 10px;font-size:12px;border-color:transparent;background:transparent;color:var(--om-accent);margin-left:auto}
body.outlook-modern main .case-source-document-head button:hover,body.outlook-modern main .case-source-mail-head button:hover{background:var(--om-accent-soft)}
body.outlook-modern .booking-three-columns .case-source-file-tabs{gap:4px;padding:6px 10px;border-top:0;border-bottom:1px solid var(--om-line-soft);background:var(--om-surface)}
body.outlook-modern main .case-source-file-tab{min-height:26px;padding:2px 9px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface-2);color:var(--om-ink-2);font-size:12px;font-weight:500;white-space:nowrap}
body.outlook-modern main .case-source-file-tab:hover{background:var(--om-hover)}
body.outlook-modern main .case-source-file-tab.active{background:var(--om-selected);border-color:var(--om-accent);color:var(--om-accent);font-weight:600}
body.outlook-modern .booking-three-columns .case-source-file-actions{gap:4px 10px;padding:4px 12px;font-size:11.5px;border-bottom:1px solid var(--om-line-soft);color:var(--om-muted)}
body.outlook-modern .booking-three-columns .case-source-file-actions strong{width:auto;flex:1 1 auto;font-weight:600;color:var(--om-ink)}
body.outlook-modern .case-source-pdf-pages{padding:10px;gap:10px;background:var(--om-bg)}
body.outlook-modern .case-source-pdf-sheet{border-color:var(--om-line);box-shadow:0 1px 3px #0000001f}
body.outlook-modern .case-source-pdf-sheet figcaption{font-size:11px;color:var(--om-muted);background:var(--om-surface-2);border-bottom-color:var(--om-line-soft)}
body.outlook-modern .case-source-mail-body{padding:12px 14px;font-size:13px;line-height:1.5;color:var(--om-ink)}
body.outlook-modern .quote-original-text{font:13px/1.55 var(--om-font);padding:12px 14px;color:var(--om-ink)}

/* ---------- 8. Case editor (booking) ---------- */
body.outlook-modern .booking-three-columns>.booking-inline-editor{padding:0 12px 12px}
body.outlook-modern .booking-inline-editor.compact-booking-editor{padding:0 12px 12px;scroll-padding-top:96px}
body.outlook-modern .compact-booking-editor .panel-heading,body.outlook-modern .quote-workspace-editor .panel-heading{position:sticky;top:0;z-index:16;margin:0 -12px 0;padding:8px 12px 6px;background:var(--om-surface);border:0;border-bottom:1px solid var(--om-line-soft);border-radius:0;display:flex;align-items:center;justify-content:space-between;gap:8px}
body.outlook-modern .compact-booking-editor .panel-heading h1,body.outlook-modern .quote-workspace-editor .panel-heading h1{font-size:15px;font-weight:600;line-height:20px;margin:0;color:var(--om-ink);letter-spacing:0}
body.outlook-modern .compact-booking-editor .panel-heading .panel-muted,body.outlook-modern .quote-workspace-editor .panel-heading .panel-muted{font-size:12px;margin:1px 0 0}
body.outlook-modern .compact-booking-editor .panel-heading .actions,body.outlook-modern .quote-workspace-editor .panel-heading .actions{margin:0;gap:6px;flex-wrap:nowrap;align-items:center}
/* Command bar: one filled primary action, the rest flat (Outlook) */
body.outlook-modern .compact-booking-editor .booking-editor-controls{top:40px;margin:0 -12px 8px;padding:4px 8px;border-bottom:1px solid var(--om-line);background:var(--om-surface)}
body.outlook-modern .compact-booking-editor .case-actions,body.outlook-modern .quote-workspace-editor .case-actions{display:flex;align-items:center;gap:2px;margin:0;padding:0;flex-wrap:wrap}
body.outlook-modern main .compact-booking-editor .case-actions>button,body.outlook-modern main .quote-workspace-editor .case-actions>button,body.outlook-modern main .quote-workspace-editor .case-actions .actions>button{min-height:32px;padding:4px 10px;font-size:13px;font-weight:600;border:1px solid transparent;background:transparent;color:var(--om-ink);white-space:nowrap}
body.outlook-modern main .compact-booking-editor .case-actions>button:hover,body.outlook-modern main .quote-workspace-editor .case-actions>button:hover,body.outlook-modern main .quote-workspace-editor .case-actions .actions>button:hover{background:var(--om-hover);border-color:transparent}
body.outlook-modern main .compact-booking-editor .case-actions>button.primary:first-child,body.outlook-modern main .quote-workspace-editor .case-actions>button.primary:first-child{background:var(--om-accent);border-color:var(--om-accent);color:#fff;margin-right:6px}
body.outlook-modern main .compact-booking-editor .case-actions>button.primary:first-child:hover,body.outlook-modern main .quote-workspace-editor .case-actions>button.primary:first-child:hover{background:var(--om-accent-hover);border-color:var(--om-accent-hover)}
body.outlook-modern main .compact-booking-editor .case-actions>button.primary:not(:first-child),body.outlook-modern main .quote-workspace-editor .case-actions>button.primary:not(:first-child){color:var(--om-accent)}
body.outlook-modern main .compact-booking-editor .case-actions>button:disabled,body.outlook-modern main .quote-workspace-editor .case-actions>button:disabled,body.outlook-modern main .quote-workspace-editor .case-actions .actions>button:disabled{background:transparent;border-color:transparent;color:var(--om-faint)}
body.outlook-modern main .compact-booking-editor .case-actions>button.primary:first-child:disabled,body.outlook-modern main .quote-workspace-editor .case-actions>button.primary:first-child:disabled{background:#c7e0f4;border-color:#c7e0f4;color:#fff}
body.outlook-modern .compact-booking-editor .case-actions>.thread-button .ui-icon{width:16px;height:16px;opacity:.8}
body.outlook-modern main .compact-booking-editor .case-actions>.case-reanalyze-button,body.outlook-modern main .quote-workspace-editor .case-actions>.case-reanalyze-button{margin-left:auto;color:var(--om-muted)}
body.outlook-modern .quote-workspace-editor .case-actions>.actions{display:flex;gap:2px;margin:0;align-items:center}
body.outlook-modern .attention-actions>summary{display:inline-flex;align-items:center;min-height:32px;padding:4px 10px;border:1px solid transparent;border-radius:var(--om-radius);font-size:13px;font-weight:600;color:var(--om-ink)}
body.outlook-modern .attention-actions>summary::after{content:"▾";margin-left:5px;font-size:10px;color:var(--om-muted)}
body.outlook-modern .attention-actions>summary:hover{background:var(--om-hover)}
body.outlook-modern .attention-actions[open] .attention-options{position:absolute;z-index:20;top:100%;left:0;min-width:200px;padding:4px;margin-top:2px;background:var(--om-surface);border:1px solid var(--om-line);border-radius:var(--om-radius);box-shadow:0 8px 24px #0000002b}
body.outlook-modern main .attention-actions .attention-options button{margin:0;border:0;min-height:30px;padding:4px 10px;font-weight:500;font-size:12.5px}
body.outlook-modern main .attention-actions .attention-options button:hover{background:var(--om-hover)}
/* Field groups as flat tiles */
body.outlook-modern .compact-booking-editor .case-work{gap:6px}
body.outlook-modern .compact-booking-editor .case-fields{gap:6px}
body.outlook-modern .compact-booking-editor .case-editor-layout .case-group{padding:6px 10px 9px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);gap:4px 8px}
body.outlook-modern .compact-booking-editor .case-group legend{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--om-muted);padding:0 4px;line-height:16px}
body.outlook-modern .compact-booking-editor .booking-field-caption{height:auto;min-height:16px;font-size:11px;line-height:16px;color:var(--om-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.outlook-modern .compact-booking-editor [data-field]:has(.learning-field-actions)>.booking-field-caption{padding-right:18px}
body.outlook-modern main .compact-booking-editor .case-group input,body.outlook-modern main .compact-booking-editor .case-group select{height:28px;min-height:28px;padding:3px 7px;font-size:13px;line-height:20px}
body.outlook-modern main .compact-booking-editor .case-group .case-note-input{min-height:60px;height:84px;padding:5px 7px;font-size:13px;line-height:1.45;resize:vertical}
body.outlook-modern .compact-booking-editor .learning-field-actions{top:0;right:0;opacity:0;transition:opacity .1s}
body.outlook-modern .compact-booking-editor [data-field]:is(:hover,:focus-within) .learning-field-actions{opacity:1}
body.outlook-modern main .compact-booking-editor .learning-field-actions .learning-source-button{width:16px!important;min-width:16px;height:16px;min-height:16px;border-radius:3px;color:var(--om-muted);border-color:transparent}
body.outlook-modern main .compact-booking-editor .learning-field-actions .learning-source-button:hover{background:var(--om-accent-soft)!important;color:var(--om-accent)}
body.outlook-modern .booking-route-direction{color:var(--om-faint)}
/* Flags row: switches in a flowing line */
body.outlook-modern .compact-booking-editor .booking-flags-row{display:flex;flex-wrap:wrap;gap:2px 6px;padding:2px 0 4px}
body.outlook-modern .compact-booking-editor .booking-flags-row>label{display:flex;align-items:center;gap:6px;height:36px;padding:2px 6px 2px 4px;border:0;border-radius:var(--om-radius);background:transparent}
body.outlook-modern .compact-booking-editor .booking-flags-row>label:hover{background:var(--om-hover)}
body.outlook-modern .compact-booking-editor .booking-flags-row>label:has(input:checked){background:var(--om-selected)}
body.outlook-modern .compact-booking-editor .booking-flags-row>label:focus-within{outline:2px solid var(--om-ink);outline-offset:-1px}
body.outlook-modern .compact-booking-editor .booking-flags-row .booking-field-caption{order:2;padding:0!important;font-size:12.5px;font-weight:500;color:var(--om-ink);height:auto;line-height:18px}
body.outlook-modern .compact-booking-editor .booking-flags-row .booking-flag-control{order:1;height:auto}
body.outlook-modern .compact-booking-editor .booking-flags-row .learning-field-actions{order:3;position:static;transform:none;margin-left:2px}
body.outlook-modern .compact-booking-editor .booking-flags-row [data-field=typ]{gap:6px}
body.outlook-modern .compact-booking-editor .booking-flags-row [data-field=typ] .booking-field-caption{order:0}
body.outlook-modern main .compact-booking-editor .booking-flags-row [data-field=typ] select{order:1;width:44px;height:26px;min-height:26px;padding:1px 4px;font-weight:600}
body.outlook-modern main .compact-booking-editor .case-group .booking-flag-control input{width:36px;min-width:36px;height:18px;min-height:18px;border:1px solid var(--om-muted);border-radius:9px;background:#fff}
body.outlook-modern main .compact-booking-editor .case-group .booking-flag-control input::before{top:2px;left:2px;width:12px;height:12px;background:var(--om-muted);box-shadow:none}
body.outlook-modern main .compact-booking-editor .case-group .booking-flag-control input:checked{background:var(--om-accent);border-color:var(--om-accent)}
body.outlook-modern main .compact-booking-editor .case-group .booking-flag-control input:checked::before{background:#fff;transform:translateX(18px)}
body.outlook-modern main .compact-booking-editor .case-group .booking-flag-control input:hover{border-color:var(--om-ink)}
body.outlook-modern main .compact-booking-editor .case-group .booking-flag-control input:checked:hover{background:var(--om-accent-hover);border-color:var(--om-accent-hover)}
body.outlook-modern main .compact-booking-editor .case-group .booking-flag-control input:focus-visible{outline:2px solid var(--om-ink);outline-offset:2px}
body.outlook-modern .compact-booking-editor .case-editor-layout .group-conditions{gap:4px 8px}
body.outlook-modern .compact-booking-editor .booking-code-picker>summary{min-height:28px;padding:3px 24px 3px 7px;font-size:13px;border:1px solid var(--om-line-strong);border-bottom-color:var(--om-faint);border-radius:var(--om-radius);background:var(--om-surface);color:var(--om-ink)}
body.outlook-modern .compact-booking-editor .booking-code-picker[open]>summary{border-bottom-color:var(--om-accent);box-shadow:inset 0 -1px 0 var(--om-accent)}
body.outlook-modern .compact-booking-editor .booking-code-options{border:1px solid var(--om-line);border-radius:var(--om-radius);box-shadow:0 8px 24px #0000002b}
body.outlook-modern .compact-booking-editor .booking-code-option{font-size:12.5px!important;min-height:26px}
body.outlook-modern .booking-editor-technical,body.outlook-modern .booking-learning-details,body.outlook-modern .quote-learning-details,body.outlook-modern .quote-data-details,body.outlook-modern .compact-booking-editor .case-work>details,body.outlook-modern .quote-workspace-editor .case-work>details{border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);padding:0 10px;margin:0}
body.outlook-modern .booking-editor-technical>summary,body.outlook-modern .booking-learning-details>summary,body.outlook-modern .quote-learning-details>summary,body.outlook-modern .quote-data-details>summary,body.outlook-modern .compact-booking-editor .case-work>details>summary,body.outlook-modern .quote-workspace-editor .case-work>details>summary{display:flex;align-items:center;gap:6px;min-height:32px;padding:4px 0;margin:0;font-size:12.5px;font-weight:600;color:var(--om-ink-2);list-style:none}
body.outlook-modern main details>summary::-webkit-details-marker{display:none}
body.outlook-modern .booking-editor-technical>summary::before,body.outlook-modern .booking-learning-details>summary::before,body.outlook-modern .quote-learning-details>summary::before,body.outlook-modern .quote-data-details>summary::before,body.outlook-modern .compact-booking-editor .case-work>details>summary::before,body.outlook-modern .quote-workspace-editor .case-work>details>summary::before{content:"";width:6px;height:6px;border-right:1.5px solid var(--om-muted);border-bottom:1.5px solid var(--om-muted);transform:rotate(-45deg);margin:0 4px 0 2px;transition:transform .12s}
body.outlook-modern main details[open]>summary::before{transform:rotate(45deg)}
body.outlook-modern .booking-editor-technical>fieldset,body.outlook-modern .booking-learning-details>section,body.outlook-modern .quote-learning-details>section{border:0;border-top:1px solid var(--om-line-soft);margin:0 0 6px;padding:8px 0 4px}
body.outlook-modern .booking-editor-technical legend{display:none}
body.outlook-modern .learning-panel h3{font-size:13px;margin:0 0 6px}
body.outlook-modern .learning-caption{font-size:12px;color:var(--om-muted)}
body.outlook-modern .compact-booking-editor .case-work>details>pre,body.outlook-modern .quote-workspace-editor .case-work>details>pre{font:11.5px/1.45 Consolas,"Cascadia Mono",monospace;background:var(--om-surface-2);border-top:1px solid var(--om-line-soft);margin:0 -10px;padding:8px 10px;max-height:360px;overflow:auto}
body.outlook-modern .booking-controls h3{font-size:13px}
body.outlook-modern .control-stage{border-color:var(--om-line);border-radius:var(--om-radius);padding:6px 8px;font-size:12px}
body.outlook-modern .control-move-warning{background:var(--om-warn-soft);border-color:#f3d7b8;border-radius:var(--om-radius)}

/* ---------- 9. Quote editor ---------- */
body.outlook-modern .quote-workspace-editor{padding:0 12px 12px!important;color:var(--om-ink)}
body.outlook-modern .quote-workspace-editor>.case-actions{position:sticky;top:40px;z-index:15;margin:0 -12px 8px;padding:4px 8px;background:var(--om-surface);border-bottom:1px solid var(--om-line)}
body.outlook-modern .quote-workspace-editor .case-work{gap:6px}
body.outlook-modern .quote-workspace-editor .quote-section,body.outlook-modern .quote-workspace-editor .panel-card.quote-section{border:1px solid var(--om-line);border-radius:var(--om-radius);padding:8px 10px 10px!important;margin:0;background:var(--om-surface)}
body.outlook-modern .quote-workspace-editor .quote-section h3{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--om-muted);margin:0 0 6px!important}
body.outlook-modern .quote-cargo-summary{background:var(--om-surface-2);border:1px solid var(--om-line-soft);border-radius:var(--om-radius);padding:6px 10px}
body.outlook-modern .quote-cargo-summary strong{font-size:13.5px;font-weight:600}
body.outlook-modern .quote-cargo-summary p{margin:2px 0 0;font-size:12.5px;color:var(--om-ink-2)}
body.outlook-modern .quote-workspace-editor .quote-data-details{margin-top:6px}
body.outlook-modern .quote-workspace-editor .quote-data-details>summary,body.outlook-modern .quote-workspace-editor .quote-learning-details>summary{color:var(--om-accent);padding:4px 0}
body.outlook-modern .quote-workspace-editor .case-fields{gap:6px;padding:4px 0 6px}
body.outlook-modern .quote-workspace-editor .case-group{gap:4px 8px;padding:6px 10px 8px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface)}
body.outlook-modern .quote-workspace-editor .case-group legend{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--om-muted);padding:0 4px}
body.outlook-modern .quote-workspace-editor .case-group>label{display:grid;gap:2px;font-size:11px;color:var(--om-muted);margin:0;position:relative}
body.outlook-modern main .quote-workspace-editor .case-group input,body.outlook-modern main .quote-workspace-editor .case-group select{height:28px;min-height:28px;padding:3px 7px;font-size:13px}
body.outlook-modern .quote-workspace-editor .learning-field-actions{position:absolute;top:0;right:0;opacity:0}
body.outlook-modern .quote-workspace-editor .case-group>label:is(:hover,:focus-within) .learning-field-actions{opacity:1}
body.outlook-modern .quote-workspace-editor .quote-section label{display:grid;gap:2px;font-size:11px;color:var(--om-muted);margin:4px 0}
body.outlook-modern .quote-workspace-editor .quote-pricing-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
body.outlook-modern .quote-workspace-editor .quote-pricing-panel>h3{grid-column:1/-1}
body.outlook-modern .quote-workspace-editor .quote-pricing-panel>label{margin:0}
body.outlook-modern .quote-workspace-editor .quote-price-breakdown{grid-column:1/-1}
body.outlook-modern .quote-price-breakdown table{margin:4px 0;font-size:12.5px}
body.outlook-modern .quote-price-breakdown th,body.outlook-modern .quote-price-breakdown td{padding:4px 8px;border-bottom:1px solid var(--om-line-soft)}
body.outlook-modern .quote-price-breakdown th{font-size:11px;font-weight:600;color:var(--om-muted);text-transform:uppercase;letter-spacing:.03em}
body.outlook-modern .quote-price-breakdown tr:last-child{background:var(--om-accent-soft);font-weight:700}
body.outlook-modern .quote-price-breakdown tr:last-child td{border-bottom:0;color:var(--om-accent);font-size:13.5px}
body.outlook-modern .quote-workspace-editor .quote-section .actions{margin:4px 0 0;gap:4px}
body.outlook-modern main .quote-workspace-editor .quote-section .actions>button{min-height:30px;padding:3px 10px;font-size:12.5px}
body.outlook-modern .quote-workspace-editor .quote-response-panel{display:grid;gap:4px}
body.outlook-modern .quote-workspace-editor .quote-response-panel>p.panel-muted{margin:0 0 2px;font-size:11.5px}
body.outlook-modern main .quote-workspace-editor .quote-response-panel textarea{min-height:90px;height:110px;font-size:13px;line-height:1.45}
body.outlook-modern main .quote-workspace-editor .quote-response-panel>button{justify-self:start;margin:4px 6px 0 0;min-height:30px;padding:3px 10px;font-size:12.5px}
body.outlook-modern .quote-workspace-editor .quote-response-panel>button+button{margin-top:4px}
body.outlook-modern .quote-workspace-editor .quote-pdf-panel{position:sticky;bottom:-12px;margin:0 -12px -12px;padding:6px 12px!important;border:0;border-top:1px solid var(--om-line);border-radius:0;box-shadow:0 -4px 12px #0000000f;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.outlook-modern .quote-workspace-editor .quote-pdf-panel h3{margin:0!important;flex:none}
body.outlook-modern .quote-workspace-editor .quote-pdf-panel p{margin:0;font-size:12px;flex:1 1 auto}
body.outlook-modern .quote-workspace-editor .quote-pdf-panel .actions{margin:0}
/* Total mirrored into the heading (text only, computed by the existing calculation) */
body.outlook-modern .om-quote-total{display:inline-flex;align-items:baseline;gap:6px;padding:3px 10px;border-radius:var(--om-radius);background:var(--om-accent-soft);color:var(--om-accent);font-size:12px;font-weight:600;white-space:nowrap}
body.outlook-modern .om-quote-total b{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
body.outlook-modern .om-quote-total[hidden]{display:none}

/* ---------- 10. Overview ---------- */
body.outlook-modern #overview{display:grid;gap:8px}
body.outlook-modern .overview-kpi-groups{gap:8px;margin:0}
body.outlook-modern .overview-kpi-group{padding:8px 10px 10px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface)}
body.outlook-modern .overview-kpi-group h2{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--om-muted);margin:0 0 6px}
body.outlook-modern .overview-kpi-group .overview-kpis{gap:6px}
body.outlook-modern main .overview-kpi-group .overview-kpi,body.outlook-modern main .overview-kpi{min-height:56px;padding:6px 10px;gap:8px;border:1px solid var(--om-line-soft);border-radius:var(--om-radius);background:var(--om-surface-2);align-items:center}
body.outlook-modern main .overview-kpi:hover{background:var(--om-hover);border-color:var(--om-line-strong)}
body.outlook-modern .overview-kpi-group .overview-kpi>.ui-icon:first-child,body.outlook-modern .overview-kpi>.ui-icon:first-child{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--om-accent-soft)}
body.outlook-modern .overview-kpi.attention>.ui-icon:first-child{background:var(--om-warn-soft)}
body.outlook-modern .overview-kpi.ready>.ui-icon:first-child,body.outlook-modern .overview-kpi.sent>.ui-icon:first-child,body.outlook-modern .overview-kpi.completed>.ui-icon:first-child{background:var(--om-success-soft)}
body.outlook-modern .overview-kpi-group .overview-kpi-copy small,body.outlook-modern .overview-kpi small{font-size:11px;font-weight:600;color:var(--om-ink-2)}
body.outlook-modern .overview-kpi-group .overview-kpi-copy strong,body.outlook-modern .overview-kpi strong{font-size:20px;line-height:1.1;color:var(--om-ink);font-weight:600}
body.outlook-modern .overview-kpi.attention strong{color:var(--om-warn)}
body.outlook-modern .overview-kpi-group .overview-kpi-copy>span,body.outlook-modern .overview-kpi span{font-size:10.5px;color:var(--om-muted)}
body.outlook-modern .overview-mail-columns{gap:8px;margin:0}
body.outlook-modern .overview-mail-card,body.outlook-modern .overview-attention,body.outlook-modern .overview-recent,body.outlook-modern .overview-quick{border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface)}
body.outlook-modern .overview-card-head{padding:6px 10px;min-height:36px;border-bottom:1px solid var(--om-line)}
body.outlook-modern .overview-card-head>.ui-icon{width:16px;height:16px;opacity:.8}
body.outlook-modern .overview-card-head strong{font-size:13px;font-weight:600}
body.outlook-modern .overview-card-head small{font-size:11.5px;color:var(--om-muted)}
body.outlook-modern main .overview-card-head .text-button{font-size:12px;padding:2px 6px}
body.outlook-modern .overview-mail-card .agent-control-host{padding:6px 8px 0}
body.outlook-modern .overview-mail-card .agent-control-bar{min-height:34px}
body.outlook-modern .overview-mail-card .agent-process-switches{gap:4px}
body.outlook-modern .overview-mail-card .agent-status{flex:1 1 150px;padding:2px 10px}
body.outlook-modern .overview-mail-card .agent-status strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.outlook-modern .overview-mini-counts{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;border-bottom:1px solid var(--om-line)}
body.outlook-modern main .overview-mini-chip{padding:2px 9px;min-height:24px;border:1px solid var(--om-line);border-radius:12px;background:var(--om-surface);color:var(--om-ink-2);font-size:11.5px;font-weight:600;line-height:18px}
body.outlook-modern main .overview-mini-chip:hover{background:var(--om-hover)}
body.outlook-modern main .overview-mini-chip:first-child,body.outlook-modern main .overview-mini-chip.active{background:var(--om-accent);border-color:var(--om-accent);color:#fff}
body.outlook-modern .overview-mail-list{min-height:120px}
body.outlook-modern main .overview-mail-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"avatar copy time" "avatar progress progress";column-gap:8px;row-gap:3px;align-items:start;min-height:0;padding:6px 10px;border:0;border-top:1px solid var(--om-line-soft);border-radius:0;background:var(--om-surface);color:var(--om-ink);text-align:left}
body.outlook-modern main .overview-mail-row:hover{background:var(--om-hover)}
body.outlook-modern main .overview-mail-row.selected,body.outlook-modern main .overview-mail-row[aria-current]{background:var(--om-selected);box-shadow:inset 3px 0 0 var(--om-accent)}
body.outlook-modern .overview-mail-row::before{content:attr(data-om-initial);grid-area:avatar;align-self:start;margin-top:1px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dbe7f5;color:#2b4a70;font-size:12px;font-weight:600}
body.outlook-modern .overview-mail-row>.overview-mail-copy{grid-area:copy;display:flex;flex-wrap:wrap;align-items:center;gap:1px 6px;min-width:0}
body.outlook-modern .overview-mail-row .overview-mail-heading{flex:1 1 100%;display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}
body.outlook-modern .overview-mail-row .overview-mail-heading strong,body.outlook-modern .overview-mail-row strong{font-size:12px;font-weight:600;color:var(--om-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.outlook-modern .overview-mail-row>.overview-mail-copy>span{flex:0 1 auto;min-width:0;display:block;font-size:12px;color:var(--om-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.outlook-modern .overview-mail-row>.overview-mail-copy>small{flex:0 0 auto;margin:0;padding:1px 7px;border-radius:3px;background:#f0f0f0;color:var(--om-ink-2);font-size:10.5px;font-weight:600;line-height:15px;white-space:nowrap}
body.outlook-modern .overview-mail-row>time.overview-duration,body.outlook-modern .overview-mail-row>.overview-received{grid-area:time;display:block;min-height:0;border:0;font-size:11px;font-weight:400;color:var(--om-muted);justify-self:end;white-space:nowrap}
body.outlook-modern .overview-mail-row>.overview-row-progress{grid-area:progress;display:flex;align-items:center;gap:4px;justify-self:start;margin:0;position:static}
body.outlook-modern .overview-mail-row .overview-step-slot,body.outlook-modern .overview-mail-row .overview-step-slot.with-analysis-timer{display:block;min-height:0;border:0;padding:0}
body.outlook-modern .overview-mail-row .overview-step-slot::before{display:none}
body.outlook-modern .overview-mail-row .analysis-stage-ring{width:9px;height:9px}
body.outlook-modern .overview-mail-row .analysis-stage-ring::before{background:#c7c7c7}
body.outlook-modern .overview-mail-row .analysis-stage-ring.done::before{mask:none;background:var(--om-accent)}
body.outlook-modern .overview-mail-row .analysis-stage-ring.active::before{mask:none;background:conic-gradient(var(--om-accent) 0deg 200deg,#c7e0f4 200deg 360deg)}
body.outlook-modern .overview-mail-row .overview-progress-step{display:none}
body.outlook-modern .overview-mail-row .overview-step-slot>.analysis-stage-duration{display:none}
body.outlook-modern .overview-mail-row .process-cycle-time{margin:0 0 0 6px;padding:0;border:0;gap:3px;font-size:10.5px;color:var(--om-muted)}
body.outlook-modern .overview-mail-row .process-cycle-time>span:first-child{display:none}
body.outlook-modern .overview-mail-row .process-cycle-time .analysis-stage-duration{font-size:10.5px;font-weight:500;color:var(--om-muted)}
body.outlook-modern .overview-attention-row{font-size:12px;padding:6px 10px;border-top:1px solid var(--om-line-soft)}
body.outlook-modern .overview-attention-row .attention-reason{color:var(--om-warn)}
body.outlook-modern main .overview-attention-actions button{min-height:26px;padding:2px 8px;font-size:12px}
body.outlook-modern .overview-activity,body.outlook-modern .overview-recent{font-size:12px}
body.outlook-modern .compact-more{margin:0;padding:0 10px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface)}
body.outlook-modern .compact-more>summary{display:flex;align-items:center;min-height:32px;font-size:12.5px;font-weight:600;color:var(--om-ink-2);list-style:none}
body.outlook-modern .compact-more>summary::before{content:"";width:6px;height:6px;border-right:1.5px solid var(--om-muted);border-bottom:1.5px solid var(--om-muted);transform:rotate(-45deg);margin:0 8px 0 2px}
body.outlook-modern .compact-more[open]>summary::before{transform:rotate(45deg)}
body.outlook-modern .compact-more>div,body.outlook-modern .compact-more>.actions{padding:6px 0 10px}

/* ---------- 11. Conversation dialog & misc dialogs ---------- */
body.outlook-modern .conversation-dialog{border:1px solid var(--om-line);border-radius:8px}
body.outlook-modern .conversation-header h2{font-size:15px;font-weight:600}
body.outlook-modern .conversation-toolbar{font-size:12px;color:var(--om-muted);border-bottom:1px solid var(--om-line)}
body.outlook-modern .case-status-dialog h3,body.outlook-modern .case-reply-dialog h3{font-size:14px;font-weight:600;margin:0 0 8px}
body.outlook-modern main .case-status-dialog .attention-options button{display:block;width:100%;text-align:left;border:0;margin:0;min-height:32px}
body.outlook-modern main .case-status-dialog .attention-options button:hover{background:var(--om-hover)}

/* ---------- 12. Laptop density (1366×768) ---------- */
@media(max-width:1500px){
  body.outlook-modern{font-size:12.5px}
  body.outlook-modern{--om-rail:56px}
  body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation button{min-height:48px;font-size:9px}
  body.outlook-modern.top-navigation .workspace-sidebar .signed-user{display:none}
  body.outlook-modern.top-navigation .workspace-sidebar .sidebar-footer .profile-button{padding:0 2px}
  body.outlook-modern.top-navigation .app-header .actions>.test-header-button{padding:0 7px;font-size:11.5px}
  body.outlook-modern.top-navigation.signed-in main{padding:6px 8px 8px calc(var(--om-rail) + 8px)!important}
  body.outlook-modern .booking-column-list .booking-column-row,body.outlook-modern .booking-column-list .compact-thread.has-recheck>.booking-column-row{grid-template-columns:28px minmax(0,1fr) auto;column-gap:8px;padding:6px 8px 6px 10px!important}
  body.outlook-modern .booking-column-row::before{width:28px;height:28px;font-size:12px}
  body.outlook-modern .booking-column-row .compact-thread-identity strong,body.outlook-modern .booking-column-row .compact-row-subject{font-size:12px}
  body.outlook-modern .agent-status{flex-basis:140px}
  body.outlook-modern .agent-status-meta{display:none}
  body.outlook-modern #booking .booking-attention{min-width:0}
  body.outlook-modern .compact-booking-editor .case-editor-layout .case-group{padding:4px 8px 7px}
  body.outlook-modern main .compact-booking-editor .case-group .case-note-input{height:64px}
  body.outlook-modern .overview-kpi-groups{grid-template-columns:1fr 1fr}
}
@media(max-width:1180px){
  body.outlook-modern .overview-kpi-groups{grid-template-columns:1fr}
  body.outlook-modern .overview-mail-columns{grid-template-columns:1fr}
}
@media(max-width:700px){
  body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation{position:static;width:auto;flex-direction:row;order:5;border:0;padding:0}
  body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation button{flex-direction:row;min-height:32px;width:auto;font-size:11px}
  body.outlook-modern.top-navigation>aside.workspace-sidebar{height:auto;flex-wrap:wrap;padding:4px 8px}
  body.outlook-modern.top-navigation.signed-in main{padding:6px 8px!important}
}
@media(prefers-reduced-motion:reduce){body.outlook-modern *{transition:none!important}}

/* ---------- 13. Refinements after the first render ---------- */
body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation button{overflow-wrap:normal;hyphens:none;word-break:normal}
body.outlook-modern.top-navigation .workspace-sidebar .primary-navigation .openai-stats-link span{font-size:8.5px;line-height:10px}
body.outlook-modern.top-navigation .workspace-sidebar .sidebar-footer .profile-button .ui-icon{display:block;box-sizing:border-box;flex:none}
body.outlook-modern main .compact-search .compact-filter-toggle{font-size:0}
body.outlook-modern .booking-column-list .overview-progress-head,body.outlook-modern .overview-mail-card .overview-progress-head{flex-wrap:wrap;row-gap:0}
body.outlook-modern .booking-three-columns{height:calc(var(--booking-height,calc(100dvh - 160px)) - 44px)}
body.outlook-modern #booking>.compact-more,body.outlook-modern #quote>.compact-more{margin-top:6px}
body.outlook-modern .compact-list-panel>.mail-period-control{flex-wrap:nowrap;gap:4px}
body.outlook-modern .compact-list-panel>.mail-period-control>span:first-child{flex:none;font-weight:600;color:var(--om-ink-2);margin-right:2px}
body.outlook-modern main .mail-period-control select{flex:1 1 auto;min-width:0}
body.outlook-modern main .mail-period-control input{flex:1 1 auto;min-width:0;width:auto}
body.outlook-modern main .mail-period-control .mail-period-arrow{width:26px;padding:0;flex:none}
body.outlook-modern main input[type=checkbox],body.outlook-modern main input[type=radio]{width:16px;height:16px;min-height:0;margin:0;padding:0;justify-self:start;accent-color:var(--om-accent);border-radius:3px}
body.outlook-modern main label:has(>input[type=checkbox]){display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--om-ink)}
body.outlook-modern .quote-workspace-editor .quote-response-panel{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);gap:4px 6px;align-items:center}
body.outlook-modern .quote-workspace-editor .quote-response-panel>h3,body.outlook-modern .quote-workspace-editor .quote-response-panel>p,body.outlook-modern .quote-workspace-editor .quote-response-panel>label{grid-column:1/-1}
body.outlook-modern main .quote-workspace-editor .quote-response-panel>button{margin:4px 0 0}
body.outlook-modern .overview-attention-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"message actions" "problems actions";gap:2px 10px;align-items:center;padding:7px 10px 7px 24px;border-top:1px solid var(--om-line-soft);font-size:12px}
body.outlook-modern .overview-attention-row::before{left:9px;top:13px;transform:none;width:7px;height:7px;background:var(--om-danger);box-shadow:0 0 0 3px var(--om-danger-soft)}
body.outlook-modern .overview-attention-row>.attention-message{grid-area:message;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
body.outlook-modern .overview-attention-row>.attention-message strong{font-size:12.5px;font-weight:600;color:var(--om-ink)}
body.outlook-modern .overview-attention-row>.attention-message small{font-size:11.5px;color:var(--om-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.outlook-modern .overview-attention-row>.attention-problems{grid-area:problems;min-width:0}
body.outlook-modern .overview-attention-row>.attention-problems p{margin:0;font-size:12px;color:var(--om-warn)}
body.outlook-modern .overview-attention-row>.overview-attention-actions{grid-area:actions;display:flex;gap:4px;align-items:center}
body.outlook-modern main .overview-attention-row>.overview-attention-actions button{min-height:28px;padding:3px 10px;font-size:12px;white-space:nowrap}
body.outlook-modern main .overview-open{margin:4px 8px 6px;padding:3px 8px;border:1px solid transparent;background:transparent;color:var(--om-accent);font-size:12px;min-height:28px}
body.outlook-modern main .overview-open:hover{background:var(--om-accent-soft);border-color:transparent}
body.outlook-modern .overview-mail-list{height:auto;min-height:160px;max-height:calc(100vh - 420px);resize:vertical}
body.outlook-modern .overview-recent{padding:0 10px}
body.outlook-modern .overview-recent>summary{display:flex;align-items:center;gap:8px;min-height:34px;font-size:12.5px;font-weight:600;color:var(--om-ink-2);list-style:none}
@media(max-width:1500px){
  body.outlook-modern main .compact-booking-editor .case-actions>button,body.outlook-modern main .quote-workspace-editor .case-actions>button,body.outlook-modern main .quote-workspace-editor .case-actions .actions>button{padding:4px 7px;font-size:12.5px;min-height:30px}
}
body.outlook-modern.top-navigation .workspace-sidebar .sidebar-footer .profile-button .ui-icon{background:#dbe7f5;filter:none;opacity:.9}

/* ---------- 14. Management views: settings, rules, connections, firms, tariffs, events, users, mail, usage ----------
   Same language as the three working screens: flat page, 18px title, tiles with 4px radius, Fluent controls,
   primary action first in every action row, pivot tabs, vertical settings navigation. */
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote){padding:10px 16px 16px;min-height:calc(100vh - var(--om-top) - 20px);font-size:13px}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .panel-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;padding:4px 0 10px;margin:0 0 12px;border:0;border-bottom:1px solid var(--om-line);border-radius:0;background:transparent}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .panel-heading h1,body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote)>h2,body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote)>header h2,body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote)>div>h2,body.outlook-modern .mail-page-header h2,body.outlook-modern .automation-page-head h2,body.outlook-modern #price-logic .pl-header h1,body.outlook-modern .usage-page h1{font-size:18px;font-weight:600;line-height:24px;letter-spacing:0;margin:0 0 2px;color:var(--om-ink)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .panel-heading p,body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote)>p,body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote)>header p,body.outlook-modern .ai-settings-intro{font-size:12.5px;line-height:1.4;color:var(--om-muted);margin:2px 0 8px}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .panel-heading>div{min-width:0}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .panel-heading>.actions,body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .panel-heading>div:last-child:not(:first-child){display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .panel-heading>button{flex:none}
/* Process strip + pivot tabs replace the two stacked boxes above sub-pages */
body.outlook-modern .process-banner{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;min-height:36px;padding:2px 12px;margin:0;border:1px solid var(--om-line);border-bottom:0;border-radius:var(--om-radius) var(--om-radius) 0 0;background:var(--om-surface);font-size:13px;color:var(--om-ink)}
body.outlook-modern .process-banner .actions{margin:0;gap:6px;align-items:center}
body.outlook-modern .process-banner strong{font-size:13px;font-weight:600}
body.outlook-modern .process-banner>span{color:var(--om-muted);font-size:12px;margin-left:auto}
body.outlook-modern main .process-banner button{min-height:28px;padding:2px 10px;font-size:12px}
body.outlook-modern .module-navigation{display:flex;flex-wrap:wrap;gap:0;padding:0 8px;margin:0 0 12px;border:1px solid var(--om-line);border-radius:0 0 var(--om-radius) var(--om-radius);background:var(--om-surface)}
body.outlook-modern .module-navigation[hidden],body.outlook-modern .process-banner[hidden]{display:none}
body.outlook-modern main .module-navigation button{min-height:36px;padding:0 10px;margin:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--om-ink-2);font-size:13px;font-weight:500}
body.outlook-modern main .module-navigation button:hover{background:var(--om-hover);color:var(--om-ink)}
body.outlook-modern main .module-navigation button.active{color:var(--om-accent);border-bottom-color:var(--om-accent);font-weight:600;background:transparent}
/* Tiles, groups, tables, definition lists */
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .panel-card{padding:10px 12px 12px;margin-bottom:10px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);box-shadow:none}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .panel-card>h3{font-size:13px;font-weight:600;line-height:20px;padding:0 0 8px;margin:0 0 10px;border:0;border-bottom:1px solid var(--om-line-soft);border-radius:0;background:transparent;color:var(--om-ink)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .panel-card p{font-size:12.5px;line-height:1.45;margin:4px 0 8px;color:var(--om-ink-2)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .panel-card p.panel-muted,body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) p.panel-muted{color:var(--om-muted)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) h3,body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) h2:not(:first-child){font-size:14px;font-weight:600;color:var(--om-ink)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) fieldset{border:1px solid var(--om-line);border-radius:var(--om-radius);padding:10px 12px 12px;margin:0 0 10px;background:var(--om-surface)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) legend{font-size:12px;font-weight:600;padding:0 4px;color:var(--om-ink-2)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) label{font-size:12px;color:var(--om-ink-2)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) label>span:first-child{color:var(--om-muted)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) input:not([type=checkbox]):not([type=radio]):not([type=range]),body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) select,body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) textarea{font-size:13px;padding:5px 8px;min-height:32px;border-radius:var(--om-radius)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) textarea{min-height:72px;line-height:1.45}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) button{font-size:13px;padding:5px 12px;min-height:32px;border-radius:var(--om-radius)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .actions>button.primary{order:-1}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .actions>.text-button,body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .actions>button.danger{order:1}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) table{width:100%;border-collapse:collapse;font-size:12.5px;background:var(--om-surface)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--om-muted);padding:6px 8px;border-bottom:1px solid var(--om-line);background:var(--om-surface-2)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) td{padding:6px 8px;border-bottom:1px solid var(--om-line-soft);vertical-align:middle}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) tbody tr:hover{background:var(--om-hover)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) dl{gap:6px 16px;font-size:13px;max-width:none}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) dt{font-size:12px;font-weight:500;color:var(--om-muted);padding-top:1px}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) dd{font-size:13px;color:var(--om-ink)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) details>summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--om-ink-2);padding:6px 0}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) details>summary:hover{color:var(--om-accent)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) small{font-size:11.5px;color:var(--om-muted)}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) pre{font:12px/1.45 Consolas,"Cascadia Mono",monospace;background:var(--om-surface-2);border:1px solid var(--om-line);border-radius:var(--om-radius);padding:8px 10px;overflow:auto}
body.outlook-modern.signed-in main>.view:not(#overview):not(#booking):not(#quote) .panel-empty{padding:14px;font-size:12.5px}
/* Status chips used across management pages */
body.outlook-modern .settings-state,body.outlook-modern .rules-process-state,body.outlook-modern .automation-state,body.outlook-modern .pl-draft,body.outlook-modern .pl-version{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;min-height:20px;border-radius:var(--om-radius);background:#f0f0f0;color:var(--om-ink-2);font-size:11px;font-weight:600;line-height:16px;white-space:nowrap}
body.outlook-modern .settings-state.on,body.outlook-modern .settings-state.drafts,body.outlook-modern .automation-state.on,body.outlook-modern .rules-process-state.on{background:var(--om-success-soft);color:var(--om-success)}
body.outlook-modern .settings-state.off,body.outlook-modern .automation-state.off{background:#f0f0f0;color:var(--om-muted)}
body.outlook-modern .pl-draft{background:var(--om-warn-soft);color:var(--om-warn)}
/* Settings hub (Настройки) */
body.outlook-modern #workspace-settings .settings-hub{display:grid;gap:10px}
body.outlook-modern #workspace-settings .settings-hub-section{border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface)}
body.outlook-modern #workspace-settings .settings-hub-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--om-line)}
body.outlook-modern #workspace-settings .settings-hub-title h2{font-size:13px;font-weight:600;margin:0}
body.outlook-modern #workspace-settings .settings-hub-title span{font-size:11.5px;color:var(--om-muted)}
body.outlook-modern #workspace-settings .settings-process-columns{padding:4px 12px;font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--om-muted);background:var(--om-surface-2);border-bottom:1px solid var(--om-line-soft)}
body.outlook-modern #workspace-settings .settings-process-row,body.outlook-modern #workspace-settings .settings-hub-link{padding:8px 12px;border-bottom:1px solid var(--om-line-soft);gap:10px}
body.outlook-modern #workspace-settings .settings-process-row:hover,body.outlook-modern #workspace-settings .settings-hub-link:hover{background:var(--om-hover)}
body.outlook-modern #workspace-settings .settings-process-row strong,body.outlook-modern #workspace-settings .settings-hub-link strong{font-size:13px;font-weight:600;color:var(--om-ink)}
body.outlook-modern #workspace-settings .settings-process-row small,body.outlook-modern #workspace-settings .settings-hub-link small{font-size:11.5px;color:var(--om-muted)}
body.outlook-modern #workspace-settings .settings-hub-link .ui-icon{width:18px;height:18px;opacity:.75}
body.outlook-modern main #workspace-settings .settings-hub-link>button,body.outlook-modern main #workspace-settings .settings-process-row>button{min-height:28px;padding:2px 10px;font-size:12px;border-color:transparent;background:transparent;color:var(--om-accent)}
body.outlook-modern main #workspace-settings .settings-hub-link>button:hover,body.outlook-modern main #workspace-settings .settings-process-row>button:hover{background:var(--om-accent-soft)}
body.outlook-modern #workspace-settings .settings-hub-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
/* Rules home */
body.outlook-modern #rules-home .rules-section{border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);margin-bottom:10px}
body.outlook-modern #rules-home .rules-section-title{padding:8px 12px;border-bottom:1px solid var(--om-line)}
body.outlook-modern #rules-home .rules-section-title h2{font-size:13px;font-weight:600;margin:0}
body.outlook-modern #rules-home .rules-section-note{font-size:11.5px;color:var(--om-muted)}
body.outlook-modern #rules-home .rules-process-columns{font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--om-muted);background:var(--om-surface-2);border-bottom:1px solid var(--om-line-soft);padding:4px 12px}
body.outlook-modern #rules-home .rules-process-row{min-height:64px;padding:8px 12px;font-size:12.5px;border-bottom:1px solid var(--om-line-soft)}
body.outlook-modern #rules-home .rules-process-row strong,body.outlook-modern #rules-home .rules-link-row strong{font-size:13px;font-weight:600;color:var(--om-ink)}
body.outlook-modern #rules-home .rules-process-row small,body.outlook-modern #rules-home .rules-link-row small{font-size:11.5px;color:var(--om-muted)}
body.outlook-modern #rules-home .rules-link-row{padding:8px 12px;border-bottom:1px solid var(--om-line-soft)}
body.outlook-modern #rules-home .rules-link-row:hover{background:var(--om-hover)}
body.outlook-modern main #rules-home .rules-process-row select,body.outlook-modern main #rules-home .rules-process-row input{min-height:28px;padding:2px 6px;font-size:12.5px}
body.outlook-modern main #rules-home .rules-process-row button,body.outlook-modern main #rules-home .rules-link-row button{min-height:28px;padding:2px 10px;font-size:12px}
/* Settings / workflow: vertical navigation + content tile + sticky save bar */
body.outlook-modern #settings .settings-layout,body.outlook-modern #workflow .workflow-layout{grid-template-columns:220px minmax(0,1fr);gap:12px}
body.outlook-modern #settings .settings-sections,body.outlook-modern #workflow .workflow-sections{flex-direction:column;gap:2px;border:0;border-radius:0;background:transparent;overflow:visible;padding:2px 0}
body.outlook-modern main #settings .settings-section-tab,body.outlook-modern main #workflow .workflow-section-tab{min-height:34px;padding:6px 10px 6px 12px;border:0;border-radius:var(--om-radius);background:transparent;color:var(--om-ink);font-size:13px;font-weight:500;text-align:left}
body.outlook-modern main #settings .settings-section-tab:hover,body.outlook-modern main #workflow .workflow-section-tab:hover{background:#ebebeb}
body.outlook-modern main #settings .settings-section-tab.active,body.outlook-modern main #workflow .workflow-section-tab.active{background:var(--om-selected);box-shadow:inset 3px 0 0 var(--om-accent);color:var(--om-accent);font-weight:600}
body.outlook-modern #settings .settings-section-content,body.outlook-modern #workflow .workflow-section-content{border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);padding:12px 14px}
body.outlook-modern #settings .settings-section-content h2{font-size:15px;font-weight:600;margin:0 0 6px}
body.outlook-modern .rule-setting-group{margin:0;padding:0;border:0;border-radius:0;background:transparent}
body.outlook-modern .rule-setting-group legend{font-size:15px;font-weight:600;color:var(--om-ink);padding:0}
body.outlook-modern .rule-settings-grid{gap:10px 14px;margin-top:8px}
body.outlook-modern .rule-checkbox{min-height:34px;padding:6px 10px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);font-size:13px;color:var(--om-ink)}
body.outlook-modern .rule-checkbox:hover{background:var(--om-hover)}
body.outlook-modern .rule-checkbox:has(input:checked){background:var(--om-selected);border-color:#b4d0ee}
body.outlook-modern #settings .settings-savebar,body.outlook-modern .settings-savebar{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;bottom:0;margin:10px 0 0;padding:8px 12px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);box-shadow:0 -4px 12px #0000000f}
body.outlook-modern .process-advanced{margin-top:10px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);padding:0 12px}
/* Process settings */
body.outlook-modern .process-rule-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 12px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface)}
body.outlook-modern .process-rule-summary-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-right:1px solid var(--om-line-soft);min-width:0}
body.outlook-modern .process-rule-summary-item:last-child{border-right:0}
body.outlook-modern .process-rule-summary-item .ui-icon{width:18px;height:18px;opacity:.75;flex:none}
body.outlook-modern .process-rule-summary-item small{display:block;font-size:11px;color:var(--om-muted)}
body.outlook-modern .process-rule-summary-item strong{display:block;font-size:13px;font-weight:600;color:var(--om-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.outlook-modern .process-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
body.outlook-modern .process-source-row,body.outlook-modern .process-delivery-row,body.outlook-modern .process-routing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
body.outlook-modern .control-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
body.outlook-modern .automation-rule-switches{display:grid;gap:4px}
body.outlook-modern .automation-switch-row{display:flex;align-items:center;gap:8px;min-height:32px;font-size:13px;color:var(--om-ink)}
/* Automation */
body.outlook-modern .automation-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 10px;margin:0 0 12px;border-bottom:1px solid var(--om-line)}
body.outlook-modern .automation-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.outlook-modern #automation .automation-process-card{border:1px solid var(--om-line);border-radius:var(--om-radius)}
body.outlook-modern .automation-process-heading{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--om-surface);border-bottom:1px solid var(--om-line-soft)}
body.outlook-modern .automation-process-heading h3{font-size:13px;margin:0}
body.outlook-modern .automation-guide,body.outlook-modern .automation-mode-guide{font-size:12.5px}
/* Connections: IMAP, Microsoft 365, AI */
body.outlook-modern .imap-settings-grid,body.outlook-modern .ai-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
body.outlook-modern .ai-settings-card{border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);padding:10px 12px 12px}
body.outlook-modern .ai-settings-card h3{font-size:13px;font-weight:600;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--om-line-soft)}
body.outlook-modern .ai-connection-status{margin:0 0 8px}
body.outlook-modern .ai-model-control{display:flex;gap:6px;align-items:center}
body.outlook-modern .ai-settings-help,body.outlook-modern .ai-model-price,body.outlook-modern .ai-settings-feedback{font-size:12px;color:var(--om-muted)}
body.outlook-modern .imap-ki-folders{font-size:12.5px}
/* Management lists (events, firms, documents) and users */
body.outlook-modern .management-list{border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);overflow:hidden}
body.outlook-modern .management-row{grid-template-columns:20px minmax(0,1fr) auto;gap:10px;padding:8px 12px;border-bottom:1px solid var(--om-line-soft)}
body.outlook-modern .management-row:hover{background:var(--om-hover)}
body.outlook-modern .management-row .ui-icon{width:18px;height:18px;opacity:.75}
body.outlook-modern .management-row strong{font-size:13px;font-weight:600;color:var(--om-ink)}
body.outlook-modern .management-row small{display:block;font-size:11.5px;color:var(--om-muted)}
body.outlook-modern main .management-row>button{min-height:28px;padding:2px 10px;font-size:12px;border-color:transparent;background:transparent;color:var(--om-accent)}
body.outlook-modern main .management-row>button:hover{background:var(--om-accent-soft)}
body.outlook-modern .management-disclosure{border:1px solid var(--om-line);border-radius:var(--om-radius);background:var(--om-surface);padding:0 12px;margin:8px 0}
body.outlook-modern #users .user-row{padding:8px 12px;font-size:12.5px;border-bottom:1px solid var(--om-line-soft)}
body.outlook-modern #users .user-row:hover{background:var(--om-hover)}
body.outlook-modern main #users .user-row input{height:30px;min-height:30px;font-size:12.5px}
body.outlook-modern main #users .user-row button{min-height:28px;padding:2px 10px;font-size:12px}
/* Toolbars: sendings, documents, usage */
body.outlook-modern .delivery-toolbar,body.outlook-modern .document-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px}
body.outlook-modern .segmented-control{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--om-line-strong);border-radius:var(--om-radius);background:var(--om-surface)}
body.outlook-modern main .segmented-control button{min-height:26px;padding:2px 10px;border:0;border-radius:3px;background:transparent;font-size:12.5px;font-weight:500}
body.outlook-modern main .segmented-control button.active{background:var(--om-accent-soft);color:var(--om-accent);font-weight:600}
body.outlook-modern .usage-periods{gap:6px;margin:8px 0}
body.outlook-modern .usage-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
/* Mail page */
body.outlook-modern .mail-page-header{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--om-line)}
body.outlook-modern .mail-page-kicker{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--om-muted);margin:0}
body.outlook-modern .mail-shell{border:1px solid var(--om-line);border-radius:var(--om-radius);overflow:hidden;background:var(--om-surface)}
body.outlook-modern .mail-folder-rail{background:var(--om-surface-2);border-right:1px solid var(--om-line)}
body.outlook-modern .mail-folder-rail-heading{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--om-muted);padding:10px 10px 4px}
body.outlook-modern main .mail-folder-item{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:4px 10px;border:0;border-radius:var(--om-radius);background:transparent;font-size:13px;font-weight:500;text-align:left;color:var(--om-ink)}
body.outlook-modern main .mail-folder-item:hover{background:#ebebeb}
body.outlook-modern main .mail-folder-item.selected{background:var(--om-selected);box-shadow:inset 3px 0 0 var(--om-accent);color:var(--om-accent);font-weight:600}
body.outlook-modern .mail-list-heading{font-size:12px;color:var(--om-muted);padding:6px 10px;border-bottom:1px solid var(--om-line)}
body.outlook-modern .mail-detail-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:4px 8px;border-bottom:1px solid var(--om-line)}
body.outlook-modern .mail-avatar{width:36px;height:36px;border-radius:50%;background:#dbe7f5;color:#2b4a70;font-weight:600;display:grid;place-items:center}
/* Price logic module */
body.outlook-modern #price-logic .pl-header{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--om-line)}
body.outlook-modern #price-logic .pl-panel{border:1px solid var(--om-line);border-radius:var(--om-radius);padding:10px 12px;background:var(--om-surface)}
body.outlook-modern #price-logic .pl-panel-head{margin-bottom:8px;min-height:0;padding-bottom:8px;border-bottom:1px solid var(--om-line-soft)}
body.outlook-modern #price-logic .pl-panel-head h2{font-size:13px;font-weight:600;margin:0}
body.outlook-modern #price-logic .pl-panel-head small{font-size:11.5px;color:var(--om-muted)}
body.outlook-modern main #price-logic .pl-vehicle-tabs button{min-width:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--om-ink-2);font-weight:500;min-height:34px}
body.outlook-modern main #price-logic .pl-vehicle-tabs button[aria-pressed=true]{background:transparent;color:var(--om-accent);border-bottom-color:var(--om-accent);font-weight:600}
body.outlook-modern main #price-logic .pl-vehicle-tabs button:hover{background:var(--om-hover)}
body.outlook-modern #price-logic .pl-table th,body.outlook-modern #price-logic .pl-table td{border-color:var(--om-line-soft);font-size:12px}
body.outlook-modern #price-logic .pl-table thead th{background:var(--om-surface-2);color:var(--om-muted);font-size:11px;font-weight:600;text-transform:none;letter-spacing:0}
body.outlook-modern main #price-logic .pl-table input{min-height:26px;height:26px;padding:2px 5px;font-size:12px;border-radius:3px}
body.outlook-modern #price-logic .pl-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px}
body.outlook-modern #price-logic .pl-publish-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
body.outlook-modern #price-logic .pl-note,body.outlook-modern #price-logic .pl-footnote{font-size:12px;color:var(--om-muted)}
body.outlook-modern main #price-logic .pl-collapse,body.outlook-modern main #price-logic .pl-point-remove,body.outlook-modern main #price-logic .pl-add-point{min-height:28px;padding:2px 10px;font-size:12px}
/* Usage page */
body.outlook-modern .usage-page .usage-card,body.outlook-modern .usage-page table{border-radius:var(--om-radius)}
@media(max-width:1200px){
  body.outlook-modern #workspace-settings .settings-hub-groups{grid-template-columns:1fr}
  body.outlook-modern .process-setup-grid,body.outlook-modern .imap-settings-grid,body.outlook-modern .ai-settings-grid,body.outlook-modern .automation-process-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  body.outlook-modern #settings .settings-layout,body.outlook-modern #workflow .workflow-layout{grid-template-columns:1fr}
  body.outlook-modern #settings .settings-sections,body.outlook-modern #workflow .workflow-sections{flex-direction:row;overflow-x:auto}
  body.outlook-modern main #settings .settings-section-tab.active,body.outlook-modern main #workflow .workflow-section-tab.active{box-shadow:inset 0 -3px 0 var(--om-accent)}
  body.outlook-modern .process-rule-summary{grid-template-columns:1fr}
}
body.outlook-modern .ai-key-state,body.outlook-modern .ai-model-state{font-size:12px;color:var(--om-muted);margin:4px 0;white-space:normal}