:root {
  color-scheme: dark;
  --surface:#111720; --rail:#0e141c; --panel:#1a222d; --raised:#273241; --inset:#151d27;
  --ink:#f1f4f8; --muted:#b5c0ce; --faint:#97a5b7; --line:#303d4e;
  --accent:#8eafd7; --accent-strong:#b5cde8; --positive:#85c4ab;
  --caution:#e1c17e; --negative:#e5a1a3; --info:#9fb8d8;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;
  --radius:10px; --rail-width:232px; --ease:cubic-bezier(.16,1,.3,1);
  font-family:Inter, 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-synthesis:none;
}
*,*::before,*::after { box-sizing:border-box }
html { scroll-behavior:smooth }
body { margin:0; background:var(--surface); color:var(--ink); font-size:15px; line-height:1.55; min-width:320px; }
button,input,select,textarea { font:inherit }
button { cursor:pointer }
a { color:inherit; text-decoration:none }
svg { flex-shrink:0 }
::selection { background:var(--accent); color:var(--rail) }
:focus-visible { outline:2px solid var(--accent); outline-offset:3px; border-radius:5px }
.sr-only { position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap }
.boot { height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted) }
.boot-mark {font-size:40px;letter-spacing:-.08em;font-weight:800;color:var(--ink)}
.boot-mark span {color:var(--accent)}
.shell { min-height:100dvh;display:flex;position:relative }
.sidebar {position:sticky;top:0;height:100dvh;width:var(--rail-width);flex:0 0 var(--rail-width);background:var(--rail);border-right:1px solid #252b35;display:flex;flex-direction:column;padding:30px 15px 16px;z-index:20;box-shadow:10px 0 38px #0002 }
.brand {padding:0 15px 28px}
.brand-sign {font-size:31px;line-height:1;letter-spacing:-.095em;font-weight:850;color:var(--ink)}
.brand-sign span {color:var(--accent)} .brand-sign .brand-dot {color:var(--positive)}
.brand-sub {font-size:12px;letter-spacing:.21em;color:var(--faint);margin-top:8px;font-weight:700}
.workspace-switch {border:1px solid var(--line);background:linear-gradient(120deg,#202833,#141920);padding:10px;display:flex;align-items:center;gap:10px;border-radius:10px;margin:0 1px 31px;min-height:61px;box-shadow:inset 0 1px 0 #fff1}
.workspace-icon {width:33px;height:33px;border-radius:8px;display:grid;place-items:center;color:var(--accent);background:#eaa37619}
.workspace-text {flex:1;min-width:0;display:flex;flex-direction:column}
.workspace-text strong {font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-text small {font-size:13px;color:var(--faint)}
.workspace-switch>svg {color:var(--faint)}
.nav-caption {color:#687687;font-size:12px;letter-spacing:.16em;font-weight:800;padding:0 15px;margin-bottom:11px}
.nav-caption.inner {padding:9px 13px 1px;margin-bottom:5px}
.nav-items {display:flex;flex-direction:column;gap:5px}
.nav-item {display:flex;align-items:center;gap:13px;min-height:43px;padding:0 14px;border-radius:8px;color:#9ba6b6;font-size:14px;font-weight:550;transition:background 160ms,color 160ms;position:relative}
.nav-item svg {color:#748398}
.nav-item:hover {color:var(--ink);background:#ffffff0c}
.nav-item.active {color:var(--ink);background:linear-gradient(90deg,#eaa3761e,#eaa3760b);font-weight:700}
.nav-item.active svg {color:var(--accent)}
.nav-item.active::before {content:'';width:3px;height:20px;position:absolute;left:-15px;background:var(--accent);border-radius:4px;box-shadow:0 0 16px #eaa37666}
.nav-item em {font-style:normal;font-size:12px;font-weight:700;color:var(--negative);background:#f08a8a24;border-radius:5px;padding:1px 6px;margin-left:auto}
.nav-item.ai-item>small {margin-left:auto;color:var(--info);font-size:12px;border:1px solid #9faef93a;padding:0 6px;border-radius:4px}
.nav-divider {height:1px;background:var(--line);margin:19px 12px 13px;opacity:.6}
.sidebar-foot {margin-top:auto;display:flex;flex-direction:column;gap:10px}
.rail-card {border-radius:10px;border:1px solid #394335;background:linear-gradient(120deg,#16261e,#172021);padding:14px 12px;display:flex;gap:9px;margin-bottom:7px}
.rail-light {width:7px;height:7px;border-radius:50%;background:var(--positive);margin-top:5px;box-shadow:0 0 0 3px #74c9af25}
.rail-copy {display:flex;flex-direction:column;min-width:0}
.rail-copy strong {font-size:13px;font-weight:700}.rail-copy small {font-size:13px;line-height:1.4;color:#9cb8ad;margin-top:3px}
.avatar-line {display:flex;gap:11px;align-items:center;border-top:1px solid #202630;padding:14px 8px 0;min-height:64px}
.avatar-line>span:last-child {display:flex;flex-direction:column;min-width:0}
.avatar-line strong {font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avatar-line small {text-transform:capitalize;font-size:12px;color:var(--faint)}
.main-area {min-width:0;flex:1;display:flex;flex-direction:column}
.topbar {height:79px;min-height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#121720cf}
.top-left,.top-actions {display:flex;align-items:center;gap:16px}
.breadcrumbs {display:flex;align-items:center;gap:13px;color:var(--faint);font-size:14px}
.breadcrumbs strong {color:var(--ink);font-weight:650}.crumb-slash {color:var(--line)}
.top-actions {font-size:13px;color:var(--muted);gap:13px;letter-spacing:.04em}
.top-badge {padding:6px 9px;border:1px solid #74c9af3f;border-radius:5px;color:var(--positive);background:#74c9af0c;font-size:12px;font-weight:800;letter-spacing:.12em}
.live-beacon {height:6px;width:6px;background:var(--positive);border-radius:50%;box-shadow:0 0 10px var(--positive)}
.content {width:100%;max-width:1660px;padding:36px 38px 50px;margin:0 auto;flex:1}
.footer {border-top:1px solid var(--line);padding:16px 38px;font-size:12px;letter-spacing:.045em;color:var(--faint);display:flex;justify-content:space-between;gap:15px}
.demo-banner {display:flex;align-items:center;gap:10px;padding:10px 38px;color:#dfbe9a;background:#4d352117;border-bottom:1px solid #eaa37626;font-size:14px}
.demo-banner svg {color:var(--accent)} .demo-banner span {flex:1}.demo-banner strong {color:var(--accent-strong)}
.demo-banner .button {min-height:29px;padding:3px 8px;font-size:13px}
.eyebrow {font-size:12px;font-weight:800;letter-spacing:.17em;color:var(--accent);text-transform:uppercase}
h1,h2,h3,p {margin-top:0}
h1 {font-size:30px;line-height:1.15;letter-spacing:-.035em;font-weight:650}
h2 {font-size:21px;line-height:1.3;letter-spacing:-.024em;font-weight:650}
h3 {font-size:17px;line-height:1.35;font-weight:600}
p {color:var(--muted)}
.button {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;border-radius:8px;border:1px solid transparent;padding:9px 16px;font-size:14px;font-weight:750;white-space:nowrap;line-height:1.2;transition:transform .14s ease-out,background .14s ease-out,border-color .14s ease-out,color .14s ease-out}
.button:hover:not(:disabled) {transform:translateY(-1px)}
.button:active:not(:disabled) {transform:translateY(0)}
.button:disabled {opacity:.45;cursor:not-allowed}
.button.primary {background:var(--accent);color:#242020;border-color:#f5bd91;box-shadow:inset 0 1px 0 #ffffff5b,0 4px 18px #eaa37616}
.button.primary:hover:not(:disabled) {background:var(--accent-strong)}
.button.secondary {color:var(--ink);border-color:#49505d;background:linear-gradient(180deg,#272e3a,#1e2530)}
.button.secondary:hover:not(:disabled) {border-color:var(--accent);background:var(--raised)}
.button.ghost {color:var(--muted);background:transparent}
.button.ghost:hover:not(:disabled) {background:var(--raised);color:var(--ink)}
.button.danger {color:var(--negative);border-color:#f08a8a4a;background:#f08a8a12}
.button.danger:hover:not(:disabled) {background:#f08a8a2b}
.button.wide {width:100%}
.text-button {border:0;background:transparent;color:var(--accent);padding:4px;cursor:pointer;text-decoration:underline}
.icon-button {width:34px;height:34px;min-width:34px;display:inline-grid;place-items:center;background:transparent;color:var(--faint);border:1px solid transparent;border-radius:7px}
.icon-button:hover:not(:disabled) {background:var(--raised);color:var(--ink);border-color:var(--line)}
.icon-button:disabled {opacity:.45}
.page-overview {display:flex;flex-direction:column;gap:25px}
/* Compact operational heading replaces the old ornamental hero. */
.overview-heading { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:20px; padding:3px 0 7px; }
.overview-heading h1 { margin:5px 0 6px; font-size:30px; line-height:1.2; letter-spacing:-.035em; font-weight:700; }
.overview-heading p { margin:0; color:var(--muted); font-size:14px; }
.overview-actions { display:flex; align-items:center; justify-content:flex-start; gap:10px; flex-wrap:wrap; }
.kpi-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.metric-card {min-height:160px;padding:22px 23px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#1d222b,#191e27);box-shadow:0 8px 20px #0000000a,inset 0 1px 0 #ffffff0a}
.metric-head {display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.metric-head>span:first-child {color:var(--muted);font-size:14px;font-weight:550}
.metric-icon {display:grid;place-items:center;color:var(--accent);border:1px solid #eaa37624;width:32px;height:32px;border-radius:8px;background:#eaa37610}
.metric-number {margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(22px,2.5vw,30px);font-weight:750;letter-spacing:-.045em;line-height:1.17;font-variant-numeric:tabular-nums}
.metric-foot {font-size:12px;color:var(--faint);display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.metric-foot span {color:var(--accent);font-size:12px}
.two-col {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:17px;align-items:stretch}
.panel {border:1px solid var(--line);background:var(--panel);border-radius:11px;min-width:0;box-shadow:inset 0 1px 0 #ffffff08}
.panel-header {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:23px 25px 18px}
.panel-header .eyebrow {font-size:12px;margin-bottom:7px}
.panel-header h2 {margin-bottom:4px}.panel-header p {font-size:13px;margin-bottom:0;color:var(--faint)}
.panel-header>.inline-icon {color:var(--accent);background:#eaa37614;border:1px solid #eaa37631;display:grid;place-items:center;width:35px;height:35px;border-radius:9px}
.link-arrow,.view-all {display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:13px;font-weight:700;white-space:nowrap}
.link-arrow:hover,.view-all:hover {color:var(--accent-strong)}
.flow-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 29px;padding:8px 25px 18px}
.flow-tile {min-width:0}.flow-top {display:flex;align-items:center;gap:8px;color:#c4cad2;font-size:13px;margin-bottom:9px}
.flow-top strong {margin-left:auto;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.stage-dot {width:7px;height:7px;border-radius:50%;background:var(--stage);box-shadow:0 0 6px color-mix(in srgb,var(--stage),transparent 65%)}
.flow-track {height:5px;border-radius:4px;background:#343843;overflow:hidden}
.flow-fill {height:100%;border-radius:4px;background:linear-gradient(90deg,#a97662,var(--accent));min-width:2px}
.trend-area {border-top:1px solid #30343d;padding:19px 25px 19px}
.trend-caption {display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--faint)}.trend-caption strong {font-size:13px;color:var(--ink)}
.sparkchart {width:100%;height:103px;display:block;margin-top:6px;overflow:visible}
.trend-labels {display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em;color:var(--faint);padding:0 4px}
.tasks-preview {padding:1px 22px 9px}
.todo-row {display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #30374288;min-height:74px}
.todo-row:first-child {border-top:0}
.todo-priority {width:7px;height:7px;border-radius:50%;background:var(--faint)}
.todo-priority.high {background:var(--negative)}.todo-priority.normal {background:var(--caution)}
.todo-main {min-width:0;flex:1;display:flex;flex-direction:column}.todo-main strong {font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650}.todo-main small {font-size:12px;color:var(--faint);margin-top:3px}
.view-all {width:calc(100% - 46px);margin:7px 23px 21px;border:1px solid var(--line);border-radius:7px;padding:11px 13px;justify-content:space-between;color:var(--muted);font-size:13px;background:#ffffff04}
.view-all:hover {color:var(--accent);border-color:var(--accent)}
.people-list {padding:1px 25px 17px}.person-row {display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #30374288}.person-row:first-child {border-top:0}
.avatar {width:34px;height:34px;min-width:34px;display:grid;place-items:center;border-radius:50%;font-size:12px;letter-spacing:-.04em;font-weight:800;background:#354b4d;color:#b2e1d3;border:1px solid #74c9af2a}
.avatar.b {background:#4d3e4f;color:#e2bfd1;border-color:#e2bfd12a}.avatar.c {background:#514637;color:#f5d69f;border-color:#f5d69f2a}
.avatar.d {background:#35455b;color:#c2d6fb;border-color:#c2d6fb2a}.avatar.e {background:#484e3c;color:#d9e8af;border-color:#d9e8af2a}.avatar.f {background:#543b3e;color:#f1b9b9;border-color:#f1b9b92a}
.person-info {min-width:0;flex:1;display:flex;flex-direction:column}.person-info strong {font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-info small {font-size:12px;color:var(--faint);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.score {font-size:18px;font-weight:750;color:var(--positive);font-variant-numeric:tabular-nums}.score small {color:var(--faint);font-size:12px;font-weight:550}
.agent-panel .ai-sigil {width:36px;height:36px;display:grid;place-items:center;color:var(--info);background:#9faef919;border:1px solid #9faef934;border-radius:8px}
.agent-highlight {margin:4px 23px 19px;background:linear-gradient(125deg,#292538,#202735);border:1px solid #60506a55;display:flex;gap:13px;border-radius:9px;padding:19px}
.agent-shield {display:grid;place-items:center;color:var(--info);background:#9faef916;border:1px solid #9faef926;height:40px;width:40px;min-width:40px;border-radius:10px}
.agent-highlight strong {font-size:14px}.agent-highlight p {font-size:13px;line-height:1.5;color:var(--muted);margin:6px 0 0}
.agent-link-row {display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 23px 18px;font-size:13px}
.agent-link-row>span:first-child {display:flex;align-items:center;gap:8px;color:var(--muted)}
.agent-panel>.button {width:calc(100% - 46px);margin:0 23px 23px;justify-content:space-between}
.pill {display:inline-flex;align-items:center;width:fit-content;white-space:nowrap;padding:4px 9px;border-radius:5px;border:1px solid #73809536;background:#73809516;color:#bcc4cd;font-size:12px;font-weight:700;line-height:1.2;text-transform:capitalize}
.pill.positive {background:#74c9af14;border-color:#74c9af3b;color:var(--positive)}
.pill.caution {background:#f1c57811;border-color:#f1c5783b;color:var(--caution)}
.pill.negative {background:#f08a8a13;border-color:#f08a8a3f;color:var(--negative)}
.page-head {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:29px}
.section-intro .eyebrow {margin-bottom:9px}.section-intro h2 {font-size:32px;letter-spacing:-.045em;margin:0 0 8px}.section-intro p {font-size:14px;color:var(--faint);margin:0}
.table-panel {overflow:hidden}.table-top {display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:21px 25px;border-bottom:1px solid var(--line)}
.table-top strong {font-size:14px}.table-top p {font-size:13px;margin:4px 0 0;color:var(--faint)}
.search-wrap {display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--inset);color:var(--faint);padding:0 12px;width:min(320px,100%);min-height:40px}
.search-wrap:focus-within {border-color:var(--accent)}
.search-wrap input {width:100%;border:0;background:transparent;color:var(--ink);outline:0;font-size:14px}
.search-wrap input::placeholder {color:var(--faint)}
.table-scroll {overflow-x:auto}
table {border-collapse:collapse;width:100%;min-width:780px}thead {background:#131821}th {color:var(--faint);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:left;padding:16px 24px;white-space:nowrap}tbody tr {border-top:1px solid #303742a6;transition:background 140ms}tbody tr:hover {background:#ffffff06}td {font-size:14px;padding:14px 24px;color:#c8ced6;vertical-align:middle}td small {display:block;font-size:12px;color:var(--faint);margin-top:2px}
.cell-person {display:flex;align-items:center;gap:12px}.cell-person strong {font-size:14px;color:var(--ink);font-weight:700;white-space:nowrap}.cell-person>div:last-child {min-width:0}.cell-person small {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.company-avatar {width:34px;height:34px;display:grid;place-items:center;background:#eaa37617;color:var(--accent);border:1px solid #eaa37631;border-radius:8px}
.cell-sub {font-weight:550;color:var(--ink)}.muted {color:var(--faint)}.tabular {font-variant-numeric:tabular-nums}
.score-cell {display:flex;align-items:center;gap:10px;font-weight:700;font-variant-numeric:tabular-nums}.score-track {width:52px;height:4px;background:#485361;border-radius:4px;overflow:hidden}.score-track b {height:100%;display:block;background:var(--positive)}
.empty {text-align:center;padding:42px 18px;color:var(--faint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.empty svg {color:var(--accent);opacity:.72}.empty h3 {color:var(--ink);font-size:15px;margin:10px 0 0}.empty p {font-size:13px;max-width:330px;margin:0 0 10px}
.pipeline-head-stats {display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}.pipeline-head-stats>span {display:inline-flex;align-items:center;gap:8px;padding:12px 15px;border:1px solid var(--line);background:var(--panel);border-radius:8px;font-size:13px;color:var(--muted)}.pipeline-head-stats svg {color:var(--accent)}.pipeline-head-stats strong {color:var(--ink);font-size:14px}
.kanban {display:flex;gap:14px;overflow-x:auto;align-items:stretch;padding-bottom:15px;scrollbar-color:var(--line) transparent;scrollbar-width:thin}
.kanban-column {background:var(--inset);border:1px solid var(--line);border-radius:11px;min-width:260px;width:calc((100% - 56px)/5);flex:1 0 260px;max-width:400px;min-height:390px}
.kanban-head {display:flex;align-items:center;gap:9px;padding:17px;border-bottom:1px solid var(--line);font-size:14px}.kanban-head strong {flex:1;font-weight:750}
.kanban-indicator {height:9px;width:9px;border-radius:50%;background:var(--stage)}.count-bubble {font-size:12px;border-radius:5px;background:var(--raised);padding:3px 8px;color:var(--muted);font-weight:700}
.kanban-body {padding:11px;display:flex;flex-direction:column;gap:10px}
.deal-card {border:1px solid #3b4553;background:linear-gradient(160deg,#252b37,#1e2530);border-radius:9px;padding:16px;box-shadow:inset 0 1px 0 #ffffff0c}
.deal-card-top {display:flex;justify-content:space-between;gap:8px;color:var(--faint)}.deal-company {font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.deal-card h3 {font-size:14px;color:var(--ink);margin:12px 0 9px;line-height:1.45}.deal-value {font-size:18px;font-weight:750;font-variant-numeric:tabular-nums}.deal-card-bottom {border-top:1px solid var(--line);margin-top:13px;padding-top:11px;color:var(--faint);font-size:12px}.deal-card-bottom span {display:flex;gap:5px;align-items:center}
.deal-stage-label {display:flex;flex-direction:column;gap:5px;margin-top:14px;color:var(--faint);font-size:12px}
.deal-stage-select {font-size:13px;color:var(--ink);border:1px solid var(--line);background:var(--inset);padding:8px;border-radius:6px;width:100%}
.kanban-empty {font-size:13px;text-align:center;color:var(--faint);padding:39px 9px}
.lost-deals {border:1px solid var(--line);border-radius:8px;margin-top:8px;padding:13px 16px;font-size:14px}.lost-deals summary {cursor:pointer;color:var(--faint)}.lost-deals p {margin:8px 0 2px}
.task-panel {padding-bottom:10px}.task-line {display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding:18px 23px}.task-line:first-of-type {border-top:0}
.task-check {width:22px;height:22px;min-width:22px;border:1px solid var(--line);background:var(--inset);color:var(--positive);display:grid;place-items:center;border-radius:5px}
.task-check:hover:not(:disabled) {border-color:var(--positive)}.task-check:disabled {opacity:.65;cursor:default}.task-line.is-complete .task-check {border-color:var(--positive);background:#74c9af19}
.task-body {min-width:0;flex:1;display:flex;flex-direction:column}.task-body strong {font-size:14px}.task-body small {font-size:12px;color:var(--faint);margin-top:4px}.task-line.is-complete .task-body strong {color:var(--faint);text-decoration:line-through}
.agent-banner {border:1px solid #574659;background:linear-gradient(115deg,#292438,#202938 64%,#242c3b);padding:29px;display:flex;align-items:center;gap:23px;border-radius:11px;margin-bottom:24px;box-shadow:inset 0 1px 0 #ffffff15}
.agent-glyph {width:65px;height:65px;min-width:65px;border-radius:13px;background:#9faef914;color:var(--info);border:1px solid #9faef936;display:grid;place-items:center}
.agent-banner>div:nth-child(2) {flex:1}.agent-banner .eyebrow {color:var(--info);margin-bottom:7px}.agent-banner h2 {margin:0 0 6px}.agent-banner p {margin:0;font-size:14px;line-height:1.5;max-width:540px}
.header-count {color:var(--faint);margin-left:4px;font-size:15px;font-weight:500}.agent-section {align-items:start}
.approval-list {padding:0 22px 18px}.approval {background:var(--inset);border:1px solid var(--line);border-radius:9px;padding:17px;margin-bottom:12px}.approval-top {display:flex;align-items:center;justify-content:space-between;gap:10px}.approval-contact {display:flex;gap:8px;align-items:center;font-size:14px}.approval-contact .avatar {width:28px;height:28px;min-width:28px}.approval h3 {font-size:14px;margin:16px 0 8px}.draft-preview {font-size:13px;line-height:1.6;white-space:pre-line;max-height:150px;overflow:auto;color:var(--muted);margin-bottom:11px}
.approval details {border-top:1px solid var(--line);padding-top:8px;font-size:13px}.approval summary {cursor:pointer;color:var(--accent)}.approval details p {font-size:13px;margin:8px 0}.approval details small {color:var(--faint)}.approval-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.approval-actions .button {min-height:32px;padding:7px 10px;font-size:12px}
.notice {display:flex;align-items:start;gap:12px;border:1px solid #86754d5a;border-radius:9px;background:#f1c57810;color:#e7d3af;padding:13px 16px;font-size:14px;line-height:1.5;margin-top:17px}.notice svg {color:var(--caution);margin-top:1px}
.settings-grid,.showcase-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card {padding:26px}.settings-card .eyebrow {margin-bottom:8px}.settings-card h2 {margin-bottom:8px}.settings-card p {font-size:14px;max-width:560px;color:var(--muted);margin-bottom:25px}
.settings-row {display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:13px 0;font-size:14px}.settings-row>span:first-child {color:var(--muted)}.settings-row strong {font-weight:650}
.setup-steps {display:flex;flex-direction:column;gap:15px;font-size:14px;color:var(--muted)}.setup-steps span {display:flex;gap:12px;align-items:center}.setup-steps b {color:var(--accent);font-weight:800;font-size:12px}
.showcase-stack {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.modal-backdrop {position:fixed;inset:0;background:#070a10d9;display:flex;justify-content:center;align-items:center;z-index:90;padding:18px;overflow-y:auto;animation:overlay-in .2s var(--ease)}
.modal {width:min(570px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;background:linear-gradient(150deg,#242b37,#181d26);border:1px solid #4b5666;border-radius:13px;box-shadow:0 22px 90px #000a;padding:26px;animation:dialog-in .2s var(--ease)}
.modal-header {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:24px}.modal-header .eyebrow {margin-bottom:8px}.modal-header h2 {margin:0}
.form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field {display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:550;color:#cdd1d8;min-width:0}.field.full {grid-column:1/-1}.field>span em {font-style:normal;color:var(--accent)}
.field input,.field select,.field textarea {background:var(--inset);border:1px solid #495260;border-radius:7px;color:var(--ink);width:100%;min-height:42px;padding:9px 12px;outline:0;font-size:14px}
.field textarea {resize:vertical}.field input:focus,.field select:focus,.field textarea:focus {border-color:var(--accent);box-shadow:0 0 0 2px #eaa37620}
.field option {background:var(--panel)}
.modal-footer {display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
.form-tip {display:flex;align-items:center;gap:7px;font-size:13px;margin:16px 0 0}
.form-error {border:1px solid #f08a8a66;color:var(--negative);background:#f08a8a12;border-radius:7px;padding:11px;font-size:14px;margin:12px 0}
.toast {position:fixed;z-index:120;bottom:24px;right:24px;display:flex;align-items:center;gap:9px;background:var(--raised);color:var(--ink);border:1px solid #74c9af56;padding:13px 13px 13px 16px;border-radius:9px;box-shadow:0 14px 60px #0008;font-size:14px;max-width:calc(100vw - 40px)}.toast>svg {color:var(--positive)}.toast .icon-button {margin-left:8px}
.auth-bg {min-height:100dvh;display:grid;place-items:center;padding:30px 16px;background:radial-gradient(ellipse at 57% 10%,#874c332d,transparent 50%),linear-gradient(120deg,#131b24,#090d12)}
.auth-panel {border:1px solid var(--line);background:linear-gradient(160deg,#242934,#171d26);width:min(438px,100%);padding:42px;border-radius:14px;box-shadow:0 25px 85px #0006}.auth-brand {margin-bottom:38px}.auth-panel .eyebrow {margin-bottom:9px}.auth-panel h1 {font-size:29px;margin-bottom:10px}.auth-panel>p {font-size:14px;margin-bottom:31px}.auth-panel form {display:flex;flex-direction:column;gap:19px}.auth-panel form>.button {margin-top:5px;justify-content:space-between}
.auth-footer {margin:24px 0 0;border-top:1px solid var(--line);padding-top:16px;color:var(--faint);font-size:14px}.security-note {display:flex;align-items:center;justify-content:center;color:var(--faint);gap:8px;margin-top:25px;font-size:13px}
.mobile-menu,.mobile-scrim {display:none}
@keyframes overlay-in {from {opacity:0} to {opacity:1}}
@keyframes dialog-in {from {opacity:.6;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1370px){.metric-card{padding:20px 18px}.kpi-grid{gap:12px}.content{padding:28px 28px 45px}.topbar{padding:0 28px}.footer{padding:16px 28px}}
@media(max-width:1120px){.sidebar{width:214px;flex-basis:214px;--rail-width:214px;padding-left:12px;padding-right:12px}.nav-item{padding-left:11px;gap:10px}.nav-item.active::before{left:-12px}.two-col{grid-template-columns:1fr}.metric-number{font-size:23px}}
@media(max-width:850px){.sidebar{position:fixed;top:0;left:0;transform:translateX(-100%);transition:transform .22s var(--ease);width:244px;flex-basis:244px;z-index:101}.shell.nav-open .sidebar{transform:translateX(0)}.mobile-menu{display:inline-flex}.mobile-scrim{display:block;position:fixed;inset:0;background:#000a;border:0;z-index:99}.topbar{height:64px;min-height:64px}.content{padding:22px 18px 32px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-banner{padding:10px 18px}.settings-grid,.showcase-grid{grid-template-columns:1fr}}
@media(max-width:560px){.top-clock,.live-beacon{display:none}.topbar{padding:0 14px}.content{padding:18px 13px 29px}.footer{padding:14px;flex-direction:column}.demo-banner{align-items:flex-start;padding:10px 13px}.demo-banner .button{align-self:center}.kpi-grid{gap:10px}.metric-card{padding:16px 13px;min-height:139px}.metric-number{font-size:22px}.metric-foot{font-size:12px}.metric-icon{height:28px;width:28px}.flow-grid{gap:19px 13px;padding:8px 16px 18px}.panel-header{padding:20px 16px 17px}.trend-area{padding:18px 16px}.tasks-preview{padding:0 15px 9px}.view-all{margin:7px 15px 18px;width:calc(100% - 30px)}.people-list{padding:0 15px 14px}.agent-highlight{margin:2px 15px 15px}.agent-link-row{margin:0 15px 15px}.agent-panel>.button{margin:0 15px 18px;width:calc(100% - 30px)}.page-head{align-items:flex-start;gap:15px}.section-intro h2{font-size:28px}.table-top{padding:18px 16px}.search-wrap{width:100%}th,td{padding:13px 16px}.agent-banner{padding:17px;align-items:flex-start;flex-wrap:wrap;gap:13px}.agent-glyph{height:46px;width:46px;min-width:46px}.agent-banner .button{width:100%}.modal{padding:19px}.form-grid{grid-template-columns:1fr}.auth-panel{padding:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:0.001ms!important;transition-duration:0.001ms!important}}

.stage-dot[data-stage="lead"],.kanban-indicator[data-stage="lead"]{--stage:var(--info)}
.stage-dot[data-stage="qualified"],.kanban-indicator[data-stage="qualified"]{--stage:var(--accent)}
.stage-dot[data-stage="proposal"],.kanban-indicator[data-stage="proposal"]{--stage:var(--caution)}
.stage-dot[data-stage="negotiation"],.kanban-indicator[data-stage="negotiation"]{--stage:var(--positive)}
.stage-dot[data-stage="won"],.kanban-indicator[data-stage="won"]{--stage:var(--positive)}
.stage-dot[data-stage="lost"],.kanban-indicator[data-stage="lost"]{--stage:var(--negative)}


/* Evidence-led recommendation primitives; same surface and spacing system. */
.page-head-actions { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s3); }
.recommendations-panel { margin-bottom:var(--s6); }
.recommendation-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:var(--s3); padding:0 var(--s5) var(--s5); }
.recommendation-row { display:flex; align-items:flex-start; gap:var(--s3); border:1px solid var(--line); border-radius:var(--radius); padding:var(--s4); background:var(--panel); }
.recommendation-row > .todo-priority { margin-top:var(--s2); flex-shrink:0; }
.recommendation-copy { display:flex; min-width:0; flex:1; flex-direction:column; gap:var(--s2); }
.recommendation-copy strong { font-size:14px; font-weight:650; }
.recommendation-copy small { font-size:13px; color:var(--muted); line-height:1.5; }
.recommendation-row .button { flex-shrink:0; }
@media (max-width:720px) { .recommendation-row { flex-wrap:wrap; } .recommendation-row .button { margin-left:auto; }  }

/* Public, locked production setup page. The demo link never grants live API access. */
.setup-screen { min-height:100dvh; background:radial-gradient(ellipse 70% 45% at 78% 6%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 72%),var(--surface); }
.setup-layout { min-height:100dvh; max-width:920px; margin:auto; padding:var(--s10) var(--s6) var(--s6); display:flex; flex-direction:column; gap:var(--s8); }
.setup-brand { display:flex; align-items:center; gap:var(--s4); }
.setup-brand-mark { font-size:30px; font-weight:800; letter-spacing:-.07em; color:var(--ink); line-height:1; }
.setup-brand-mark span { color:var(--accent); }
.setup-brand-label { font-size:14px; font-weight:700; letter-spacing:.12em; color:var(--faint); border-left:1px solid var(--line); padding-left:var(--s4); }
.setup-panel { width:100%; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(125deg,var(--panel),var(--inset)); padding:var(--s10); box-shadow:0 24px 64px color-mix(in srgb,var(--rail) 70%,transparent); }
.setup-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s3); margin-bottom:var(--s8); }
.setup-eyebrow { font-size:14px; font-weight:750; letter-spacing:.11em; color:var(--accent); }
.setup-status { font-size:14px; font-weight:750; color:var(--caution); display:inline-flex; align-items:center; gap:var(--s2); border:1px solid var(--line); border-radius:var(--radius); padding:var(--s2) var(--s3); }
.setup-status-dot { width:8px; height:8px; border-radius:50%; background:var(--caution); }
.setup-panel h1 { font-size:40px; line-height:1.13; font-weight:650; letter-spacing:-.035em; margin-bottom:var(--s6); }
.setup-panel h1 span { color:var(--accent); }
.setup-intro { max-width:650px; font-size:15px; line-height:1.7; margin-bottom:var(--s8); }
.setup-progress { border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--inset); margin-bottom:var(--s8); }
.setup-progress-row { display:flex; align-items:center; gap:var(--s4); padding:var(--s5); }
.setup-progress-row + .setup-progress-row { border-top:1px solid var(--line); }
.setup-progress-mark { flex:0 0 36px; height:36px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; font-size:14px; font-weight:700; color:var(--faint); }
.setup-progress-mark.done { color:var(--positive); border-color:var(--positive); }
.setup-progress-row div { flex:1; min-width:0; }
.setup-progress-row strong { display:block; font-size:15px; font-weight:650; line-height:1.4; }
.setup-progress-row small { display:block; font-size:14px; margin-top:var(--s1); color:var(--muted); }
.setup-result { font-size:14px; letter-spacing:.08em; font-weight:750; color:var(--positive); }
.setup-result.pending { color:var(--faint); }
.setup-actions { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s3); margin-bottom:var(--s6); }
.setup-actions .button { min-height:44px; font-size:14px; }
.setup-disclaimer { font-size:14px; line-height:1.6; color:var(--muted); margin-bottom:0; }
.setup-disclaimer strong { color:var(--ink); }
.setup-foot { display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--s3); color:var(--faint); font-size:14px; margin-top:auto; }
@media (max-width:640px) {
  .setup-layout { padding:var(--s6) var(--s4); gap:var(--s6); }
  .setup-panel { padding:var(--s6) var(--s5); }
  .setup-panel h1 { font-size:30px; }
  .setup-progress-row { padding:var(--s4) var(--s3); gap:var(--s3); }
  .setup-result { display:none; }
  .setup-actions .button { width:100%; }
  .setup-brand-label { font-size:14px; }
}


/* 3ECK CRM enterprise workbench — neutral and content-first. */
body { background:var(--surface); color:var(--ink); }
.sidebar { width:var(--rail-width); flex-basis:var(--rail-width); padding:24px 12px 14px; box-shadow:none; border-right:1px solid var(--line); }
.brand { padding:0 12px 24px; }
.brand-sign { font-size:27px; font-weight:750; letter-spacing:-.075em; }
.brand-sign span, .brand-sign .brand-dot { color:var(--ink); }
.brand-sub { font-size:12px; letter-spacing:.09em; margin-top:8px; color:var(--faint); font-weight:600; }
.workspace-switch { background:var(--panel); border:1px solid var(--line); box-shadow:none; min-height:56px; border-radius:8px; margin:0 0 26px; }
.workspace-icon { color:var(--muted); background:var(--raised); }
.workspace-text strong { font-size:14px; }
.workspace-text small { font-size:12px; color:var(--faint); }
.nav-caption, .nav-caption.inner { color:var(--faint); letter-spacing:.07em; font-size:12px; font-weight:650; padding-left:12px; }
.nav-items { gap:2px; }
.nav-item { color:var(--muted); font-size:14px; min-height:43px; border-radius:7px; padding:0 12px; gap:11px; }
.nav-item svg { color:var(--faint); }
.nav-item:hover { background:var(--panel); color:var(--ink); }
.nav-item.active { color:var(--ink); background:var(--raised); font-weight:650; }
.nav-item.active::before { display:none; }
.nav-item.active svg { color:var(--ink); }
.nav-item em { border:0; padding:2px 6px; font-size:12px; border-radius:6px; }
.nav-divider { background:var(--line); margin:16px 12px 12px; opacity:1; }
.sidebar-foot { gap:8px; }
.avatar-line { border-color:var(--line); padding:16px 10px 2px; }
.avatar-line strong { font-size:13px; }
.avatar-line small { font-size:12px; }
.topbar { height:64px; min-height:64px; padding:0 32px; background:var(--surface); }
.breadcrumbs { font-size:14px; gap:11px; }
.top-actions { font-size:13px; letter-spacing:0; }
.top-badge { font-size:12px; font-weight:650; letter-spacing:0; color:var(--muted); background:var(--panel); border-color:var(--line); padding:5px 10px; border-radius:6px; }
.top-clock { color:var(--faint); }
.content { max-width:1520px; padding:32px 32px 44px; }
.footer { padding:16px 32px; font-size:12px; letter-spacing:0; }
.demo-banner { padding:9px 32px; background:var(--inset); border-bottom:1px solid var(--line); color:var(--muted); font-size:13px; }
.demo-banner strong { color:var(--ink); }
.demo-banner svg { color:var(--faint); }
.demo-banner .button { min-height:32px; font-size:13px; }
.eyebrow { font-size:12px; font-weight:650; letter-spacing:.08em; color:var(--faint); }
.button { font-size:14px; font-weight:650; border-radius:7px; min-height:40px; }
.button:hover:not(:disabled) { transform:none; }
.button.primary { background:var(--accent); color:var(--rail); border:1px solid var(--accent); box-shadow:none; }
.button.primary:hover:not(:disabled) { background:var(--accent-strong); border-color:var(--accent-strong); }
.button.secondary { color:var(--ink); border:1px solid var(--line); background:var(--raised); }
.button.secondary:hover:not(:disabled) { border-color:var(--accent); background:var(--raised); }
.button.danger { background:var(--inset); border-color:var(--line); }
.button.danger:hover:not(:disabled) { background:var(--raised); border-color:var(--negative); }
.link-arrow,.view-all { color:var(--accent-strong); font-size:14px; font-weight:600; }
.link-arrow:hover,.view-all:hover { color:var(--ink); }
.page-overview { gap:20px; }
.kpi-grid { gap:14px; }
.metric-card { min-height:139px; padding:18px 20px; border-radius:9px; background:var(--panel); box-shadow:none; }
.metric-head>span:first-child { font-size:14px; font-weight:550; color:var(--muted); }
.metric-icon { width:30px; height:30px; color:var(--faint); border:1px solid var(--line); background:transparent; border-radius:6px; }
.metric-number { margin-top:12px; font-size:clamp(23px,2.3vw,30px); font-weight:700; overflow:visible; white-space:normal; letter-spacing:-.035em; }
.metric-foot { justify-content:flex-start; color:var(--faint); font-size:13px; margin-top:8px; }
.two-col { grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr); gap:14px; }
.panel { background:var(--panel); box-shadow:none; border-radius:9px; border:1px solid var(--line); }
.panel-header { padding:23px 24px 18px; align-items:center; }
.panel-header h2 { font-size:19px; margin:0 0 4px; }
.panel-header p { font-size:13px; color:var(--faint); margin:0; }
.panel-header .eyebrow { color:var(--faint); margin-bottom:5px; }
.panel-header>.inline-icon { color:var(--muted); border-color:var(--line); background:var(--raised); }
.flow-grid { gap:21px 26px; padding:8px 24px 24px; }
.flow-top { color:var(--muted); font-size:14px; }
.flow-top strong { color:var(--ink); font-size:13px; }
.flow-track { background:var(--raised); height:6px; }
.flow-fill { background:var(--accent); }
.pipeline-list { border-top:1px solid var(--line); padding:8px 24px 16px; }
.list-subheading { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 0 12px; font-size:13px; color:var(--muted); }
.list-subheading strong { color:var(--ink); font-weight:600; }
.opportunity-row { display:flex; justify-content:space-between; align-items:center; gap:16px; border-top:1px solid var(--line); padding:11px 0; }
.opportunity-info { display:flex; flex-direction:column; min-width:0; }
.opportunity-info strong { color:var(--ink); font-size:14px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.opportunity-info small { color:var(--faint); font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.opportunity-amount { white-space:nowrap; font-size:14px; font-weight:650; color:var(--ink); font-variant-numeric:tabular-nums; }
.list-empty { color:var(--muted); font-size:14px; padding:16px 0; }
.tasks-preview { padding:0 24px 19px; }
.todo-row { min-height:68px; padding:14px 0; border-color:var(--line); gap:12px; }
.todo-priority { width:7px; height:7px; }
.todo-priority:not(.high):not(.normal) { background:var(--faint); }
.todo-main strong { font-size:14px; font-weight:600; }
.todo-main small { font-size:13px; margin-top:4px; }
.complete-action { width:38px; height:38px; min-width:38px; color:var(--muted); border-color:var(--line); }
.complete-action:hover { color:var(--positive); border-color:var(--positive); }
.people-list { padding:1px 24px 17px; }
.person-row { padding:12px 0; border-color:var(--line); }
.avatar,.avatar.b,.avatar.c,.avatar.d,.avatar.e,.avatar.f { background:var(--raised); color:var(--muted); border:1px solid var(--line); font-size:12px; }
.person-info strong { font-size:14px; font-weight:650; }
.person-info small { font-size:13px; color:var(--faint); }
.score { color:var(--ink); font-size:15px; font-weight:650; }
.score small { color:var(--faint); font-size:12px; font-weight:500; }
.agent-highlight { margin:0 24px 16px; padding:17px; border:1px solid var(--line); border-radius:8px; background:var(--inset); }
.agent-shield { background:var(--raised); border:1px solid var(--line); color:var(--muted); border-radius:8px; }
.agent-highlight strong { font-size:14px; font-weight:650; }
.agent-highlight p { font-size:13px; line-height:1.55; color:var(--muted); margin:5px 0 0; }
.agent-link-row { margin:0 24px 15px; font-size:13px; }
.agent-panel>.button { margin:0 24px 23px; width:calc(100% - 48px); }
.pill { font-size:12px; font-weight:600; color:var(--muted); background:var(--inset); border:1px solid var(--line); text-transform:none; }
.pill.positive { color:var(--positive); background:var(--inset); border-color:var(--line); }
.pill.caution { color:var(--caution); background:var(--inset); border-color:var(--line); }
.pill.negative { color:var(--negative); background:var(--inset); border-color:var(--line); }
.section-intro .eyebrow { color:var(--faint); }
.section-intro p { font-size:14px; }
.table-panel { box-shadow:none; }
.table-top strong { font-size:14px; }
.table-top p { font-size:13px; }
.search-wrap input { font-size:14px; }
thead { background:var(--inset); }
th { font-size:12px; letter-spacing:.07em; color:var(--muted); }
tbody tr { border-color:var(--line); }
tbody tr:hover { background:var(--raised); }
td { font-size:14px; color:var(--muted); }
td small { font-size:13px; }
.cell-person strong { font-size:14px; font-weight:650; }
.company-avatar { background:var(--raised); color:var(--faint); border:1px solid var(--line); }
.score-track { background:var(--raised); }
.score-track b { background:var(--accent); }
.empty p { font-size:14px; }
.pipeline-head-stats>span { font-size:14px; }
.pipeline-head-stats svg { color:var(--muted); }
.kanban-column { background:var(--inset); border-color:var(--line); }
.kanban-head { font-size:14px; }
.kanban-indicator { width:7px; height:7px; }
.count-bubble { font-size:12px; }
.deal-card { background:var(--panel); border-color:var(--line); box-shadow:none; }
.deal-card-top,.deal-company,.deal-card-bottom,.deal-stage-label { font-size:13px; }
.deal-card h3 { font-size:15px; }
.deal-stage-select { font-size:14px; min-height:38px; }
.kanban-empty { font-size:13px; }
.task-body strong { font-size:14px; }
.task-body small { font-size:13px; }
.task-check { width:28px; height:28px; min-width:28px; }
.task-line.is-complete .task-check { background:var(--raised); border-color:var(--line); }
.agent-banner { background:var(--panel); border-color:var(--line); box-shadow:none; padding:24px; }
.agent-glyph { background:var(--raised); border-color:var(--line); color:var(--muted); }
.agent-banner .eyebrow { color:var(--faint); }
.agent-banner p { font-size:14px; }
.approval { background:var(--inset); }
.approval h3 { font-size:15px; }
.draft-preview,.approval details,.approval details p { font-size:14px; }
.approval-actions .button { font-size:13px; min-height:38px; }
.settings-card p { font-size:14px; }
.settings-row,.setup-steps { font-size:14px; }
.modal { background:var(--panel); border-color:var(--line); }
.field { font-size:14px; }
.field input,.field select,.field textarea { font-size:14px; border-color:var(--line); }
.field input:focus,.field select:focus,.field textarea:focus { box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent); }
.auth-bg { background:var(--surface); }
.auth-panel { background:var(--panel); border-color:var(--line); }
.auth-panel>p,.security-note { font-size:14px; }
.recommendation-copy strong { font-size:14px; }
.recommendation-copy small { font-size:13px; }
.recommendation-row { background:var(--inset); border-radius:8px; }
.setup-screen { background:var(--surface); }
.setup-panel { background:var(--panel); box-shadow:none; }
.setup-panel h1 span { color:var(--ink); }
.setup-brand-mark span { color:var(--ink); }
.setup-eyebrow { color:var(--faint); }
.setup-result { font-size:13px; }
@media(max-width:1370px) { .content { padding:28px 26px 40px; } .topbar { padding:0 26px; } .demo-banner { padding:9px 26px; } }
@media(max-width:1120px) { .two-col { grid-template-columns:1fr; } .sidebar { --rail-width:212px; width:212px; flex-basis:212px; } }
@media(max-width:850px) { .sidebar { --rail-width:232px; width:232px; flex-basis:232px; } .content { padding:24px 18px 36px; } .topbar { padding:0 18px; } .demo-banner { padding:10px 18px; } .overview-heading { align-items:start; } }
@media(max-width:560px) {
  .content { padding:20px 14px 34px; }
  .topbar { padding:0 14px; }
  .demo-banner { padding:11px 14px; flex-wrap:wrap; }
  .demo-banner .button { margin-left:auto; }
  .overview-heading h1 { font-size:27px; }
  .overview-actions { width:100%; }
  .overview-actions .button { flex:1; padding:9px 12px; }
  .kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .metric-card { padding:15px; min-height:142px; }
  .metric-number { font-size:clamp(21px,5vw,27px); }
  .metric-head>span:first-child { font-size:13px; }
  .metric-foot { font-size:12px; }
  .flow-grid { grid-template-columns:1fr; padding:4px 16px 18px; gap:14px; }
  .panel-header { padding:18px 16px; }
  .pipeline-list { padding:8px 16px 16px; }
  .tasks-preview { padding:0 16px 15px; }
  .people-list { padding:0 16px 14px; }
  .agent-highlight { margin:0 16px 15px; }
  .agent-link-row { margin:0 16px 14px; }
  .agent-panel>.button { margin:0 16px 18px; width:calc(100% - 32px); }
  .top-actions { gap:0; }
}

/* Governance audit trail: same table system as the CRM directories. */
.audit-state { padding:28px 24px; font-size:14px; color:var(--muted); }
.audit-footnote { margin:0; padding:12px 24px 18px; color:var(--faint); font-size:13px; border-top:1px solid var(--line); }
@media (max-width:560px) { .audit-state { padding:24px 16px; } .audit-footnote { padding:12px 16px 18px; } }
.audit-mobile-list { display:none; }
.audit-mobile-list ol { list-style:none; padding:0; margin:0; }
.audit-entry { display:grid; gap:8px; padding:16px; border-top:1px solid var(--line); }
.audit-entry-head { display:grid; gap:4px; }
.audit-entry-head strong { font-size:14px; font-weight:650; color:var(--ink); }
.audit-entry-head time, .audit-entry-details { color:var(--muted); font-size:13px; }
.audit-entry-details { display:flex; flex-wrap:wrap; gap:8px 16px; }
@media (max-width:560px) { .audit-table-scroll { display:none; } .audit-mobile-list { display:block; } }