/* BOP detailing workbench. 4px rhythm; same-surface navigation; records first.
   This file owns the visual contract; mna-interface retains legacy layout mechanics. */
:root,html[data-theme="light"],html[data-theme="dark"] {
  --workbench:#f5f5f2; --paper:#fdfdfb; --inset:#efefeb; --ink:#252724;
  --ink-secondary:#61655e; --ink-meta:#777b73; --ink-disabled:#979b93;
  --rule:rgba(37,39,36,.12); --rule-soft:rgba(37,39,36,.065); --rule-focus:#687b6c;
  --action:#33473c; --action-hover:#27392e; --action-wash:#e7ece5;
  --control-fill:#f1f2ed; --control-rule:rgba(37,39,36,.18);
  --bg:var(--paper); --bg-mute:var(--workbench); --bg-sink:var(--inset);
  --text:var(--ink); --text-mute:var(--ink-secondary); --text-soft:var(--ink-meta);
  --line:var(--rule); --line-soft:var(--rule-soft); --line-hi:var(--control-rule);
  --peach:var(--action); --peach-deep:var(--action-hover); --peach-soft:var(--action-wash);
  --lime:var(--action); --lime-deep:var(--action-hover); --lime-soft:var(--action-wash);
  --cta-bg:var(--action); --cta-hover:var(--action-hover); --cta-text:#fff;
  --ok:#41654d; --ok-soft:#e9efe8; --danger:#a34438; --danger-soft:#f7eae6;
  --warn:#846430; --warn-soft:#f4eedf; --info:#4f687d; --info-soft:#eaf0f4;
  --neutral:#73786d; --neutral-soft:#efefeb;
  --f-display:'Manrope',system-ui,sans-serif; --f-body:var(--f-display); --f-mono:var(--f-display);
  --r-sm:6px; --r-md:8px; --r-lg:8px; --r-xl:8px;
  --sh-card:none; --sh-elev:none; --sh-pop:0 8px 24px #25272412;
  --ring:0 0 0 3px #33473c1a; --bop-sidebar:208px;
  --bd:var(--rule); --bg2:var(--inset); --mut:var(--ink-secondary); --indigo:var(--action);
}
body { background:var(--workbench); font:400 13px/1.5 var(--f-body); color:var(--ink); letter-spacing:0; }
button,input,select,textarea { font-family:var(--f-body); }
[hidden] { display:none !important; }
:where(button,a,input,select,textarea,[tabindex]):focus-visible { outline:2px solid var(--rule-focus); outline-offset:2px; }
button:disabled,[aria-disabled="true"] { opacity:.5; cursor:not-allowed; }
[aria-busy="true"] { cursor:progress; }
::selection { background:var(--action-wash); }
:where(.main,.page,.view,.card,.panel,.dfcol,.workday-focus,.workday-metrics) { min-width:0; }
.h-page { font-size:18px; font-weight:700; line-height:1.35; letter-spacing:-.025em; }
.h-section { font-size:14px; font-weight:650; letter-spacing:-.015em; }
.h-card { font-size:13px; }
.num,.val,.price,.tab,.mono { font-variant-numeric:tabular-nums; }
.eyebrow { font-family:var(--f-body); font-size:10px; font-weight:650; letter-spacing:.06em; color:var(--ink-meta); }
.caption { font-size:11px; line-height:1.5; color:var(--ink-secondary); }
/* Shell: navigation is an index, never a second visual world. */
.app { grid-template-columns:var(--bop-sidebar) minmax(0,1fr); min-height:100dvh; }
.sidebar { background:var(--workbench); border-right:1px solid var(--rule); padding:20px 12px 12px; gap:24px; height:100dvh; overflow-y:auto; }
.brand { padding:0 8px; gap:8px; }
.brand .mark { width:28px; height:28px; border-radius:6px; background:#ffcc01; }
.brand .name { font-size:12px; letter-spacing:-.015em; }
.brand .name small { font-family:var(--f-body); font-size:9px; color:var(--ink-meta); letter-spacing:.04em; margin-top:2px; }
.nav-group { gap:2px; }
.nav-group .gl { padding:0 8px 8px; font-size:9px; letter-spacing:.08em; color:var(--ink-meta); }
.nav-item { min-height:36px; padding:8px; gap:8px; color:var(--ink-secondary); font-size:12px; border-radius:6px; }
.nav-item:hover { background:var(--inset); color:var(--ink); }
.nav-item.active { color:var(--ink); background:#e7e8e2; font-weight:650; box-shadow:none; }
.nav-item .ic { color:var(--ink-meta); }
.nav-item.active .ic { color:var(--action); }
.nav-item .badge,.nav-item.active .badge { font-size:10px; color:var(--ink-secondary); background:transparent; border-radius:4px; padding:0 4px; }
.user-chip { padding:12px 8px; border-top:1px solid var(--rule); border-radius:0; background:transparent; gap:8px; }
.user-chip .dr-meta { min-width:0; }
.user-chip .dr-meta b { font-size:11px; overflow-wrap:anywhere; }
.user-chip .dr-meta span { font-size:10px; }
.user-chip .more { min-width:28px; min-height:32px; align-items:center; justify-content:center; }
.topbar { padding:12px 24px; min-height:64px; background:var(--workbench); border-bottom:1px solid var(--rule); gap:16px; }
.topbar .ph { gap:2px; }
.topbar .ph .sub { font-size:10px; line-height:1.5; }
.topbar .controls { gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.page { padding:20px 24px 32px; gap:24px; }
/* Controls: one family, one height, specific semantic states. */
.btn,.dd-toggle,.input,.select { height:36px; min-height:36px; border:1px solid var(--control-rule); border-radius:6px; font-size:12px; font-weight:500; box-shadow:none; }
.btn { padding:0 12px; background:var(--paper); color:var(--ink); white-space:nowrap; gap:8px; }
.btn:hover { background:var(--inset); border-color:var(--control-rule); }
.btn:active { transform:none; background:#e6e8e1; }
.btn-primary,.btn-accent { background:var(--action); color:#fff; border-color:var(--action); font-weight:600; }
.btn-primary:hover,.btn-accent:hover { background:var(--action-hover); border-color:var(--action-hover); color:#fff; }
.btn-quiet,.btn-ghost { border-color:transparent; background:transparent; color:var(--ink-secondary); }
.btn-quiet:hover,.btn-ghost:hover { background:var(--inset); color:var(--ink); }
.btn-icon { width:36px; padding:0; }
.btn-sm { height:36px; padding:0 12px; font-size:11px; }
.input,.select,textarea.input,.login-input,.dp-field-input { background:var(--control-fill); color:var(--ink); border-color:var(--control-rule); font-weight:400; }
textarea.input { padding:12px; line-height:1.5; border-width:1px; border-radius:6px; }
.input:focus,.select:focus,textarea.input:focus,.login-input:focus { border-color:var(--rule-focus); box-shadow:var(--ring); }
.input::placeholder,textarea::placeholder { color:var(--ink-meta); }
.input[aria-invalid="true"],textarea[aria-invalid="true"] { border-color:var(--danger); }
.field > label { font-size:11px; color:var(--ink-secondary); font-weight:600; }
.seg,.workspace-segment,.pipeline-view-toggle { display:inline-flex; gap:2px; padding:2px; background:var(--inset); border:1px solid var(--rule); border-radius:6px; }
.seg button,.workspace-segment button,.pipeline-view-toggle button { height:30px; border:0; padding:0 12px; border-radius:4px; background:transparent; color:var(--ink-secondary); font:500 11px var(--f-body); }
.seg button.on,.workspace-segment button.active,.workspace-segment button[aria-pressed="true"],.pipeline-view-toggle button.active,.pipeline-view-toggle button[aria-pressed="true"] { background:var(--paper); color:var(--ink); box-shadow:0 0 0 1px var(--rule-soft); font-weight:650; }
.workspace-toolbar,.filter-bar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:0 0 16px; border:0; border-bottom:1px solid var(--rule); background:transparent; border-radius:0; }
.workspace-toolbar .spacer,.filter-bar .spacer { flex:1; }
.filter-bar .grp { gap:8px; }
.filter-bar .gl { font-size:10px; }
.pipe-tabs { gap:16px !important; border-bottom:1px solid var(--rule) !important; }
.pipe-tabs button,.seg-tabs button { font-size:12px; height:36px; padding-inline:4px; border-radius:0; }
/* Workday: the operational queue owns the canvas, figures occupy the margin. */
.workday-layout { display:grid; grid-template-columns:minmax(0,1fr) 288px; align-items:start; gap:32px; }
.workday-focus { background:var(--paper); border:1px solid var(--rule); border-radius:8px; overflow:hidden; }
.workday-focus > header,.workday-focus .section-head { padding:20px; border-bottom:1px solid var(--rule); display:flex; align-items:baseline; justify-content:space-between; gap:16px; }
.workday-focus h2 { font-size:16px; line-height:1.4; letter-spacing:-.02em; }
.workday-focus p { color:var(--ink-secondary); font-size:12px; margin-top:4px; }
.workday-queue { display:flex; flex-direction:column; }
.workday-queue > :is(a,button,.workday-row,.task-row) { padding:16px 20px; border:0; border-bottom:1px solid var(--rule-soft); background:transparent; text-align:left; color:var(--ink); border-radius:0; }
.workday-queue > :is(a,button,.workday-row,.task-row):hover { background:var(--workbench); }
.workday-queue > :last-child { border-bottom:0; }
.workday-row { display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:12px; }
.workday-row b { font-size:13px; font-weight:650; }
.workday-row .caption { display:block; margin-top:4px; }
.workday-metrics { display:flex; flex-direction:column; gap:24px; }
.workday-metrics > section { padding-bottom:24px; border-bottom:1px solid var(--rule); }
.workday-metrics h3 { font-size:12px; color:var(--ink-secondary); font-weight:600; margin-bottom:12px; }
.workday-metrics .metric-value { display:block; font-size:28px; font-weight:650; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.workday-metrics .metric-row { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:8px 0; font-size:12px; }
.workday-metrics .metric-row span { color:var(--ink-secondary); }
.workday-metrics .hero,.workday-metrics .card,.workday-metrics .panel { border:0; padding:0; background:transparent; }
/* Existing analytics become supporting editorial sections, not colored KPI tiles. */
.card,.panel,.mgr-card { background:var(--paper); border:1px solid var(--rule); border-radius:8px; box-shadow:none; }
.card { padding:20px; }
.panel-head { padding:16px 20px; border-bottom:1px solid var(--rule-soft); }
.panel-head .sub { font-size:10px; color:var(--ink-meta); }
.panel-body { padding:12px 20px; }
.hero { background:transparent; border:0; border-radius:0; box-shadow:none; padding:20px 0; gap:12px; color:var(--ink); }
.hero .figure .num { font-size:36px; font-weight:650; letter-spacing:-.045em; color:var(--ink); }
.hero .figure .cur { font-size:16px; color:var(--ink-meta); }
.hero .delta,.hero .eyebrow,.hero .peak { color:var(--ink-secondary); font-size:11px; }
.hero .tag.live { background:transparent; color:var(--ink-meta); }
.dash-top { grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr); gap:32px; }
.dash-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-block:1px solid var(--rule); }
.kpi { background:transparent; border:0; border-right:1px solid var(--rule); border-radius:0; padding:16px 24px; box-shadow:none; }
.kpi:last-child { border-right:0; }
.kpi .icn { display:none; }
.kpi .label { font-size:11px; }
.kpi .val { font-size:24px; font-weight:650; letter-spacing:-.025em; }
.kpi .delta { font-size:10px; }
.dash-cmd { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:24px; }
.dash-cmd > :last-child { grid-column:1/-1; }
.dash-mid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.mini-head { gap:12px; align-items:baseline; }
.mini-head span { font-size:10px; text-align:right; }
.forecast-number strong { font-size:24px; font-weight:650; }
.forecast-progress,.mgr-plan .bar { height:4px; }
.forecast-split .mini { background:transparent; padding:0; }
.earn-card { background:transparent; color:var(--ink); border:0; border-block:1px solid var(--rule); border-radius:0; box-shadow:none; padding:20px 0; }
.earn-card .eyebrow,.earn-card .lead,.earn-card .planline,.earn-card .split .it { color:var(--ink-secondary); }
.earn-card .big,.earn-card .split .it b,.earn-card .lime { color:var(--ink); font-size:24px; }
.earn-card .split .it { border-color:var(--rule); }
.earn-card .planbar { background:var(--inset); height:4px; }
.earn-card .planbar span { background:var(--action); }
.act-row { padding:8px 0; font-size:11px; flex-wrap:wrap; gap:4px 8px; }
.act-row .when { font-size:10px; width:56px; }
.av { border-radius:6px; font-family:var(--f-body); font-size:11px; }
.av.peach,.av.lime { background:var(--action-wash); color:var(--action); }
.tag { font-size:10px; line-height:1.4; font-weight:500; border-radius:4px; padding:2px 6px; }
/* Dense records: quiet owner, clear customer, amount, then next operational state. */
.kanban { grid-auto-columns:256px; gap:12px; align-items:start; padding-bottom:16px; }
.kanban .col { background:transparent; border:0; border-radius:0; max-height:calc(100dvh - 208px); }
.col-head { padding:8px 4px 12px; gap:4px; border-bottom:1px solid var(--rule); }
.col-head .label-row .label { font-size:11px; font-weight:650; }
.col-head .label-row .count { font-size:10px; color:var(--ink-meta); }
.col-head .sub { font-size:10px; }
.col-body { padding:8px 0; gap:8px; overflow-y:auto; min-height:80px; scrollbar-width:thin; }
.deal-card { padding:12px; gap:8px; border:1px solid var(--rule); background:var(--paper); border-radius:6px; box-shadow:none; }
.deal-card:hover { transform:none; border-color:var(--control-rule); box-shadow:none; background:#fff; }
.deal-card .top { gap:8px; }
.deal-card .top .av { width:24px; height:24px; font-size:9px; }
.deal-card .top .who b { font-size:12px; font-weight:650; line-height:1.4; }
.deal-card .top .who span { font-size:9px; }
.deal-card .car { font-size:11px; line-height:1.4; }
.deal-card .mid { gap:8px; }
.deal-card .mid .price { font-size:13px; font-weight:650; letter-spacing:-.02em; }
.deal-card .bottom { padding-top:8px; border-top:1px solid var(--rule-soft); font-size:10px; }
.deal-card.urgent { border-color:#a3443840; }
.col-add { padding:0; }
.col-add button { height:36px; border:0; border-radius:6px; text-align:left; padding:0 12px; font-size:11px; color:var(--ink-meta); }
.col-add button:hover { color:var(--ink); background:var(--inset); }
.pipe-table { width:100%; border-collapse:collapse; background:var(--paper); font-size:12px; }
.pipe-table th,table.data th { padding:12px 16px; background:var(--workbench); color:var(--ink-secondary); border-bottom:1px solid var(--rule); font-size:10px; font-weight:600; text-transform:none; letter-spacing:0; white-space:nowrap; text-align:left; }
.pipe-table td,table.data td { padding:12px 16px; border-bottom:1px solid var(--rule-soft); vertical-align:middle; }
.pipe-table tbody tr:hover,table.data tbody tr:hover { background:var(--workbench); }
.pipe-table td.num,.pipe-table th.num,table.data .num { text-align:right; font-variant-numeric:tabular-nums; }
.pipe-table td small { display:block; margin-top:4px; color:var(--ink-meta); }
.pipe-table a { font-weight:600; }
table.data { font-size:12px; }
.pipe-table-wrap,#view-customers .panel,#view-finance .panel { overflow-x:auto; }
.deal-row { padding:12px 0; gap:12px; border-bottom:1px solid var(--rule-soft); border-radius:0; }
.deal-row .dr-meta b,.deal-row .price { font-size:12px; font-weight:600; }
.deal-row .dr-meta span { font-size:11px; }
/* Tasks, finance, staff, settings: emphasize rows and relationships. */
.task-row { padding:12px 0; border-bottom:1px solid var(--rule-soft); border-radius:0; gap:12px; }
.task-row .t-info b { font-size:12px; }
.task-row .t-info span,.task-due { font-size:11px; }
.task-check { border-radius:4px; border-color:var(--control-rule); }
.sum-tile { padding:12px 16px; background:transparent; border:0; border-left:2px solid var(--rule); border-radius:0; box-shadow:none; }
.sum-tile.active { border-left-color:var(--action); background:var(--action-wash); }
.sum-tile .val { font-size:24px; font-weight:650; }
.fin-figure .num { font-size:32px; font-weight:650; letter-spacing:-.04em; }
.fin-figure .cur { font-size:16px; }
.mgr-card { padding:20px; gap:16px; }
.mgr-head { gap:12px; }
.mgr-head .who b { font-size:13px; }
.mgr-head .who span { font-size:11px; }
.mgr-stats { padding:12px 0; border-block:1px solid var(--rule-soft); }
.mgr-stats .st b { font-size:20px; font-weight:650; }
.mgr-stats .st span { font-size:10px; }
.mgr-earn { background:transparent; border:0; padding:0; color:var(--ink); }
.mgr-earn b { font-size:20px; color:var(--ink); }
.setting-row { padding:16px 20px; gap:16px; }
.setting-row .meta { min-width:0; }
.setting-row .meta b { font-size:12px; font-weight:600; }
.setting-row .meta span { font-size:11px; line-height:1.5; }
#view-settings .panel { margin-bottom:24px; }
#view-settings .seg-tabs { margin-bottom:20px; }
.toggle.on { background:var(--action); }
/* Deal workspace: service ledger and conversation beside editable customer facts. */
.deal-full { left:var(--bop-sidebar); background:var(--workbench); }
.deal-full .dft { padding:12px 24px; min-height:64px; background:var(--workbench); border-color:var(--rule); gap:12px; }
.deal-full .dft .who h2 { font-size:18px; line-height:1.4; }
.deal-full .dft .who .caption { font-size:10px; }
.deal-full .dfs { padding:24px; }
.deal-full .dfcols { grid-template-columns:minmax(0,1.8fr) minmax(272px,1fr); gap:24px; max-width:1440px; }
.deal-full .dfcol { gap:20px; }
.info-row { padding:12px 0; font-size:12px; border-color:var(--rule-soft); }
.dp-fvalue { color:var(--ink); }
.dp-field-input { border-radius:4px; border-width:1px; min-height:36px; }
.dp-service-chip,.choice label { border-width:1px; border-radius:6px; min-height:36px; font-size:12px; }
.dp-service-chip.is-on,.choice input:checked + label,.choice label.on { background:var(--action-wash); color:var(--action); border-color:var(--rule-focus); }
.form-grid { gap:16px; }
.form-sec { gap:16px; }
.amount-preview { padding:16px; background:var(--inset); border-radius:6px; }
.amount-preview b { font-size:24px; font-weight:650; }
.drawer { width:min(560px,94vw); background:var(--paper); border-color:var(--rule); box-shadow:var(--sh-pop); }
.drawer-backdrop,.cmdk-backdrop,.payout-backdrop { background:#25272438; backdrop-filter:none; }
.deal-drawer-head,.dealdr-head { padding:20px 24px; background:var(--paper); }
.deal-drawer-body,.dealdr-body { padding:24px; gap:24px; }
.deal-drawer-title,.dealdr-head h2 { font-size:20px; line-height:1.4; letter-spacing:-.025em; }
.deal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; border-block:1px solid var(--rule); padding:20px 0; }
.deal-field { display:flex; flex-direction:column; gap:4px; }
.deal-field span { color:var(--ink-secondary); font-size:11px; }
.deal-field b { font-size:12px; overflow-wrap:anywhere; }
.deal-actions { display:flex; gap:8px; flex-wrap:wrap; }
.dd-menu,.calp,.cmdk,.status-picker,.user-menu,.deal-menu-pop,.notif-pop { background:var(--paper); border:1px solid var(--rule); border-radius:8px; box-shadow:var(--sh-pop); }
.payout-modal { background:var(--paper); color:var(--ink); border:1px solid var(--rule); border-radius:8px; box-shadow:var(--sh-pop); }
.payout-modal :is(.pm-eyebrow,.pm-share,.pm-row .l,.pm-cur) { color:var(--ink-secondary); }
.payout-modal .pm-total { color:var(--ink); font-size:36px; }
.payout-modal :is(.pm-nav,.pm-seg,.pm-rows) { border-color:var(--rule); background:transparent; }
.payout-modal :is(.pm-seg-btn,.pm-nav-btn,.pm-close) { color:var(--ink-secondary); }
.payout-modal .pm-seg-btn.active { background:var(--inset); color:var(--ink); }
/* Inbox: message content is the only large open surface. */
.chats-page { height:calc(100dvh - 108px); min-height:440px; }
.chats-layout { grid-template-columns:272px minmax(0,1fr) 232px; border:1px solid var(--rule); border-radius:8px; box-shadow:none; }
.chats-list,.chats-context,.chat-conversation-head,.chat-conversation-compose { background:var(--paper); }
.chats-list-head { min-height:64px; padding:12px 16px; }
.chats-list-head b { font-size:13px; }
.chats-list-search { margin:0 12px 12px; height:36px; background:var(--control-fill); border-radius:6px; }
.chat-list-row { padding:12px; gap:8px; min-height:68px; border-top:1px solid var(--rule-soft); }
.chat-list-row:hover { background:var(--workbench); }
.chat-list-row.active { background:var(--action-wash); box-shadow:inset 2px 0 var(--action); }
.chat-list-main b { font-size:12px; }
.chat-list-main span,.chat-list-meta { font-size:10px; }
.chat-conversation-head { min-height:64px; padding:12px 16px; }
.chat-conversation-head > div b { font-size:13px; }
.chat-conversation-head > div span { font-size:11px; }
.chat-conversation-body,.chat-body { background:var(--workbench); padding:20px; }
.chat-conversation-body .dp-msg,.chat-body .dp-msg { max-width:min(84%,560px); padding:8px 12px; border-radius:6px; font-size:13px; line-height:1.6; box-shadow:none; }
.chat-conversation-body .dp-msg.out,.chat-body .dp-msg.out { background:var(--action-wash); color:var(--ink); border:1px solid #33473c0f; border-bottom-right-radius:2px; }
.chat-conversation-body .dp-msg.in { border:1px solid var(--rule-soft); border-bottom-left-radius:2px; background:var(--paper); }
.dp-msg-time { opacity:1; color:var(--ink-meta); font-size:9px; }
.dp-msg-tick.read { color:var(--info); }
.dp-msg-bubble a { text-decoration:underline; overflow-wrap:anywhere; }
.chat-conversation-compose { padding:12px; gap:8px; min-height:60px; }
.chat-compose-icon,.chat-conversation-compose .input,.chat-conversation-compose .btn { height:36px; border-radius:6px; }
.chat-compose-icon { border-color:var(--rule); color:var(--ink-secondary); }
.chats-context { padding:20px 16px; }
.chat-context-card { gap:16px; }
.chat-context-person { flex-direction:column; align-items:flex-start; gap:12px; padding-bottom:4px; }
.chat-context-person .av { background:var(--inset); color:var(--ink-secondary); }
.chat-context-person > div b { font-size:13px; }
.chat-context-row { padding-top:12px; border-color:var(--rule); }
.chat-context-row span { font-size:10px; }
.chat-context-row b { font-size:12px; font-weight:550; }
.state-empty,.chat-empty-state { color:var(--ink-secondary); font-size:12px; }
.state-empty b,.chat-empty-state b { color:var(--ink); font-size:14px; font-weight:600; }
/* Entry: a work credential form, not a marketing splash. */
#login-screen { background:var(--workbench); min-height:100dvh; padding:32px 24px; }
.login-card { max-width:360px; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; gap:0; animation:none; }
.login-card::before { content:none; }
.login-brand { margin-bottom:32px; }
.login-brand .word { display:flex; gap:8px; align-items:center; margin-bottom:28px; }
.login-brand .word .login-mark { width:28px; height:28px; }
.login-brand .word b { font:700 15px var(--f-body); letter-spacing:-.025em; }
.login-brand .word span { font-size:12px; color:var(--ink-secondary); }
.login-brand .word .acc { display:none; }
.login-brand h1 { text-align:left; font-size:24px; font-weight:650; letter-spacing:-.035em; line-height:1.4; margin:0 0 8px; }
.login-brand .sub { font-size:12px; line-height:1.6; margin:0; color:var(--ink-secondary); }
.login-label { color:var(--ink-secondary); font-size:11px; text-transform:none; letter-spacing:0; font-weight:600; margin-bottom:8px; }
.login-group { margin-bottom:20px; }
.login-input { height:40px; padding:0 12px; border:1px solid var(--control-rule); border-radius:6px; font-size:13px; }
.login-btn { height:40px; padding:0 16px; font-size:12px; background:var(--action); color:#fff; border-radius:6px; margin-top:4px; }
.login-btn:hover { background:var(--action-hover); }
.login-err { color:var(--danger); font-size:11px; line-height:1.5; }
.login-foot { border-top:1px solid var(--rule); padding-top:20px; margin-top:28px; color:var(--ink-meta); font-size:10px; }
#boot-splash { background:var(--workbench); }
.bs-logo b { color:var(--ink); font-family:var(--f-body); font-size:28px; }
.bs-logo span,.bs-sub { color:var(--ink-meta); }
.bs-logo .acc { background:var(--action); }
.bs-spinner { border-color:var(--rule); border-top-color:var(--action); }
@media (max-width:1280px) {
  .topbar { flex-wrap:wrap; padding:12px 20px; }
  .topbar .controls { flex:1 1 auto; }
  .page { padding:20px; }
  .workday-layout { grid-template-columns:minmax(0,1fr) 248px; gap:24px; }
  .chats-layout { grid-template-columns:248px minmax(0,1fr); }
  .chats-context { display:none; }
  .chats-page { height:calc(100dvh - 148px); }
  #view-team .cols-3,#view-integrations .cols-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1040px) {
  .workday-layout { grid-template-columns:minmax(0,1fr); }
  .workday-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .dash-top,.dash-mid { grid-template-columns:minmax(0,1fr); }
  .deal-full .dfcols { grid-template-columns:minmax(0,1fr); }
  .chats-layout { grid-template-columns:224px minmax(0,1fr); }
  .chat-wa-status { display:none; }
  .setting-row { flex-wrap:wrap; }
  .setting-row .meta { flex:1 1 200px; }
  .setting-row > div[style] { flex-wrap:wrap; }
}
@media (max-width:760px) {
  :root { --bop-sidebar:0px; }
  .app { grid-template-columns:minmax(0,1fr); }
  .sidebar { display:none; }
  .topbar { position:relative; padding:16px; gap:12px; min-height:64px; }
  .topbar .ph { flex:1 1 100%; }
  .topbar .ph .h-page { font-size:20px; }
  .topbar .controls { flex:1 1 100%; justify-content:flex-start; gap:8px; }
  .topbar .controls > .btn-primary,.topbar .controls > .btn:first-child { flex:0 1 auto; }
  .topbar .controls .seg { flex:1 1 auto; }
  .page { padding:16px 12px calc(88px + env(safe-area-inset-bottom)); gap:20px; }
  .mobile-nav { background:var(--workbench); border-top:1px solid var(--rule); backdrop-filter:none; box-shadow:none; padding:8px 4px calc(8px + env(safe-area-inset-bottom)); }
  .mobile-nav a { min-height:44px; color:var(--ink-secondary); border-radius:6px; font-size:9px; gap:4px; }
  .mobile-nav a.active { color:var(--action); background:var(--action-wash); font-weight:650; }
  .btn,.btn-sm,.btn-icon,.input,.select,.dd-toggle,.login-input,.login-btn,.chat-compose-icon { height:44px; min-height:44px; }
  .btn-icon,.chat-compose-icon { min-width:44px; }
  .input,.select,textarea.input,.login-input,.chats-list-search input { font-size:16px; }
  .seg button,.workspace-segment button,.pipeline-view-toggle button { min-height:40px; }
  .workspace-toolbar,.filter-bar { padding-bottom:12px; gap:8px; }
  .workspace-toolbar .search,.filter-bar .search { flex:1 1 100%; min-width:0; }
  .workspace-toolbar .spacer,.filter-bar .spacer { display:none; }
  .workday-layout,.dash-cmd,.dash-mid,.dash-top { grid-template-columns:minmax(0,1fr); gap:20px; }
  .workday-focus > header,.workday-focus .section-head { padding:16px; flex-wrap:wrap; gap:8px; }
  .workday-queue > :is(a,button,.workday-row,.task-row) { padding:16px; }
  .workday-metrics { gap:16px; }
  .workday-metrics .metric-value { font-size:24px; }
  .dash-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .kpi { padding:12px; }
  .kpi .val { font-size:22px; }
  .kpi .label,.kpi .delta { font-size:10px; }
  .dash-cmd > :last-child { grid-column:auto; }
  .hero { padding:16px 0; }
  .hero .figure .num { font-size:30px; }
  .card,.mgr-card { padding:16px; }
  .panel-head,.panel-body { padding:16px; }
  .kanban { grid-auto-columns:min(272px,82vw); gap:12px; }
  .kanban .col { max-height:72dvh; }
  .deal-card { padding:12px; }
  .col-add button { height:44px; }
  .pipe-table,table.data { min-width:620px; }
  .pipe-table td,table.data td { padding:12px; }
  .deal-full { left:0; }
  .deal-full .dft { padding:12px 16px; gap:8px; }
  .deal-full .dft .who { width:100%; }
  .deal-full .dfs { padding:16px 12px calc(24px + env(safe-area-inset-bottom)); }
  .deal-full .dfcols { gap:20px; }
  .drawer { width:100%; max-width:100%; height:94dvh; max-height:94dvh; border-radius:8px 8px 0 0; }
  .deal-drawer-head,.dealdr-head,.deal-drawer-body,.dealdr-body { padding:20px; }
  .form-grid { grid-template-columns:1fr; }
  .cols-2,.cols-3,#view-team .cols-3,#view-integrations .cols-3 { grid-template-columns:1fr; }
  .setting-row { padding:16px; gap:12px; }
  .setting-row .meta { flex-basis:calc(100% - 64px); }
  .chats-page { height:auto; min-height:0; overflow:visible; }
  .chats-layout { display:flex; flex-direction:column; height:auto; }
  .chats-list { flex:none; max-height:240px; border-right:0; border-bottom:1px solid var(--rule); }
  .chats-list-head { min-height:56px; padding:12px; }
  .chats-list-scroll { max-height:128px; }
  .chats-list-search { height:40px; }
  .chat-conversation { flex:none; height:66dvh; min-height:400px; }
  .chat-conversation-head { padding:12px; min-height:64px; }
  .chat-conversation-body { padding:16px 12px; }
  .chat-conversation-compose { padding:8px; flex-wrap:wrap; }
  .chat-conversation-compose .input,.chat-conversation-compose .btn { height:44px; }
  .chat-conversation-compose .input { min-width:100px; }
  .chat-conversation-body .dp-msg { max-width:90%; }
  .chats-context { display:none; }
  #login-screen { padding:32px 24px; }
  .login-card { max-width:360px; }
  .login-brand { margin-bottom:28px; }
}
@media (max-width:380px) {
  .workday-metrics { grid-template-columns:1fr; }
  .dash-kpis { grid-template-columns:1fr; }
  .kpi { border-right:0; border-bottom:1px solid var(--rule); }
  .kpi:last-child { border-bottom:0; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* Daily operations hierarchy: work orders dominate, money supports. */
.workday-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--rule-soft)}
.workday-section-head h3{font-size:14px;font-weight:650;margin:0;color:var(--ink)}
.workday-section-head h3 span{color:var(--ink-meta);font-size:12px;margin-left:6px;font-weight:500}
.workday-section-head p{font-size:12px;color:var(--ink-secondary);margin:4px 0 0}
.workday-focus>.workday-queue+.workday-queue{border-top:1px solid var(--rule)}
.workday-task{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--rule-soft)}
.workday-task>div{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.workday-task b{font-size:13px;font-weight:600}.workday-task a,.workday-task span{color:var(--ink-secondary);font-size:12px}
.workday-task time{font-size:12px;white-space:nowrap}.workday-check{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--control-rule);border-radius:50%;background:transparent;color:transparent;flex-shrink:0}.workday-check:hover{color:var(--action);border-color:var(--action)}
.workday-record{display:flex;align-items:center;gap:16px;text-decoration:none}.workday-record-body{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.workday-record-body b{font-size:13px;font-weight:600}.workday-record-body span,.workday-record-meta span{font-size:12px;color:var(--ink-secondary)}.workday-record-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:100px;font-size:12px}.workday-record-meta b{font-weight:550;font-variant-numeric:tabular-nums}.workday-record>span:last-child{color:var(--ink-meta)}
.workday-empty{padding:20px;color:var(--ink-secondary);font-size:12px}.workday-add{align-self:flex-start!important;color:var(--action)!important;width:auto}
.workday-amount{font-size:32px;line-height:1.3;letter-spacing:-.04em;font-weight:650;font-variant-numeric:tabular-nums;margin:12px 0 4px}.workday-amount span{font-size:20px;color:var(--ink-meta);font-weight:500}.workday-revenue>p{color:var(--ink-secondary);font-size:12px}.workday-revenue dl{margin:24px 0 16px}.workday-revenue dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:12px}.workday-revenue dt{color:var(--ink-secondary)}.workday-revenue dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.workday-note{font-size:11px;line-height:1.65;color:var(--ink-meta)}
.workday-metrics .workday-section-head{padding:0 0 12px;border:0}.workday-metrics .workday-record{padding:12px 0;gap:8px}.workday-metrics .workday-record-meta{min-width:0}.workday-metrics .workday-empty{padding:8px 0}
.pipe-table{overflow:auto;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}.pipe-table table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.pipe-table th{text-align:left;color:var(--ink-secondary);font-weight:500;background:var(--workbench);padding:12px}.pipe-table td{padding:12px;border-top:1px solid var(--rule-soft)}.pipe-table td small{display:block;color:var(--ink-meta);margin-top:3px}.pipe-table tr:hover td{background:var(--workbench)}.record-link{font-weight:650;color:var(--ink);text-decoration:none}.table-stage{display:inline-flex;align-items:center;gap:6px}.table-stage i{width:6px;height:6px;border-radius:50%;background:var(--stage)}.table-pagination{font-size:12px;color:var(--ink-secondary);margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){.workday-section-head{padding:16px;align-items:flex-start;gap:8px}.workday-section-head .btn{padding:0 8px;font-size:11px}.workday-task{padding:16px}.workday-check{width:40px;height:40px;color:var(--ink-meta)}.workday-record{gap:8px}.workday-record-meta{min-width:0}.workday-record-body span{max-width:160px;overflow-wrap:anywhere}.workday-amount{font-size:28px}}
.workday-controls{display:flex;align-items:center;gap:8px}.workday-controls .select{min-width:100px}.workspace-toolbar h2{margin:4px 0 0;font-size:20px;letter-spacing:-.03em}.workday-controls .workspace-segment{margin-right:8px}@media(max-width:760px){.workday-controls{flex-wrap:wrap}.workspace-toolbar{align-items:flex-start;gap:16px}}
.workday-controls{margin-left:auto}.pipeline-view-toggle{margin-left:auto}.pipe-tabs{margin-bottom:0!important;border-bottom:0!important}#view-pipeline>.workspace-toolbar{padding-bottom:12px}#view-pipeline>.filter-bar{padding:0 0 12px;margin-top:0!important}#view-pipeline{gap:12px}.pipe-table td{padding-block:8px}.deal-field-group{padding-top:16px}.deal-field-group+.deal-field-group{margin-top:16px;border-top:1px solid var(--rule)}.deal-field-group h3{font-size:11px;font-weight:650;color:var(--ink-secondary);margin:0 0 8px}.workspace-dialog{width:min(420px,calc(100vw - 32px));border:1px solid var(--rule);border-radius:12px;padding:24px;background:var(--paper);color:var(--ink);box-shadow:var(--sh-pop)}.workspace-dialog::backdrop{background:#25272440}.workspace-dialog h2{font-size:18px;margin:0 0 24px}.workspace-dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px}.workspace-dialog form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.media-pending{padding:12px;font-size:12px;background:var(--warn-soft);color:var(--warn);border-top:1px solid var(--rule)}
#mobile-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;color:var(--ink-secondary);font-size:10px;padding:8px;min-height:52px}.mobile-sections nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.mobile-sections nav a{display:flex;align-items:center;gap:12px;min-height:48px;color:var(--ink);text-decoration:none;padding:8px;background:var(--inset);border-radius:6px}.setting-row>div[style*="align-items:center"]{flex-wrap:wrap}.media-pending .btn{margin-left:8px}

/* Command dashboard: decisions first, analytics second. */
.dashboard-head{align-items:flex-end;padding-bottom:20px;border-bottom:0}.dashboard-head p{margin:5px 0 0;color:var(--ink-secondary);font-size:12px}.command-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--paper);border:1px solid var(--rule);border-radius:10px;overflow:hidden}.command-metric{display:flex;flex-direction:column;min-height:118px;padding:18px 20px;border-right:1px solid var(--rule-soft);color:var(--ink);text-decoration:none}.command-metric:last-child{border-right:0}.command-metric:hover{background:var(--control-fill)}.command-metric>span{color:var(--ink-secondary);font-size:11px;font-weight:600}.command-metric>b{margin:10px 0 4px;font-size:25px;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.command-metric>small{color:var(--ink-meta);font-size:10px}.command-metric.is-alert{box-shadow:inset 0 3px var(--danger)}.command-metric.is-alert>b,.command-metric.is-alert>small{color:var(--danger)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);align-items:start;gap:20px}.dashboard-primary,.dashboard-aside{display:flex;flex-direction:column;gap:20px}.command-panel{min-width:0;background:var(--paper);border:1px solid var(--rule);border-radius:10px;overflow:hidden}.command-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--rule-soft)}.command-panel-head h3{margin:3px 0 0;font-size:14px;font-weight:650}.command-panel-head h3 em{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;margin-left:5px;border-radius:10px;background:var(--inset);color:var(--ink-secondary);font-size:10px;font-style:normal}.command-panel-head>a{color:var(--action);font-size:11px;text-decoration:none;white-space:nowrap}.command-panel .workday-task,.command-records .workday-record{padding:13px 18px;border-bottom:1px solid var(--rule-soft)}.command-records .workday-record:last-child{border-bottom:0}.dashboard-add{height:40px;padding:0 18px;border:0;background:transparent;color:var(--action);font:600 11px var(--f-body);cursor:pointer}.dashboard-add:hover{background:var(--action-wash)}.pipeline-health{padding-bottom:8px}.pipeline-health-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:'name count' 'bar value';gap:4px 12px;padding:11px 18px;color:var(--ink);text-decoration:none}.pipeline-health-row:hover{background:var(--control-fill)}.pipeline-health-row>b{grid-area:name;font-size:11px;font-weight:600}.pipeline-health-row>em{grid-area:count;font-size:11px;font-style:normal;font-variant-numeric:tabular-nums}.pipeline-health-row>span{grid-area:bar;align-self:center;height:4px;border-radius:2px;background:var(--inset);overflow:hidden}.pipeline-health-row>span i{display:block;height:100%;background:var(--action);border-radius:2px}.pipeline-health-row>small{grid-area:value;color:var(--ink-meta);font-size:9px;text-align:right}.command-footer{display:block;padding:13px 18px;border-top:1px solid var(--rule-soft);color:var(--action);font-size:11px;text-decoration:none}

/* Deal workspace: configurable inspector, chronological center, contextual rail. */
.deal-full .dfs{padding:0}.deal-full .dft{position:sticky;top:0;z-index:9}.deal-workspace{display:grid;grid-template-columns:300px minmax(480px,1fr) 286px;min-height:calc(100dvh - 64px);background:var(--workbench)}.deal-inspector,.deal-context-rail{min-width:0;padding:18px;background:var(--paper)}.deal-inspector{border-right:1px solid var(--rule)}.deal-context-rail{border-left:1px solid var(--rule)}.deal-center{min-width:0;padding:18px 24px}.deal-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 0 18px;border-bottom:1px solid var(--rule)}.deal-person>div{display:flex;min-width:0;flex-direction:column;gap:2px}.deal-person strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.deal-person span:not(.av){color:var(--ink-secondary);font-size:11px}.deal-contact-link{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--rule);border-radius:6px;color:var(--action);text-decoration:none}.deal-inspector>.card{margin:0;padding:16px 0;border:0;border-bottom:1px solid var(--rule);border-radius:0}.deal-inspector-card>header{display:flex;flex-direction:column;gap:3px;padding:16px 0 8px}.deal-inspector-card>header>span{font-size:12px;font-weight:650}.deal-inspector-card>header>small{color:var(--ink-meta);font-size:9px}.deal-field-group{padding:0;border-top:1px solid var(--rule-soft)}.deal-field-group+.deal-field-group{margin-top:0;border-top:1px solid var(--rule-soft)}.deal-field-heading{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;width:100%;padding:11px 0;border:0;background:transparent;color:var(--ink);font:600 11px var(--f-body);text-align:left;cursor:pointer}.deal-field-heading small{display:grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:var(--inset);color:var(--ink-meta);font-size:9px}.deal-field-heading i{color:var(--ink-meta);font-size:12px;font-style:normal;transition:transform .15s}.deal-field-group.is-collapsed .deal-field-heading i{transform:rotate(-90deg)}.deal-field-group.is-collapsed .deal-field-rows{display:none}.deal-field-rows .info-row{display:grid;grid-template-columns:42% 58%;gap:8px;min-height:38px;padding:8px 0}.deal-field-rows .info-row .k{font-size:10px}.deal-field-rows .info-row .v{overflow-wrap:anywhere;font-size:11px;text-align:left}.deal-field-rows .dp-fvalue.editable{margin:-5px -6px;padding:5px 6px;border-radius:5px}.deal-field-rows .dp-fvalue.editable:hover{background:var(--action-wash);color:var(--action)}
.deal-stream-tabs{display:flex;gap:2px;margin-bottom:14px;border-bottom:1px solid var(--rule)}.deal-stream-tabs button{display:flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-secondary);font:600 11px var(--f-body);cursor:pointer}.deal-stream-tabs button.active{border-bottom-color:var(--action);color:var(--ink)}.deal-stream-tabs button span{display:grid;place-items:center;min-width:19px;height:18px;padding:0 5px;border-radius:9px;background:var(--inset);color:var(--ink-meta);font-size:9px}.deal-stream-body>.panel{border-radius:8px}.deal-stream-body .dp-timeline{max-width:760px;margin:0 auto}.deal-stream-body .chat-body{min-height:46dvh;max-height:58dvh}.deal-context-rail{display:flex;flex-direction:column;gap:14px}.deal-context-card{padding:15px;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}.deal-context-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.deal-context-card>header>span{font-size:11px;font-weight:650}.deal-context-card>header>small,.deal-context-card>header>em{color:var(--ink-meta);font-size:9px;font-style:normal}.deal-context-card>p{margin:0 0 12px;color:var(--ink-secondary);font-size:11px;line-height:1.5}.deal-context-card.amount{display:flex;flex-direction:column;gap:4px}.deal-context-card.amount>span{color:var(--ink-secondary);font-size:10px}.deal-context-card.amount>strong{font-size:24px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.deal-context-card.amount>small{color:var(--ink-meta);font-size:10px}.deal-next-task{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.deal-next-task b{font-size:12px;line-height:1.45}.deal-next-task span{color:var(--danger);font-size:10px}.deal-context-card .btn{width:100%;justify-content:center}.deal-context-card.services .svc-line{padding:8px 0}.deal-context-card.services .svc-sum{margin-top:8px}.deal-context-card.services .svc-sum .r{font-size:10px}.deal-context-card.services .svc-sum .r.total,.deal-context-card.services .svc-sum .r.due{font-size:12px}
@media(max-width:1180px){.command-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.command-metric:nth-child(2){border-right:0}.command-metric:nth-child(-n+2){border-bottom:1px solid var(--rule-soft)}.deal-workspace{grid-template-columns:280px minmax(0,1fr)}.deal-context-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule);border-left:0}}
@media(max-width:820px){.dashboard-grid{grid-template-columns:1fr}.deal-workspace{grid-template-columns:1fr}.deal-inspector,.deal-context-rail{border:0;border-bottom:1px solid var(--rule)}.deal-center{padding:14px}.deal-context-rail{grid-column:auto;display:flex}.deal-full .dft{position:relative}.deal-field-rows .info-row{grid-template-columns:38% 62%}}
@media(max-width:560px){.command-strip{grid-template-columns:1fr 1fr}.command-metric{min-height:104px;padding:14px;border-right:1px solid var(--rule-soft)}.command-metric:nth-child(2n){border-right:0}.command-metric>b{font-size:21px}.dashboard-head{align-items:flex-start}.command-panel-head{align-items:flex-start}.command-panel-head>a{padding-top:2px}.deal-inspector,.deal-context-rail{padding:14px}.deal-center{padding:14px 10px}.deal-full .dft .tag{order:3}.deal-full .dft .who{order:2}.deal-full .dft .spacer{display:none}.deal-full .dft{flex-wrap:wrap}.deal-full .dft>.btn:not([data-close-full]){margin-left:auto}.deal-stream-tabs button{flex:1;justify-content:center}.deal-stream-body .panel-body{padding:14px}.deal-context-card.services{order:-1}}
.deal-mobile-jump{display:none}
@media(max-width:820px){.deal-mobile-jump{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:repeat(3,1fr);padding:8px 14px;border-bottom:1px solid var(--rule);background:var(--paper)}.deal-mobile-jump button{min-height:40px;border:0;background:transparent;color:var(--ink-secondary);font:600 11px var(--f-body)}}

/* amoCRM-inspired deal card: fields, one chronological stream, widget library. */
@media(min-width:1181px){.deal-workspace{grid-template-columns:330px minmax(480px,1fr) 260px}.deal-inspector,.deal-context-rail{position:sticky;top:62px;align-self:start;max-height:calc(100dvh - 62px);overflow-y:auto}}
.deal-feed-panel{overflow:hidden}.deal-feed-panel>.panel-head{justify-content:flex-start;gap:10px}.deal-feed-caption{color:var(--ink-meta);font-size:10px}.deal-unified-feed{display:flex;flex-direction:column;min-height:48dvh;max-height:calc(100dvh - 315px);overflow-y:auto;padding:6px 4px 24px}.deal-feed-message{display:flex;flex-direction:column;padding:2px 14px}.deal-feed-message .dp-msg{max-width:min(78%,620px)}.deal-feed-event{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;margin:3px 14px;padding:10px 12px;border:1px solid var(--rule-soft);border-radius:7px;background:var(--paper)}.deal-feed-event-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--inset);color:var(--ink-secondary);font-size:12px}.deal-feed-event>div{display:flex;min-width:0;flex-direction:column;gap:3px}.deal-feed-event b{font-size:11px;font-weight:650}.deal-feed-event p{margin:0;color:var(--ink-secondary);font-size:11px;line-height:1.5;white-space:pre-wrap}.deal-feed-event small{color:var(--ink-meta);font-size:9px}.deal-feed-event.dp-event-paid{border-color:#1f9d6628;background:#f4fbf7}.deal-feed-event.dp-event-stage .deal-feed-event-icon{background:var(--action-wash);color:var(--action)}
.deal-context-rail{gap:0;padding:0;background:#f4f5f5}.deal-widgets-head{display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:0 18px;border-bottom:1px solid var(--rule);background:var(--paper)}.deal-widgets-head>div{display:flex;flex-direction:column;gap:2px}.deal-widgets-head strong{font-size:14px}.deal-widgets-head span{color:var(--ink-meta);font-size:9px}.deal-widgets-head button{width:30px;height:30px;border:0;background:transparent;color:var(--ink-secondary);cursor:pointer}.deal-widget-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:calc(100% - 24px);margin:12px;padding:12px;border:1px solid var(--rule);border-radius:8px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer}.deal-widget-card:hover,.deal-widget-card.is-active{border-color:var(--rule-focus);box-shadow:0 0 0 2px var(--action-wash)}.deal-widget-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#e9f7ef;color:#16834f}.deal-widget-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.deal-widget-copy strong{font-size:12px}.deal-widget-copy small{overflow:hidden;color:var(--ink-meta);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.deal-widget-state{color:var(--ink-meta);font-size:16px}.deal-widget-state.is-online{color:#1f9d66}.deal-widget-library{margin:0 12px;padding:16px 12px;border-top:1px solid var(--rule);text-align:center}.deal-widget-library>span{font-size:10px;font-weight:650}.deal-widget-library>p{margin:7px 0 12px;color:var(--ink-meta);font-size:9px;line-height:1.5}.deal-widget-library .btn{width:100%;justify-content:center}.dp-field-textarea{min-height:84px;resize:vertical;line-height:1.45}
@media(max-width:1180px){.deal-context-rail{padding:14px;gap:12px}.deal-widgets-head{grid-column:1/-1;margin:-14px -14px 0}.deal-widget-card{width:auto;margin:0}.deal-widget-library{margin:0;padding:14px;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}}
@media(max-width:820px){.deal-unified-feed{max-height:none;min-height:50dvh}.deal-context-rail{padding:14px}.deal-widgets-head{margin:-14px -14px 0}.deal-feed-message{padding:2px 4px}.deal-feed-message .dp-msg{max-width:92%}.deal-feed-event{margin:3px 4px}}