:root {
  --ink:#1d1d1f;
  --muted:#6e6e73;
  --paper:#f5f5f7;
  --paper-2:#e8e8ed;
  --line:#e3e3e8;
  --acid:#c6f04a;
  --deep:#2e7d32;
  --olive:#2c3516;
  --soft-blue:#e4eff7;
  --lav:#ede8fa;
  --orange:#f3a26c;
  --serif:var(--sans);
  --sans:'Geist', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono:'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --workspace-blue:#8cac1d;
  --workspace-navy:#1d1d1f;
  --workspace-bg:#f5f5f7;
  --workspace-line:#e3e3e8;
  --workspace-muted:#6e6e73;
  --workspace-border:var(--line);
  --workspace-card:#ffffff;
  --workspace-shadow:0 8px 24px rgba(16,18,14,.06);
  --workspace-subtle:var(--paper);
  --workspace-blue-dark:var(--deep);
  --dl-blue:#0071e3;
  --dl-link:#0066cc;
  --dl-card:#ffffff;
}
@font-face { font-family:'Bricolage Grotesque'; font-style:normal; font-weight:200 800; font-display:swap; src:url('/assets/fonts/bricolage-grotesque.woff2') format('woff2'); }
@font-face { font-family:'DM Mono'; font-style:normal; font-weight:400; font-display:swap; src:url('/assets/fonts/dm-mono-400.woff2') format('woff2'); }
@font-face { font-family:'DM Mono'; font-style:normal; font-weight:500; font-display:swap; src:url('/assets/fonts/dm-mono-500.woff2') format('woff2'); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); }
button, input, select { font:inherit; }
button { cursor:pointer; border:0; background:none; color:inherit; }
.wrap { width:min(1180px, calc(100% - 64px)); margin:0 auto; }
.announcement { height:34px; display:flex; justify-content:center; align-items:center; color:#eeeef0; background:#131315; font:11px var(--mono); letter-spacing:.02em; }
.announcement span { color:var(--acid); margin-left:7px; }
.site-nav { height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand, .workspace-brand { display:flex; align-items:center; gap:10px; font-weight:700; font-size:17px; white-space:nowrap; }
.brand > span > span, .workspace-brand > span > span { color:#4a6510; }
.mini-mark { width:25px; height:25px; display:inline-flex; align-items:center; justify-content:center; border:1.5px solid currentColor; border-radius:7px 7px 7px 2px; font:700 12px var(--mono); }
.brand-mark { background:#111113; color:var(--acid); border-color:#111113; }
.site-links { display:flex; gap:28px; margin-left:auto; margin-right:8px; }
.site-links button, .text-button { color:#636365; font-size:13px; transition:color .2s; }
.site-links button:hover, .text-button:hover { color:var(--ink); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 21px; border-radius:999px; font-weight:700; font-size:13px; transition:transform .2s, background .2s, color .2s; }
.button-dark:hover { background:#313133; }
.button-light { color:var(--ink); background:#ffffff; border:1px solid #e5e5e7; }
.button .mini-mark { width:auto; height:auto; border:0; font-family:var(--sans); font-size:16px; }
.compact { min-height:40px; padding:0 16px; font-size:12px; }
.hero { min-height:700px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:68px; padding:82px 0 76px; }
.eyebrow { color:#4a6510; font:500 11px var(--mono); letter-spacing:.12em; }
.eyebrow.muted { color:#606062; }
h1, h2, h3, p { margin-top:0; }
h1 { max-width:660px; margin:22px 0 24px; font-size:clamp(58px, 7vw, 92px); line-height:.91; letter-spacing:-.065em; }
.text-button { font-weight:700; }
.text-button span { color:#4a6510; padding-left:4px; }
.logo-strip { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:24px 0 80px; border-top:1px solid var(--line); color:#606062; font:11px var(--mono); text-transform:uppercase; letter-spacing:.06em; }
.logo-strip div { display:flex; gap:38px; color:#606062; font-family:var(--serif); font-size:20px; font-style:italic; text-transform:none; letter-spacing:0; }
.section { padding:128px 0; }
h2 { font-size:clamp(40px, 5vw, 68px); line-height:.98; letter-spacing:-.07em; }
.agent-showcase { display:grid; grid-template-columns:.95fr 1.05fr; gap:1px; background:var(--line); border:1px solid var(--line); }
.agent-list { background:#f5f5f7; }
.agent-row { min-height:112px; width:100%; display:grid; grid-template-columns:45px 1fr auto; align-items:center; gap:16px; padding:20px 23px; text-align:left; border-bottom:1px solid var(--line); }
.agent-row:last-child { border-bottom:0; }
.agent-row.selected { background:#ffffff; box-shadow:inset 5px 0 #a8cd2f; }
.agent-number { align-self:start; margin-top:3px; color:#606062; font:12px var(--mono); }
.agent-row strong, .agent-row small { display:block; }
.agent-row strong { margin-bottom:6px; font-size:15px; }
.agent-row small { max-width:215px; color:#606062; font-size:12px; line-height:1.35; }
.agent-metric { color:#606062; font:11px var(--mono); text-align:right; }
.agent-detail { padding:36px 42px; background:#1a1a1c; color:#f6f6f8; }
.pill { display:inline-flex; align-items:center; min-height:23px; padding:0 9px; border-radius:999px; color:#6e6e70; background:#e7e7e9; font:11px var(--mono); text-transform:uppercase; letter-spacing:.03em; }
.pill-lime { color:#40530f; background:#d8ee79; }
.agent-detail h3 { margin-bottom:12px; font-size:30px; letter-spacing:-.05em; }
.agent-detail > p { max-width:360px; color:#a1a1a3; line-height:1.6; font-size:14px; }
.research-result { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:32px 0 32px; }
.research-result > div { min-height:112px; padding:15px; border:1px solid #363638; background:#222224; }
.research-result span, .research-result strong { display:block; }
.research-result strong { margin-bottom:5px; font-size:12px; }
.research-result div > span:last-child { color:#929294; font-size:11px; line-height:1.3; }
.playbook-section { background:#e8e8ea; }
.playbook-preview { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:38px; }
.centered { display:flex; margin:0 auto; }
.site-footer { min-height:102px; display:flex; align-items:center; justify-content:space-between; gap:25px; color:#8c8c8e; font-size:12px; }
.workspace-switcher { display:flex; align-items:center; gap:9px; padding:11px 10px; border:1px solid #313133; background:#1c1c1e; }
.workspace-avatar, .avatar { width:31px; height:31px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; border-radius:50%; color:#29292b; background:#c8ed3d; font:700 11px var(--mono); }
.workspace-switcher strong, .workspace-switcher small { display:block; }
.workspace-switcher small { margin-top:3px; color:#606062; font-size:10px; }
.workspace-nav { display:flex; flex-direction:column; gap:3px; margin-top:35px; }
.workspace-nav-item { display:flex; align-items:center; justify-content:space-between; min-height:39px; padding:0 11px; border-radius:4px; color:#a3a3a5; text-align:left; font-size:12px; }
.workspace-nav-item span { opacity:.7; font:11px var(--mono); }
.profile { width:100%; display:flex; align-items:center; gap:9px; padding:12px 8px 0; border-top:1px solid #353537; color:#f0f0f2; text-align:left; font-size:11px; }
.profile small { display:block; margin-top:3px; color:#606062; font-size:10px; }
.profile > span:last-child { margin-left:auto; color:#606062; font-size:16px; }
.workspace-header { min-height:142px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #dedee0; }
.breadcrumb { color:#636365; font:11px var(--mono); letter-spacing:.08em; }
.icon-button { color:#7e7e80; font-size:12px; }
.workspace-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:27px; }
.workspace-intro > p { max-width:570px; color:#808082; font-size:14px; line-height:1.45; }
.workspace-intro .text-button { color:#506321; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:22px; }
.panel-kicker { color:#636365; font:11px var(--mono); letter-spacing:.05em; }
.panel { padding:24px; border:1px solid #dedee0; background:#ffffff; }
.panel-header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:22px; }
.panel h2 { margin:8px 0 0; font-size:21px; letter-spacing:-.05em; }
.signal-row { display:grid; grid-template-columns:74px 1fr auto; gap:18px; align-items:start; padding:17px 0; border-top:1px solid #e6e6e8; }
.signal-time { color:#8e8e90; font:11px var(--mono); }
.signal-body strong { display:block; margin-bottom:5px; font-size:12px; }
.signal-body p { margin:0; color:#8a8a8c; font-size:11px; line-height:1.45; }
.signal-tag { align-self:start; padding:5px 7px; color:#718126; background:#f5f5f7; font:11px var(--mono); white-space:nowrap; }
.approval-count { width:24px; height:24px; display:inline-flex; justify-content:center; align-items:center; border-radius:50%; color:#2c4210; background:var(--acid); font:11px var(--mono); }
.approval-message { display:flex; gap:11px; padding:15px 0; border-top:1px solid #e6e6e8; }
.approval-message strong, .approval-message span { display:block; }
.approval-message strong { font-size:12px; }
.approval-message span { margin-top:4px; color:#909092; font:11px var(--mono); }
.approval-message p { margin:9px 0 0; color:#78787a; font-size:11px; line-height:1.4; }
.full { width:100%; min-height:40px; margin-top:6px; }
.activity-panel { padding-bottom:9px; }
.sync-label { color:#719024; font:11px var(--mono); }
.sync-label i { width:6px; height:6px; display:inline-block; margin-right:5px; border-radius:50%; background:#9ec529; }
.activity-list > div { display:grid; grid-template-columns:80px 1fr auto; align-items:center; gap:15px; min-height:52px; border-top:1px solid #e6e6e8; font-size:11px; }
.activity-list span { color:#929294; font:11px var(--mono); }
.activity-list strong { font-weight:500; }
.activity-list em { color:#709127; font-style:normal; font:11px var(--mono); }
.agent-workspace-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; margin-bottom:20px; }
.agent-card { min-height:218px; padding:20px; position:relative; border:1px solid #dedee0; background:#ffffff; }
.agent-card-head { display:flex; justify-content:space-between; align-items:center; }
.agent-orb { width:32px; height:32px; display:block; border-radius:50%; background:#c9ee3d; box-shadow:8px -5px 0 -2px #ececf0; }
.agent-status { color:#668422; font:11px var(--mono); }
.agent-status i { width:6px; height:6px; display:inline-block; margin-right:5px; border-radius:50%; background:#99bc29; }
.agent-status.paused { color:#aa6b37; }
.agent-status.paused i { background:#e29a56; }
.agent-status.review { color:#4b779c; }
.agent-status.review i { background:#72a9d0; }
.agent-card-type { margin-top:25px; color:#919193; font:11px var(--mono); }
.agent-card p { color:#8f8f91; font-size:12px; }
.agent-card p strong { color:#626264; font-weight:600; }
.agent-card-foot { position:absolute; left:20px; right:20px; bottom:17px; display:flex; align-items:center; justify-content:space-between; padding-top:13px; border-top:1px solid #e4e4e6; color:#9d9d9f; font:11px var(--mono); }
.agent-card-foot button { color:#5d7d1d; font:11px var(--sans); font-weight:700; }
.flow-steps { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.flow-steps > div:not(.flow-arrow) { display:flex; flex-direction:column; gap:6px; }
.flow-steps span { color:#8f8f91; font:11px var(--mono); }
.flow-steps strong { font-size:12px; }
.flow-steps small { color:#9a9a9c; font-size:10px; }
.flow-arrow { color:#a3b07f; font-size:19px; }
.filter { padding:8px 11px; color:#858587; border:1px solid #dfdfe1; font-size:11px; }
.filter.active { color:#2f4910; border-color:#b7d95c; background:#f5f5f7; }
.row-action { color:#5d7d1d; font-size:10px; white-space:nowrap; }
.playbook-actions { display:flex; align-items:end; gap:12px; }
.search-field { display:flex; flex-direction:column; gap:7px; color:#636365; font:11px var(--mono); }
.search-field input { width:235px; height:40px; padding:0 11px; border:1px solid #dedee0; outline:0; color:var(--ink); background:#ffffff; font:11px var(--sans); }
.search-field input:focus { border-color:#9bb943; }
.playbook-library { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }
.empty-state { padding:48px; color:#8e8e90; border:1px dashed #d0d0d2; text-align:center; }
.compact-empty { margin:0 0 14px; padding:22px; font-size:12px; }
.approval-actions { display:flex; gap:9px; margin-top:9px; }
.approval-actions button { color:#5d7d1d; font-size:10px; font-weight:700; }
.approval-actions button:last-child { color:#8f8f91; }
.integration-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; margin-bottom:20px; }
.integration-card { min-height:205px; padding:22px; border:1px solid #dedee0; background:#ffffff; }
.integration-head { display:flex; align-items:center; justify-content:space-between; }
.integration-logo { width:35px; height:35px; display:inline-flex; align-items:center; justify-content:center; color:#f4f4f6; background:#222224; font:11px var(--mono); }
.integration-card h2 { margin:26px 0 9px; font-size:23px; }
.integration-card p { max-width:330px; color:#89898b; font-size:12px; line-height:1.45; }
.integration-foot { display:flex; justify-content:space-between; align-items:center; margin-top:23px; padding-top:13px; border-top:1px solid #e4e4e6; }
.integration-foot button { color:#5d7d1d; font:11px var(--sans); font-weight:700; }
.connected-label { color:#6a8c27; font:11px var(--mono); }
.context-panel { margin-top:4px; }
.context-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#e1e1e3; }
.context-grid > div { min-height:95px; display:flex; flex-direction:column; gap:8px; padding:17px; background:#f6f6f8; }
.context-grid strong { font-size:12px; }
.context-grid span { color:#929294; font-size:11px; line-height:1.4; }
.integration-card.is-planned { opacity:.7; }
.integration-card { display:flex; flex-direction:column; }
.muted-label { color:#9d9d9f; font:11px var(--mono); }
.integration-error { margin-top:12px; padding:9px; color:#9a552c; background:#fff0e7; font-size:11px; line-height:1.35; }
.integration-actions { display:flex; align-items:center; gap:13px; }
.integration-actions .danger-action { color:#a55f43; }
.audit-panel { margin-top:20px; }
.audit-row { display:grid; grid-template-columns:145px 1fr auto; gap:16px; align-items:center; min-height:46px; border-top:1px solid #e6e6e8; font-size:11px; }
.audit-row > span { color:#929294; font:11px var(--mono); }
.audit-row strong { font-weight:500; }
.audit-row em { color:#709127; font:11px var(--mono); font-style:normal; }
.auth-shell { min-height:100vh; display:grid; grid-template-columns:minmax(360px, 520px) minmax(360px, 1fr); gap:clamp(30px, 7vw, 120px); align-items:center; padding:48px clamp(22px, 7vw, 110px); background:#f5f5f7; }
.auth-card { width:100%; max-width:460px; padding:10px 0; }
.auth-brand { margin-bottom:72px; }
.auth-sub { max-width:390px; color:#808082; font-size:15px; line-height:1.55; }
.auth-tabs { display:flex; gap:22px; margin:34px 0 24px; border-bottom:1px solid #dfdfe1; }
.auth-tabs button { padding:0 0 13px; color:#99999b; font-size:12px; }
.auth-tabs button.active { color:#1d1d1f; border-bottom:2px solid #9bbd2e; font-weight:700; }
.auth-shell label { display:flex; flex-direction:column; gap:8px; margin:15px 0; color:#818183; font:11px var(--mono); }
.auth-shell input { width:100%; height:48px; padding:0 14px; color:var(--ink); border:1px solid #dedee0; outline:0; background:#ffffff; font:13px var(--sans); }
.auth-shell input:focus { border-color:#98b82e; box-shadow:0 0 0 3px #ececf0; }
.auth-field-help { margin-top:-2px; color:#9c9c9e; font:11px var(--mono); }
.auth-inline-action { margin:-2px 0 10px; padding:0; color:#5e7c1c; font:11px var(--mono); text-align:left; }
.auth-submit { width:100%; margin-top:9px; }
.auth-divider { display:flex; align-items:center; gap:12px; margin:22px 0 14px; color:#a5a5a7; font:11px var(--mono); }
.auth-divider:before, .auth-divider:after { content:''; height:1px; flex:1; background:#e1e1e3; }
.auth-magic { width:100%; min-height:44px; }
.auth-demo { display:grid; grid-template-columns:1fr auto; gap:5px 12px; margin-top:25px; padding:14px; border:1px solid #e3e3e8; background:#f5f5f7; }
.auth-demo span { color:#5e6c2d; font:11px var(--mono); text-transform:uppercase; }
.auth-demo button { color:#4e6918; font-size:12px; font-weight:700; }
.auth-demo small { grid-column:1 / -1; color:#889272; font:11px var(--mono); }
.auth-error, .auth-notice { margin:11px 0; padding:11px 12px; font-size:12px; line-height:1.4; }
.auth-error { color:#984f35; background:#fff0e9; }
.auth-notice { color:#55731e; background:#f5f5f7; }
.auth-dev-link { display:flex; justify-content:space-between; gap:12px; margin-top:12px; padding:12px; color:#657027; background:#f5f5f7; font-size:11px; }
.auth-dev-link a { color:#4e6918; font-weight:700; }
.auth-side { min-height:590px; display:flex; flex-direction:column; justify-content:center; padding:clamp(34px, 6vw, 90px); color:#f6f6f8; background:#171719; }
.auth-side h2 { margin:24px 0 70px; color:#f6f6f8; font-size:clamp(45px, 6vw, 78px); }
.auth-side h2 em { color:var(--acid); }
.auth-side-list { display:flex; flex-direction:column; gap:19px; }
.auth-side-list span { color:#929294; font:11px var(--mono); }
.auth-side-list b { margin-left:22px; color:#f5f5f7; font:500 14px var(--sans); }
.settings-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:20px; margin-bottom:20px; }
.team-row { display:grid; grid-template-columns:31px 1fr auto; gap:11px; align-items:center; min-height:58px; border-top:1px solid #e6e6e8; }
.team-row strong, .team-row span { display:block; }
.team-row strong { font-size:12px; }
.team-row span { margin-top:4px; color:#8f8f91; font:11px var(--mono); }
.team-row em { color:#6d8b27; font:11px var(--mono); font-style:normal; }
.invite-panel label { display:flex; flex-direction:column; gap:7px; margin:14px 0; color:#8e8e90; font:11px var(--mono); }
.invite-panel input, .invite-panel select { width:100%; height:42px; padding:0 11px; border:1px solid #dedee0; outline:0; color:var(--ink); background:#ffffff; font:12px var(--sans); }
.invite-panel .full { margin-top:13px; }
.website-collector-panel { margin-bottom:20px; }
.settings-panel-copy { max-width:760px; margin:0 0 20px; color:#79797b; font-size:12px; line-height:1.55; }
.website-collector-metrics { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; margin:0 0 20px; background:#e1e1e3; }
.website-collector-metrics > div { min-height:82px; display:flex; flex-direction:column; gap:7px; padding:14px; background:#f6f6f8; }
.website-collector-metrics strong { color:#394b18; font-size:25px; }
.website-collector-metrics span, .website-collector-rules span, .website-collector-foot { color:#8f8f91; font:11px var(--mono); }
.website-collector-form { display:grid; grid-template-columns:minmax(0,1fr) 180px auto; gap:12px; align-items:end; margin-bottom:20px; }
.website-collector-form label, .website-collector-snippet { display:flex; flex-direction:column; gap:7px; color:#8e8e90; font:11px var(--mono); }
.website-collector-form input, .website-collector-form select { width:100%; height:42px; padding:0 11px; border:1px solid #dedee0; outline:0; color:var(--ink); background:#ffffff; font:12px var(--sans); }
.website-collector-form small { color:#a2a2a4; font:11px var(--mono); }
.website-collector-form .website-collector-toggle { display:flex; flex-direction:row; align-items:center; gap:7px; height:42px; white-space:nowrap; }
.website-collector-form .website-collector-toggle input { width:auto; height:auto; }
.website-collector-rules { display:grid; grid-template-columns:145px repeat(3,1fr); gap:1px; margin-bottom:18px; background:#e1e1e3; }
.website-collector-rules > * { min-height:48px; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:10px 12px; background:#f7f7f9; }
.website-collector-rules > .panel-kicker { color:#6e7d4e; font-size:11px; }
.website-collector-rules em { color:#8e8e90; font:11px var(--mono); font-style:normal; }
.website-collector-snippet textarea { min-height:66px; padding:10px; resize:vertical; color:#586447; border:1px solid #e3e3e8; background:#f5f5f7; font:11px var(--mono); line-height:1.45; }
.website-collector-foot { display:flex; justify-content:space-between; gap:10px; margin-top:12px; padding-top:12px; border-top:1px solid #e6e6e8; }
.website-collector-foot .text-button { color:#a15b44; }
.auth-sso { width:100%; min-height:44px; margin-top:10px; }
.agent-card-actions button:first-child { color:#678520; }
.agent-last-output { display:flex; flex-direction:column; gap:4px; margin-top:12px; padding:10px; color:#6c6c6e; background:#f5f5f7; font-size:10px; line-height:1.35; }
.agent-last-output strong { color:#4a5d1d; }
.toast { position:fixed; right:28px; bottom:28px; z-index:12; max-width:330px; padding:13px 17px; color:#f4f4f6; border:1px solid #3a492a; background:#262628; box-shadow:0 15px 30px rgba(0,0,0,.16); font-size:12px; opacity:0; transform:translateY(8px); pointer-events:none; transition:all .25s; }
.toast.show { opacity:1; transform:translateY(0); }
.modal-backdrop { position:fixed; inset:0; z-index:20; display:flex; align-items:center; justify-content:center; padding:25px; background:rgba(16,18,14,.62); }
.modal { width:min(500px,100%); position:relative; padding:37px; background:var(--paper); box-shadow:0 25px 80px rgba(0,0,0,.25); }
.modal-close { position:absolute; right:17px; top:13px; color:#949496; font-size:25px; }
.modal h2 { margin:20px 0 13px; font-size:42px; }
.modal p { max-width:390px; color:#7e7e80; font-size:13px; line-height:1.55; }
.modal label { display:block; margin-top:18px; color:#7f7f81; font:11px var(--mono); }
.modal input, .modal select { width:100%; height:44px; margin-top:7px; padding:0 12px; border:1px solid #d8d8da; outline:0; background:#ffffff; color:var(--ink); }
.modal input:focus, .modal select:focus { border-color:#9dbb37; }
.modal-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:27px; }
.global-search-modal { width:min(680px,100%); max-height:min(720px,calc(100vh - 50px)); overflow:auto; }
.global-search-modal > input { margin-top:14px; }
.global-search-result { display:grid; grid-template-columns:76px minmax(0,1fr) 18px; align-items:center; gap:11px; width:100%; padding:11px 12px; border:1px solid #e4e4e6; border-radius:11px; text-align:left; background:#ffffff; }
.global-search-result:hover, .global-search-result:focus-visible { border-color:#c8dc72; background:#f5f5f7; outline:0; }
.global-search-result span:nth-child(2) { display:grid; gap:3px; min-width:0; }
.global-search-result strong { overflow:hidden; color:#29292b; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.global-search-result small { overflow:hidden; color:#636365; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.global-search-result b { color:#708d20; font-size:15px; }
@media (max-width:900px) {
  .wrap { width:min(100% - 38px, 650px); }
  .site-links { display:none; }
  .hero { grid-template-columns:1fr; gap:55px; min-height:auto; padding:58px 0 70px; }
  .logo-strip { display:block; padding-bottom:58px; }
  .logo-strip div { flex-wrap:wrap; gap:18px 28px; margin-top:18px; }
  .playbook-preview { grid-template-columns:1fr; }
  .workspace-sidebar { width:205px; }
  .workspace-main { width:calc(100% - 205px); padding:0 26px 50px; }
  .metric-grid { grid-template-columns:repeat(2,1fr); }
  .playbook-actions { flex-direction:column; align-items:stretch; }
  .search-field input { width:100%; }
  .workspace-intro { align-items:flex-start; flex-direction:column; }
  .flow-steps { flex-wrap:wrap; }
  .flow-arrow { display:none; }
}
@media (max-width:620px) {
  .wrap { width:calc(100% - 32px); }
  .announcement { padding:0 15px; text-align:center; font-size:11px; }
  .site-nav { height:74px; }
  .site-nav .button { min-height:38px; padding:0 13px; font-size:10px; }
  .hero h1 { font-size:59px; }
  .section { padding:80px 0; }
  .agent-showcase { grid-template-columns:1fr; }
  .agent-detail { padding:28px 22px; }
  .research-result { grid-template-columns:1fr; }
  .agent-row { grid-template-columns:35px 1fr; }
  .agent-metric { display:none; }
  .site-footer { min-height:140px; align-items:flex-start; flex-direction:column; justify-content:center; gap:14px; }
  .workspace-sidebar { width:58px; padding:20px 8px; }
  .workspace-brand { justify-content:center; padding:0 0 30px; }
  .workspace-brand > span, .workspace-switcher > div, .workspace-nav-item:not(.active) { display:none; }
  .workspace-switcher { justify-content:center; padding:10px 0; border:0; background:transparent; }
  .workspace-nav { margin-top:28px; }
  .workspace-nav-item { min-height:42px; justify-content:center; padding:0; }
  .workspace-nav-item.active { display:flex; }
  .workspace-main { width:calc(100% - 58px); padding:0 16px 35px; }
  .workspace-header { min-height:120px; }
  .workspace-header h1 { font-size:30px; }
  .metric-grid { gap:7px; }
  .panel { padding:17px; }
  .signal-row { grid-template-columns:58px 1fr; gap:11px; }
  .signal-tag { grid-column:2; justify-self:start; }
  .agent-workspace-grid, .playbook-library, .integration-grid { grid-template-columns:1fr; }
  .context-grid { grid-template-columns:1fr; }
  .modal { padding:28px 22px; }
  .modal h2 { font-size:35px; }
  .modal-form-grid { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .auth-shell { grid-template-columns:1fr; gap:24px; padding:32px; }
  .auth-card { max-width:560px; margin:0 auto; }
  .auth-side { min-height:360px; padding:40px; }
  .auth-side h2 { margin-bottom:38px; }
  .settings-grid { grid-template-columns:1fr; }
  .website-collector-metrics { grid-template-columns:repeat(3,1fr); }
  .website-collector-form { grid-template-columns:1fr 180px; }
  .website-collector-form .button { grid-column:1 / -1; justify-self:start; }
  .website-collector-rules { grid-template-columns:1fr 1fr; }
}
/* The overview queue is the single decision surface for pipeline work. */
.ask-plan-preview-modal { width:min(680px,100%); max-height:min(760px,calc(100vh - 50px)); overflow:auto; }
.ask-plan-preview-modal > p { max-width:590px; color:#636365; font-size:12px; line-height:1.5; }
.ask-plan-criteria { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:16px 0 4px; }
.ask-plan-criteria > span { margin-right:3px; color:#636365; font:11px var(--mono); }
.ask-plan-criteria > b { padding:5px 8px; border:1px solid #e3e3e8; border-radius:999px; color:#617524; background:#f5f5f7; font:11px var(--mono); font-weight:500; }
.ask-plan-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:18px 0; }
.ask-plan-metrics > div { padding:13px; border:1px solid #ececf0; border-radius:12px; background:#fbfbfb; }
.ask-plan-metrics strong, .ask-plan-metrics span { display:block; }
.ask-plan-metrics strong { color:#536d1b; font-size:22px; }
.ask-plan-metrics span { margin-top:4px; color:#636365; font:11px var(--mono); }
.ask-plan-rows { display:grid; gap:0; max-height:270px; overflow:auto; border-top:1px solid #e4e4e6; }
.ask-plan-row { display:grid; grid-template-columns:34px minmax(0,1fr) 48px; gap:10px; align-items:center; padding:11px 0; border-bottom:1px solid #eaeaec; }
.ask-plan-row > span { color:#849650; font:11px var(--mono); }
.ask-plan-row strong, .ask-plan-row small, .ask-plan-row em { display:block; }
.ask-plan-row strong { color:#333335; font-size:12px; }
.ask-plan-row small { margin-top:3px; color:#636365; font:11px var(--mono); }
.ask-plan-row em { margin-top:5px; color:#606062; font-size:10px; font-style:normal; line-height:1.35; }
.ask-plan-row > b { justify-self:end; color:#597120; font-size:17px; }
.ask-plan-why-not { margin-top:16px; padding:13px; border:1px solid #ebe2c9; border-radius:12px; background:#fafafa; }
.ask-plan-why-not > span { display:block; margin-bottom:8px; color:#9b7950; font:11px var(--mono); letter-spacing:.08em; }
.ask-plan-why-not > div { display:flex; gap:8px; align-items:baseline; padding:7px 0; border-top:1px solid #f0e8d6; }
.ask-plan-why-not strong { min-width:145px; color:#5d5447; font-size:11px; }
.ask-plan-why-not small { color:#8a8172; font-size:10px; line-height:1.35; }
.execution-preview-modal { width:min(760px,100%); max-height:min(820px,calc(100vh - 40px)); overflow:auto; }
.execution-preview-modal > p { max-width:660px; color:#636365; font-size:12px; line-height:1.5; }
.execution-preview-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:18px 0 10px; }
.execution-preview-summary > div { padding:13px; border:1px solid #ececf0; border-radius:12px; background:#fbfbfb; min-width:0; }
.execution-preview-summary span, .execution-preview-summary strong, .execution-preview-summary small { display:block; }
.execution-preview-summary span { color:#636365; font:11px var(--mono); letter-spacing:.08em; }
.execution-preview-summary strong { margin-top:5px; color:#333335; font-size:13px; overflow-wrap:anywhere; }
.execution-preview-summary small { margin-top:4px; color:#636365; font:11px var(--mono); }
.execution-preview-status { display:grid; gap:4px; margin:10px 0 18px; padding:13px; border-radius:12px; border:1px solid #dfdfe1; background:#fafafa; }
.execution-preview-status.ready { border-color:#cfe58a; background:#f5f5f7; }
.execution-preview-status.blocked { border-color:#efc48e; background:#fafafa; }
.execution-preview-status strong { font-size:12px; }
.execution-preview-status small { color:#606062; font-size:10px; line-height:1.4; }
.execution-preview-section { margin-top:17px; }
.execution-preview-section pre { max-height:240px; margin:9px 0 0; padding:13px; overflow:auto; border:1px solid #e3e3e5; border-radius:12px; background:#19191b; color:#d8ee79; font:10px/1.55 var(--mono); white-space:pre-wrap; overflow-wrap:anywhere; }
.execution-preview-checks { margin-top:8px; border-top:1px solid #e6e6e8; }
.execution-preview-checks > div { display:grid; grid-template-columns:22px 1fr; gap:8px; padding:9px 0; border-bottom:1px solid #e6e6e8; }
.execution-preview-checks > div > span { width:19px; height:19px; display:grid; place-items:center; border-radius:50%; background:#d8ee79; color:#2c4210; font:11px var(--mono); }
.execution-preview-checks > div.warning > span { background:#ffe4a7; color:#6e4c0a; }
.execution-preview-checks > div.blocked > span { background:#ffd7a8; color:#713c0a; }
.execution-preview-checks strong, .execution-preview-checks small { display:block; }
.execution-preview-checks strong { font-size:11px; }
.execution-preview-checks small { margin-top:3px; color:#646466; font-size:10px; line-height:1.35; }
.execution-preview-loading { padding:30px 0; color:#606062; font:11px var(--mono); }
.pilot-observation-summary { margin-top:18px; padding:14px; border:1px solid #ececf0; border-radius:12px; background:#ffffff; }
.pilot-observation-summary-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.pilot-observation-summary-head strong { display:block; margin-top:4px; color:#3c3c3e; font-size:12px; }
.pilot-observation-summary-head small { max-width:360px; color:#89898b; font-size:10px; line-height:1.4; text-align:right; }
.pilot-observation-table { margin-top:12px; overflow:hidden; border:1px solid #efeff1; border-radius:8px; }
.pilot-observation-row { display:grid; grid-template-columns:minmax(150px,1.5fr) repeat(3,minmax(70px,.7fr)); gap:10px; align-items:center; padding:8px 10px; border-top:1px solid #efeff1; color:#6d6d6f; font:11px var(--mono); }
.pilot-observation-row:first-child { border-top:0; }
.pilot-observation-row strong { color:#444446; font:11px var(--sans); }
.pilot-observation-row em { color:#6c8c1b; font-style:normal; }
.pilot-observation-row-head { border-top:0; background:#f8f8fa; color:#969698; font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.retention-actions { display:grid; gap:8px; min-width:min(300px, 100%); }
.retention-actions > .reference-outline-button { justify-self:start; }
.reference-billing-policy-card { align-items:start; }
.budget-policy-form { display:grid; gap:8px; min-width:min(300px, 100%); }
.budget-policy-form label { display:grid; gap:5px; color:#606062; font-size:10px; line-height:1.35; }
.budget-policy-form input, .budget-policy-form select { box-sizing:border-box; width:100%; padding:7px 8px; border:1px solid #e3e3e8; border-radius:8px; color:#565658; background:#fbfbfb; font:11px var(--mono); }
.budget-policy-form .reference-outline-button { justify-self:start; margin-top:3px; }
.launch-gate-card { align-items:start; }
.operations-owner-card { align-items:start; }
.operations-owner-form { display:grid; gap:8px; min-width:min(300px, 100%); }
.operations-owner-form label { display:grid; gap:5px; color:#606062; font-size:10px; line-height:1.35; }
.operations-owner-form input { box-sizing:border-box; width:100%; padding:7px 8px; border:1px solid #e3e3e8; border-radius:8px; color:#565658; background:#fbfbfb; font:11px var(--mono); }
.operations-owner-form .reference-outline-button { justify-self:start; }
.launch-gate-form { display:grid; gap:8px; min-width:260px; }
.launch-gate-form label { display:grid; gap:5px; color:#606062; font-size:11px; line-height:1.35; }
.launch-gate-form label > span { display:flex; align-items:flex-start; gap:7px; }
.launch-gate-form input { margin:2px 0 0; accent-color:#b8ef22; }
.launch-gate-form .launch-gate-evidence { box-sizing:border-box; width:100%; margin:0; padding:7px 8px; border:1px solid #e3e3e8; border-radius:8px; color:#565658; background:#fbfbfb; font:11px var(--mono); }
.launch-gate-form .reference-outline-button { justify-self:start; margin-top:3px; }
.launch-external-gates { display:grid; gap:6px; margin-top:12px; padding-top:11px; border-top:1px solid #e9e9eb; }
.launch-external-gates > strong { color:#606062; font:11px var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.launch-external-gates > span { display:grid; grid-template-columns:16px minmax(0,1fr); gap:5px; color:#808082; font-size:10px; line-height:1.35; }
.launch-external-gates > span > i { color:#9d9d9f; font-style:normal; }
.launch-external-gates > span.is-complete > i { color:#6c8c1b; }
.launch-external-gates > span > small { grid-column:2; color:#9e9ea0; font-size:11px; line-height:1.35; }
.provider-review-card { align-items:start; }
.provider-review-form { display:grid; gap:9px; min-width:min(560px, 100%); }
.provider-review-form label { display:grid; gap:5px; color:#606062; font-size:10px; line-height:1.35; }
.provider-review-form input, .provider-review-form select, .provider-review-form textarea { box-sizing:border-box; width:100%; padding:7px 8px; border:1px solid #e3e3e8; border-radius:8px; color:#565658; background:#fbfbfb; font:11px var(--mono); }
.provider-review-form textarea { resize:vertical; line-height:1.4; }
.provider-review-form .reference-outline-button { justify-self:start; }
.provider-review-list { display:grid; gap:7px; min-width:min(560px, 100%); margin-top:4px; }
.provider-review-row { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(90px,.55fr) minmax(120px,1fr); gap:10px; align-items:center; padding:9px 10px; border:1px solid #ececf0; border-radius:8px; background:#fbfbfb; }
.provider-review-row strong, .provider-review-row small, .provider-review-row em { display:block; }
.provider-review-row strong { color:#3c3c3e; font-size:11px; }
.provider-review-row small, .provider-review-row em { color:#89898b; font-size:11px; font-style:normal; line-height:1.4; }
.provider-review-row > span { color:#6d6d6f; font:11px var(--mono); text-transform:uppercase; }
.provider-review-passed { color:#5e8517 !important; }
.provider-review-blocked { color:#b25a19 !important; }
.provider-review-follow-up { color:#80651a !important; }
.pilot-evidence-card { align-items:start; }
.pilot-evidence-form { display:grid; gap:9px; min-width:min(560px, 100%); }
.pilot-evidence-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.pilot-evidence-form label { display:grid; gap:5px; color:#606062; font-size:10px; line-height:1.35; }
.pilot-evidence-form input, .pilot-evidence-form select, .pilot-evidence-form textarea { box-sizing:border-box; width:100%; padding:7px 8px; border:1px solid #e3e3e8; border-radius:8px; color:#565658; background:#fbfbfb; font:11px var(--mono); }
.pilot-evidence-form textarea { resize:vertical; line-height:1.4; }
.pilot-evidence-form .pilot-evidence-check { display:block; padding:8px 10px; border:1px solid #ececf0; border-radius:8px; background:#fbfbfb; }
.pilot-evidence-form .pilot-evidence-check span { display:flex; gap:7px; align-items:flex-start; }
.pilot-evidence-form .pilot-evidence-check input { width:auto; margin:2px 0 0; accent-color:#b8ef22; }
.pilot-evidence-form .pilot-evidence-check small { display:block; margin:4px 0 0 21px; color:#89898b; font-size:11px; }
.pilot-evidence-form .reference-outline-button { justify-self:start; }
.pilot-scorecard { display:grid; gap:5px; padding:10px; border:1px solid #ececf0; border-radius:9px; background:#fbfbfb; }
.pilot-scorecard > strong { color:#606062; font:11px var(--mono); text-transform:uppercase; letter-spacing:.04em; }
.pilot-scorecard-row { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(80px,1fr) minmax(80px,1fr); gap:6px; align-items:center; }
.pilot-scorecard-row > span { color:#6d6d6f; font-size:10px; }
.pilot-scorecard-row > span small { color:#9e9ea0; font:11px var(--mono); }
.pilot-scorecard-row input { min-width:0; }
.pilot-sessions-card { align-items:start; }
.pilot-session-form { display:grid; gap:9px; min-width:min(560px, 100%); }
.pilot-session-form label { display:grid; gap:5px; color:#606062; font-size:10px; line-height:1.35; }
.pilot-session-form input, .pilot-session-form select, .pilot-session-form textarea { box-sizing:border-box; width:100%; padding:7px 8px; border:1px solid #e3e3e8; border-radius:8px; color:#565658; background:#fbfbfb; font:11px var(--mono); }
.pilot-session-form textarea { resize:vertical; line-height:1.4; }
.pilot-session-form .reference-outline-button { justify-self:start; }
.pilot-session-list { display:grid; gap:7px; min-width:min(560px, 100%); margin-top:4px; }
.pilot-session-row { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(110px,.8fr) minmax(120px,.9fr); gap:10px; align-items:center; padding:9px 10px; border:1px solid #ececf0; border-radius:8px; background:#fbfbfb; }
.pilot-session-row strong, .pilot-session-row small, .pilot-session-row em { display:block; }
.pilot-session-row strong { color:#3c3c3e; font-size:11px; }
.pilot-session-row small, .pilot-session-row em { color:#89898b; font-size:11px; font-style:normal; line-height:1.4; }
.pilot-session-row > span { color:#6d6d6f; font:11px var(--mono); }
@media (max-width:620px) {
  .budget-policy-form { grid-column:2; min-width:0; width:100%; }
}
@media (max-width:620px) {
  .pilot-evidence-grid { grid-template-columns:1fr; }
  .pilot-evidence-form { min-width:0; }
}
@media (max-width:620px) {
  .pilot-session-form, .pilot-session-list { min-width:0; }
  .pilot-session-row { grid-template-columns:1fr; gap:4px; }
}
@media (max-width:620px) {
  .pilot-observation-summary-head { display:block; }
  .pilot-observation-summary-head small { display:block; margin-top:7px; text-align:left; }
  .pilot-observation-row { grid-template-columns:minmax(118px,1.5fr) repeat(3,minmax(54px,.7fr)); gap:6px; padding:7px 6px; font-size:11px; }
  .pilot-observation-row strong { font-size:10px; }
}
@media (max-width:620px) {
  .provider-review-form, .provider-review-list { min-width:0; }
  .provider-review-row { grid-template-columns:1fr; gap:4px; }
}
@media (max-width:620px) {
  .ask-plan-metrics { grid-template-columns:1fr; }
}
.call-log-modal { width:min(560px,100%); }
.call-log-modal textarea { width:100%; margin-top:7px; padding:12px; border:1px solid #d8d8da; outline:0; resize:vertical; background:#ffffff; color:var(--ink); font:13px/1.5 var(--sans); }
.call-log-modal textarea:focus { border-color:#9dbb37; }
.create-task-modal { width:min(620px,100%); }
.create-task-modal textarea { width:100%; margin-top:7px; padding:12px; border:1px solid #d8d8da; outline:0; resize:vertical; background:#ffffff; color:var(--ink); font:13px/1.5 var(--sans); }
.create-task-modal textarea:focus { border-color:#9dbb37; }
.modal-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:620px) {
  .auth-shell { display:block; padding:16px; }
  .auth-side { display:none; }
  .auth-card { width:calc(100% - 4px); margin:0 auto; }
  .auth-brand { margin-bottom:48px; }
  .integration-actions { flex-wrap:wrap; justify-content:flex-end; }
  .audit-row { grid-template-columns:1fr auto; gap:5px 10px; padding:9px 0; }
  .audit-row strong { grid-column:1 / -1; grid-row:1; }
  .audit-row > span { grid-row:2; }
  .audit-row em { grid-row:2; }
  .workspace-intro .pill { align-self:flex-start; }
  .website-collector-metrics { grid-template-columns:repeat(2,1fr); }
  .website-collector-form { grid-template-columns:1fr; }
  .website-collector-form .button { grid-column:auto; }
  .website-collector-rules { grid-template-columns:1fr; }
}
/* Account entry follows the calm, centered-card reference while keeping only
   providers that are actually configured interactive. */
.auth-reference-shell { display:grid; grid-template-columns:1fr; place-items:center; min-height:100vh; padding:32px 18px; background:#f2f2f4; }
.auth-reference-card { max-width:540px; padding:34px 58px 38px; border:1px solid #e6e6e8; border-radius:22px; background:#fff; box-shadow:0 24px 70px rgba(31,35,28,.12); text-align:center; }
.auth-reference-card .auth-brand { display:inline-flex; margin:0 auto 25px; }
.auth-card-mark { display:grid; place-items:center; width:48px; height:48px; margin:0 auto 17px; border-radius:16px; background:#f5f5f7; }
.auth-spark { color:#88a91e; font-size:25px; }
.auth-reference-card h1 { margin:0; color:#131315; font-size:30px; letter-spacing:-.055em; text-transform:none; }
.auth-reference-card .auth-sub { max-width:none; margin:10px 0 24px; color:#88888a; font-size:13px; }
.auth-provider-grid { display:grid; gap:10px; }
.auth-provider { display:flex; align-items:center; gap:13px; width:100%; min-height:50px; padding:0 17px; color:#8c8c8e; border:1px solid #e2e2e4; border-radius:12px; background:#fbfbfb; font:14px var(--sans); text-align:left; }
.auth-provider { cursor:pointer; color:#59595b; }
.auth-provider:hover { border-color:#d1d1d3; background:#fff; box-shadow:0 5px 14px rgba(31,35,28,.06); }
.provider-logo { width:21px; height:21px; object-fit:contain; flex:0 0 auto; }
.auth-reference-card .auth-divider { margin:22px 0 12px; }
.auth-reference-card .auth-tabs { justify-content:center; gap:24px; margin:0 0 17px; border:0; }
.auth-reference-card .auth-tabs button { padding:6px 2px 10px; color:#9c9c9e; font-size:12px; }
.auth-reference-card .auth-tabs button.active { color:#19191b; border-bottom:2px solid #b7d73a; }
.auth-reference-card form { text-align:left; }
.auth-reference-card label { margin:12px 0; color:#7b7b7d; font-size:10px; text-align:left; }
.auth-reference-card input { height:50px; border-radius:11px; background:#fff; }
.auth-reference-card .auth-submit { min-height:50px; margin-top:15px; border-radius:11px; justify-content:center; }
.auth-magic-link { margin-top:18px; color:#657d1e; font:11px var(--mono); }
.auth-back { display:block; margin:16px auto 0; color:#818183; font-size:11px; }
.auth-back:hover { color:#526d16; }
.auth-privacy { margin:21px 0 0; color:#9c9c9e; font-size:11px; line-height:1.55; }
.auth-privacy span { display:block; margin-top:8px; }
.auth-privacy button { color:#526d16; font-weight:700; }
.auth-reference-card .auth-demo { text-align:left; }
.auth-reference-card .auth-sso { width:100%; margin-top:10px; }
.auth-reference-card .auth-dev-link { text-align:left; }
.auth-reference-card button:focus-visible, .auth-reference-card input:focus-visible { outline:3px solid #d7ed7a; outline-offset:2px; }
.toast { z-index:20; }
/* Consistent keyboard affordance across every tab and page. */
button:focus-visible, a:focus-visible, select:focus-visible, textarea:focus-visible, input:focus-visible, summary:focus-visible { outline:3px solid rgba(183,215,58,.75); outline-offset:2px; }
button:disabled { cursor:not-allowed; }
@media (max-width:620px) {
  .auth-reference-shell { padding:18px 12px; }
  .auth-reference-card { padding:27px 20px 28px; border-radius:18px; }
  .auth-reference-card h1 { font-size:27px; }
  .auth-reference-card .auth-brand { margin-bottom:20px; }
}
/* First end-to-end revenue loop */
/* Precision prospecting and revenue intelligence surfaces. */
.attribution-stats span, .queue-stats span { display:block; color:#979799; font:11px var(--mono); letter-spacing:.08em; }
.seed-preview.compact { margin-top:auto; }
.candidate-panel, .attribution-panel, .queue-panel { min-width:0; }
.seed-preview { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.seed-preview span { padding:5px 7px; color:#526c1f; border:1px solid #e3e3e8; border-radius:999px; background:#ffffff; font:11px var(--mono); }
.candidate-panel { margin-bottom:18px; }
.candidate-explainer { margin-top:12px; padding:14px; border:1px solid #e3e3e8; border-radius:14px; background:#f5f5f7; }
.candidate-explainer { display:flex; gap:12px; align-items:flex-start; }
.candidate-explainer strong { color:#4e671d; font-size:12px; }
.candidate-explainer span { margin:0; color:#6f6f71; font-size:11px; line-height:1.45; }
.candidate-confidence-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:10px 0 12px; overflow:hidden; border:1px solid #e3e3e8; border-radius:14px; background:#e3e3e8; }
.candidate-confidence-strip > div { min-height:82px; padding:13px; background:#ffffff; }
.candidate-confidence-strip span, .candidate-confidence-strip em { display:block; color:#979799; font:11px var(--mono); letter-spacing:.06em; }
.candidate-confidence-strip strong { display:block; margin:8px 0 4px; color:#131315; font-size:24px; letter-spacing:-.05em; }
.candidate-confidence-strip em { color:#6f8a24; font-style:normal; line-height:1.3; }
.candidate-table { margin-top:8px; overflow:auto; }
.candidate-table-head, .candidate-row { min-width:980px; display:grid; grid-template-columns:1.2fr 1.05fr 105px 1.25fr 1fr; gap:14px; align-items:center; }
.candidate-table-head { padding:10px 0; color:#9d9d9f; border-bottom:1px solid #e0e0e2; font:11px var(--mono); }
.candidate-row { min-height:86px; border-bottom:1px solid #e6e6e8; font-size:11px; }
.candidate-row > div:first-child strong, .candidate-row > div:first-child small { display:block; }
.candidate-row > div:first-child small { margin-top:5px; color:#959597; font:11px var(--mono); }
.candidate-identity-badge { display:inline-flex; width:max-content; max-width:100%; margin-top:8px; padding:4px 7px; color:#64751f; border:1px solid #e3e3e8; border-radius:999px; background:#f5f5f7; font:11px var(--mono); letter-spacing:.04em; }
.candidate-confidence, .candidate-score-stack, .candidate-next-action { display:flex; flex-direction:column; gap:5px; min-width:0; }
.candidate-confidence small, .candidate-score-stack small, .candidate-next-action span, .candidate-next-action small { color:#848486; font-size:10px; line-height:1.35; }
.candidate-confidence-pill { width:max-content; max-width:100%; padding:6px 9px; color:#6b742f; border:1px solid #e3e3e8; border-radius:999px; background:#f7f7f9; font:11px var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.candidate-confidence-pill.high { color:#344c12; border-color:#b8d841; background:#f5f5f7; }
.candidate-confidence-pill.medium { color:#7a6624; border-color:#e1ce86; background:#faf4dd; }
.candidate-confidence-pill.low { color:#737375; border-color:#d8d8da; background:#f3f3f5; }
.candidate-reasons { display:flex; flex-direction:column; gap:4px; }
.candidate-reasons em { color:#6f6f71; font-size:10px; font-style:normal; }
.candidate-reasons.grouped { gap:6px; }
.candidate-evidence-group { display:grid; grid-template-columns:52px 1fr; gap:4px 7px; align-items:start; padding:7px 8px; border:1px solid #ececf0; border-radius:10px; background:#fafafa; }
.candidate-evidence-group b { grid-row:1 / span 2; color:#4a6510; font:11px var(--mono); letter-spacing:.06em; }
.candidate-evidence-group em { display:block; color:#626264; font-size:11px; line-height:1.3; }
.candidate-evidence-group.tone-intent { border-color:#e3e3e8; background:#f5f5f7; }
.candidate-evidence-group.tone-identity { border-color:#dbdbdd; background:#f5f5f7; }
.candidate-evidence-group.tone-precision { border-color:#d6c9e8; background:#f7f3fb; }
.candidate-context { color:#848486; font:11px var(--mono); }
.candidate-next-action strong { color:#30401e; font-size:11px; }
.prospect-routing-panel { margin-bottom:18px; border-color:#e3e3e8; background:#ffffff; }
.prospect-routing-command { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:18px; align-items:stretch; }
.prospect-routing-command h2 { margin:7px 0 8px; color:var(--ink); font-size:27px; line-height:1.08; letter-spacing:-.05em; }
.prospect-routing-command p { max-width:820px; margin:0; color:#78787a; font-size:12px; line-height:1.5; }
.prospect-routing-next { display:grid; align-content:center; gap:7px; padding:17px; border:1px solid #e3e3e8; border-radius:16px; background:#f5f5f7; }
.prospect-routing-next span { color:#4a6510; font:11px var(--mono); letter-spacing:.08em; }
.prospect-routing-next strong { color:#252527; font-size:16px; }
.prospect-routing-next small { color:#6e6e70; font-size:10px; line-height:1.4; }
.prospect-routing-next .button { justify-self:start; margin-top:4px; }
.prospect-routing-scoreboard { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:16px 0 0; overflow:hidden; border:1px solid #ececf0; border-radius:14px; background:#ececf0; }
.prospect-routing-scoreboard div { min-height:92px; padding:14px; background:#ffffff; }
.prospect-routing-scoreboard span, .prospect-routing-scoreboard small { display:block; color:#979799; font:11px var(--mono); letter-spacing:.06em; }
.prospect-routing-scoreboard strong { display:block; margin:11px 0 5px; color:#111113; font-size:27px; letter-spacing:-.05em; }
.prospect-routing-policy { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.prospect-routing-policy span { padding:7px 9px; color:#6f6f71; border:1px solid #e3e3e8; background:#f5f5f7; font:11px var(--mono); }
.prospect-routing-list { border-top:1px solid #e6e6e8; }
.prospect-routing-row { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(220px,.8fr) auto; gap:14px; align-items:center; padding:13px 0; border-bottom:1px solid #e6e6e8; }
.prospect-routing-row > div { display:flex; flex-direction:column; gap:4px; min-width:0; }
.prospect-routing-row strong { overflow:hidden; color:#3c3c3e; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.prospect-routing-row small { overflow:hidden; color:#636365; font-size:10px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.prospect-routing-row > div:nth-child(2) > span { color:#4a6510; font:11px var(--mono); }
.prospect-routing-row > div:nth-child(2) > em { color:#5b6b4d; font-size:10px; font-style:normal; line-height:1.35; }
.prospect-routing-row .button { min-width:132px; justify-content:center; }
.prospect-routing-row.enhanced { grid-template-columns:minmax(0,1.5fr) minmax(240px,.9fr) auto; align-items:start; }
.prospect-routing-evidence { display:flex; flex-wrap:wrap; gap:5px; margin-top:3px; }
.prospect-routing-evidence span { max-width:260px; overflow:hidden; padding:5px 7px; border:1px solid #e3e3e8; border-radius:999px; background:#f5f5f7; color:#5e7420; font:11px var(--mono); line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.attribution-stats, .queue-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:17px 0; background:#e0e0e2; }
.attribution-stats > div, .queue-stats > div { min-height:69px; padding:12px; background:#f6f6f8; }
.attribution-stats strong, .queue-stats strong { display:block; margin:9px 0 3px; font-size:19px; }
.work-queue-panel .panel-header p { max-width:640px; margin:6px 0 0; color:#858587; font-size:11px; line-height:1.45; }
.queue-health-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:15px; overflow:hidden; border:1px solid #e0e0e2; border-radius:14px; background:#e0e0e2; }
.queue-health-strip > div { min-height:76px; padding:12px; background:#fafafa; }
.queue-health-strip span, .queue-health-strip small { display:block; color:#979799; font:11px var(--mono); letter-spacing:.06em; }
.queue-health-strip strong { display:block; margin:9px 0 4px; color:#131315; font-size:18px; letter-spacing:-.04em; }
.queue-health-strip small { color:#4a6510; line-height:1.3; letter-spacing:0; }
.work-queue-list { display:grid; gap:8px; margin:14px 0; }
.work-queue-row { display:grid; grid-template-columns:86px minmax(0,1fr) minmax(105px,.36fr) 70px; gap:10px; align-items:center; padding:11px; border:1px solid #ececf0; border-radius:14px; background:#ffffff; }
.work-queue-row.failed-row { border-color:#ead1bf; background:#f9f9fb; }
.work-queue-row strong, .work-queue-row small, .work-queue-row span { display:block; }
.work-queue-row strong { color:#232325; font-size:12px; letter-spacing:-.02em; }
.work-queue-row small { margin-top:3px; color:#878789; font-size:10px; line-height:1.35; }
.work-queue-row em { display:block; margin-top:4px; color:#8b6b22; font-size:11px; font-style:normal; line-height:1.35; }
.work-queue-row > div:nth-child(3) span { color:#536d1b; font:11px var(--mono); }
.work-queue-status { width:max-content; max-width:100%; padding:6px 8px; border:1px solid #e3e3e8; border-radius:999px; color:#6d7634; background:#f7f7f9; font:11px var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.work-queue-status.completed { color:#344c12; border-color:#b8d841; background:#f5f5f7; }
.work-queue-status.running { color:#314d58; border-color:#b8d6dd; background:#edf9fb; }
.work-queue-status.failed { color:#73432c; border-color:#e2b995; background:#fff0dd; }
.work-queue-status.queued { color:#7a6624; border-color:#e1ce86; background:#faf4dd; }
.work-queue-muted { justify-self:center; color:#a4a4a6; font:12px var(--mono); }
.work-queue-dead-heading { margin-top:6px; color:#8b642b; font:11px var(--mono); letter-spacing:.08em; }
.work-queue-actions { display:flex; align-items:center; gap:12px; }
.work-queue-actions .text-button { white-space:nowrap; color:#668320; font-size:10px; }
.attribution-list { display:flex; flex-direction:column; }
.attribution-list > div { display:flex; justify-content:space-between; gap:12px; padding:11px 0; border-top:1px solid #e6e6e8; font-size:10px; }
.attribution-list span { color:#6b7f28; font-family:var(--mono); }
.attribution-list strong { color:#646466; font-weight:500; }
@media (max-width:1000px) {
  .work-queue-row { grid-template-columns:86px minmax(0,1fr); }
  .work-queue-row > div:nth-child(3), .work-queue-row .row-action, .work-queue-muted { grid-column:2; justify-self:start; }
}
@media (max-width:900px) {
  .prospect-routing-command { grid-template-columns:1fr; }
  .prospect-routing-scoreboard { grid-template-columns:repeat(2,1fr); }
  .prospect-routing-row { grid-template-columns:1fr; gap:9px; }
  .prospect-routing-row .button { width:100%; }
}
@media (max-width:900px) {
  .candidate-confidence-strip { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:620px) {
  .candidate-confidence-strip, .queue-health-strip { grid-template-columns:1fr; }
  .candidate-explainer { flex-direction:column; }
  .attribution-stats, .queue-stats { grid-template-columns:repeat(2,1fr); }
  .work-queue-row { grid-template-columns:1fr; }
  .work-queue-row > div:nth-child(3), .work-queue-row .row-action, .work-queue-muted { grid-column:auto; }
  .work-queue-actions { align-items:flex-start; flex-direction:column; }
}
/* Screenshot-led workspace visual system: soft white canvas, rounded cards,
   charcoal anchors, and lime active states shared by every workspace page. */
.workspace-shell { --workspace-bg:#fbfbfb; --workspace-card:#ffffff; --workspace-border:#ececee; --workspace-shadow:0 14px 36px rgba(25,29,23,.045); min-height:100vh; background:var(--workspace-bg); }
.workspace-brand .brand-mark { width:35px; height:35px; border-radius:11px; box-shadow:0 5px 0 #ececf0; }
.nav-badge { color:#27320f !important; opacity:1 !important; font-size:11px !important; }
.profile { padding:12px 8px 0; border-top:1px solid var(--workspace-border); color:#535355; }
.metric-grid { gap:14px; }
.panel, .agent-card, .integration-card, .campaign-card { border-color:var(--workspace-border); border-radius:22px; background:var(--workspace-card); box-shadow:var(--workspace-shadow); }
.panel-header { margin-bottom:24px; }
.panel h2 { font-size:24px; }
.panel-kicker { color:#9e9ea0; font-size:11px; }
.button { min-height:46px; border-radius:999px; box-shadow:none; }
.button-acid { box-shadow:0 7px 16px rgba(201,238,61,.18); }
.filter.active { background:var(--acid); border:0; }
.campaign-workspace-tabs { display:flex; gap:3px; margin:20px 0 24px; overflow:auto; }
.campaign-workspace-tabs button { min-height:38px; padding:0 16px; border-radius:999px; color:#8f8f91; font-size:11px; white-space:nowrap; }
.campaign-person-detail { border:1px solid #ececf0; border-radius:22px; background:#f5f5f7; box-shadow:var(--workspace-shadow); }
.campaign-people-row { padding:16px 18px; border-color:var(--workspace-border); background:#fff; }
.execution-command-center, .review-command-center, .agent-command-panel { border-radius:26px; box-shadow:var(--workspace-shadow); }
.task-card, .campaign-runtime-bar, .campaign-compact-header { border-radius:20px; }
.task-card { border-color:var(--workspace-border); background:#fff; }
.empty-state { border-radius:18px; border-color:#e6e6e8; background:#fcfcfc; }
.integration-card:hover { transform:translateY(-2px); box-shadow:0 18px 42px rgba(25,29,23,.07); }
.integration-card, .agent-card { transition:transform .2s, box-shadow .2s; }
.toast { border-radius:999px; box-shadow:0 12px 30px rgba(25,29,23,.15); }
@media (max-width:900px) {
  .workspace-sidebar { width:198px; }
  .workspace-main { width:calc(100% - 198px); padding:0 25px 55px; }
  .workspace-header h1 { font-size:34px; }
  .workspace-switcher span:nth-child(2) { min-width:0; }
  .workspace-switcher strong, .workspace-switcher small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
@media (max-width:620px) {
  .workspace-shell { display:block; }
  .workspace-sidebar { width:100%; min-height:0; display:block; padding:12px 14px 10px; border-right:0; border-bottom:1px solid var(--workspace-border); }
  .workspace-brand { display:inline-flex; padding:0; }
  .workspace-brand > span { display:none; }
  .workspace-brand .brand-mark { width:39px; height:39px; }
  .workspace-switcher-wrap { display:none; }
  .workspace-nav { display:flex; flex-direction:row; gap:5px; margin:0; overflow:auto; }
  .workspace-nav-item { min-width:max-content; min-height:36px; padding:0 13px; }
  .workspace-main { width:100%; padding:0 16px 45px; }
  .workspace-header { min-height:106px; align-items:flex-start; padding-top:22px; }
  .workspace-header h1 { font-size:32px; }
  .page-header-subtitle { max-width:230px; font-size:11px; }
  .workspace-content { padding-top:6px; }
  .panel { padding:18px; border-radius:20px; }
  .metric-grid { grid-template-columns:1fr; }
  .campaign-workspace-tabs { margin:14px 0 18px; }
  .campaign-people-layout { grid-template-columns:1fr; }
  .campaign-people-head { display:none; }
  .campaign-people-row { grid-template-columns:1fr; gap:6px; }
  .campaign-people-row > span:not(.pill) { display:none; }
  .person-contact-form .button { width:100%; }
  .workspace-intro { align-items:flex-start; flex-direction:column; }
  .task-card { grid-template-columns:1fr; gap:12px; }
  .filter { white-space:nowrap; }
}
/* Focused workspace pass: keep the action path visible and move operating detail
   behind disclosure. The underlying data and controls remain unchanged. */
.workspace-detail-drawer { margin: 18px 0 26px;
  border: 1px solid var(--workspace-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 8px 24px rgba(38, 46, 27, .035); }
.workspace-detail-drawer > summary { display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 58px;
  padding: 12px 16px;
  cursor: pointer;
  list-style: none; }
.workspace-detail-drawer > summary::-webkit-details-marker { display: none; }
.workspace-detail-drawer > summary::before { content: '＋';
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  color: #637f22;
  border: 1px solid #e3e3e8;
  border-radius: 50%;
  background: #f5f5f7;
  font: 13px var(--mono); }
.workspace-detail-drawer[open] > summary { border-bottom: 1px solid var(--workspace-border); }
.workspace-detail-drawer[open] > summary::before { content: '−'; }
.workspace-detail-drawer > summary > span { display: grid; flex: 1; gap: 3px; }
.workspace-detail-drawer > summary strong { color: #2e2e30; font-size: 12px; }
.workspace-detail-drawer > summary small { color: #919193; font-size: 10px; line-height: 1.35; }
.workspace-detail-drawer > summary em { color: #6d8126; font: 10px var(--mono); font-style: normal; white-space: nowrap; }
.workspace-detail-drawer > summary em span { display: inline-block; margin-left: 5px; transition: transform .2s ease; }
.workspace-detail-drawer[open] > summary em span { transform: rotate(180deg); }
.workspace-detail-drawer > .signal-scout-panel { margin: 0; border: 0; border-radius: 0 0 18px 18px; box-shadow: none; }
.signal-operations-drawer { margin-top: 18px; }
.signal-operations-drawer > .signal-scout-panel { padding: 0 24px 24px; }
.signal-list-focused .signal-row-large { padding-top: 14px; padding-bottom: 14px; }
.signal-list-focused .signal-row-large:first-child { border-top: 0; }
.campaign-library-page .campaign-library-header { padding-bottom: 22px; }
.campaign-library-page .campaign-library-summary { margin: 14px 0 26px; }
.campaign-library-page .campaign-library-card { padding: 20px; }
.workspace-content > .workspace-intro { margin-bottom: 16px; }
.workspace-content > .panel { box-shadow: 0 8px 24px rgba(38, 46, 27, .035); }
.integrations-signal-drawer { margin: 18px 0 22px; }
.integrations-signal-drawer > .signal-connectors-section { margin: 0; border: 0; border-radius: 0 0 18px 18px; box-shadow: none; }
.integrations-signal-drawer > .signal-connectors-section .integration-section-head { padding-top: 4px; }
.play-library-command { margin-bottom: 18px; }
.play-library-workspace .workspace-intro { align-items: flex-end; }
.play-trigger { display: grid; gap: 5px; margin: 18px 0 4px; padding: 12px 14px; border: 1px solid #ececf0; border-radius: 13px; background: #fbfbfb; }
.play-trigger span { color: #819238; font: 9px var(--mono); letter-spacing: .12em; }
.play-trigger strong { color: #48553a; font-size: 11px; line-height: 1.35; }
@media (max-width: 760px) {
  .workspace-detail-drawer > summary { align-items: flex-start; }
}
@media (max-width:620px) {
  .prospect-routing-scoreboard { grid-template-columns:1fr; }
  .prospect-routing-command h2 { font-size:23px; }
}
/* Simple workspace layout inspired by the supplied navigation references. */
.workspace-sidebar { width:96px; align-items:center; padding:18px 10px; color:#6d7b91; border-right:1px solid var(--workspace-line); background:#fff; }
.workspace-switcher { width:100%; justify-content:center; padding:0 0 17px; border:0; background:transparent; }
.workspace-switcher > div { display:none; }
.workspace-avatar { width:35px; height:35px; color:#fff; background:#20b69a; }
.workspace-nav-item { min-height:61px; flex-direction:column; justify-content:center; gap:5px; padding:7px 2px; border-radius:11px; color:#718097; text-align:center; font-size:10px; line-height:1.1; }
.breadcrumb { color:#94a0b2; font-size:11px; }
.workspace-header h1 { margin:8px 0 0; color:var(--workspace-navy); font-size:30px; letter-spacing:-.045em; }
.approval-message, .activity-list > div { border-color:#e7edf4; }
.approval-message p, .signal-body p { color:#718198; }
.signal-tag.warm { color:#a36528; background:#fff3e7; }
.signal-tag.cool { color:#3c6e88; background:#e8f5fa; }
.playbook-library { grid-template-columns:repeat(3,1fr); gap:18px; }
@media (max-width:900px) {
  .workspace-main { padding:0 26px 50px; }
  .playbook-library { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:620px) {
  .workspace-sidebar { width:70px; }
  .workspace-main { width:calc(100% - 70px); padding:0 16px 35px; }
  .playbook-library { grid-template-columns:1fr; }
}
/* Restore the original OutbndAI palette while keeping the simpler layout. */
.workspace-avatar { color:#29292b; background:var(--acid); }
.workspace-header { border-bottom-color:var(--line); }
.workspace-intro > p { color:var(--muted); }
.workspace-intro .text-button, .row-action { color:#637f22; }
.approval-count { color:#2c4210; background:var(--acid); }
.approval-actions button, .agent-card-foot button, .integration-foot button { color:#637f22; }
.signal-tag { color:#718126; background:#f5f5f7; }
.workflow-status-pill { display:inline-flex; align-items:center; min-height:31px; padding:0 12px; color:#506321; border:1px solid #bdcf69; border-radius:999px; background:#f5f5f7; font:11px var(--mono); text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; }
/* Campaign builder: a calm, editable workflow with human-readable branching. */
.campaign-page { max-width:1500px; }
.campaign-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:24px; align-items:start; }
.campaign-library { position:sticky; top:24px; padding:20px; border:1px solid #dedee0; background:#ffffff; }
.campaign-library-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; }
.campaign-library-head h2 { margin:8px 0 0; font-size:21px; letter-spacing:-.04em; }
.campaign-library-copy { margin:15px 0 20px; color:#636365; font-size:12px; line-height:1.5; }
.campaign-list { display:flex; flex-direction:column; gap:5px; }
.campaign-list-item { display:grid; grid-template-columns:8px 1fr auto; gap:10px; align-items:start; width:100%; padding:12px 8px; color:var(--ink); border:1px solid transparent; background:transparent; text-align:left; }
.campaign-list-item:hover { border-color:#dedee0; background:#f6f6f8; }
.campaign-list-item.active { border-color:#bdcf69; background:#f5f5f7; }
.campaign-list-item strong, .campaign-list-item small { display:block; }
.campaign-list-item strong { font-size:12px; line-height:1.3; }
.campaign-list-item small { margin-top:4px; color:#636365; font:11px var(--mono); line-height:1.3; }
.campaign-list-item em { color:#7c8c32; font:11px var(--mono); font-style:normal; }
.campaign-list-status { width:7px; height:7px; margin-top:4px; border-radius:50%; background:#c4c4c6; }
.campaign-list-status.running { background:var(--acid); box-shadow:0 0 0 3px #f5f5f7; }
.campaign-example-note { margin-top:28px; padding-top:20px; border-top:1px solid #e6e6e8; }
.campaign-example-note .panel-kicker { display:block; margin-bottom:9px; color:#4a6510; }
.campaign-example-note strong { display:block; font-size:12px; }
.campaign-example-note p { margin:7px 0 0; color:#636365; font-size:11px; line-height:1.45; }
.campaign-builder { min-width:0; }
.campaign-builder-head { display:flex; justify-content:space-between; gap:24px; padding:0 0 22px; border-bottom:1px solid #dedee0; }
.campaign-title-line { display:flex; align-items:center; gap:12px; }
.campaign-editable-title { display:inline-block; min-width:180px; color:var(--ink); font-size:29px; font-weight:700; letter-spacing:-.06em; outline:none; }
.campaign-editable-title:focus { padding:3px 6px; margin:-3px -6px; border:1px solid #bdcf69; background:#f5f5f7; }
.campaign-builder-head p { max-width:650px; margin:10px 0 8px; color:#636365; font-size:13px; line-height:1.5; }
.campaign-audience { color:#868688; font:11px var(--mono); letter-spacing:.04em; }
.campaign-builder-actions { display:flex; align-items:flex-start; gap:10px; flex:0 0 auto; }
.campaign-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:7px; padding:16px 0; border-bottom:1px solid #dedee0; }
.campaign-toolbar > span { margin-right:5px; color:#8e8e90; font:11px var(--mono); letter-spacing:.06em; }
.campaign-tool { display:inline-flex; align-items:center; gap:6px; padding:8px 10px; color:#58585a; border:1px solid #dedee0; border-radius:999px; background:#ffffff; font-size:11px; }
.campaign-tool:hover { color:#273316; border-color:#b9ce5a; background:#f5f5f7; }
.campaign-tool b { display:grid; place-items:center; width:18px; height:18px; color:#334116; border-radius:50%; background:#dff18b; font:11px var(--mono); }
.campaign-canvas { max-width:840px; margin:24px auto 0; }
.campaign-trigger, .campaign-end { padding:15px 18px; border:1px dashed #bbc69e; background:#f5f5f7; }
.campaign-trigger span, .campaign-end span { display:block; color:#4a6510; font:11px var(--mono); letter-spacing:.06em; }
.campaign-trigger strong, .campaign-end strong { display:block; margin-top:7px; font-size:13px; }
.campaign-trigger em, .campaign-end em { display:block; margin-top:4px; color:#636365; font-size:11px; font-style:normal; }
.campaign-end { background:#f6f6f8; border-color:#dedee0; }
.campaign-gate-node { margin:8px 13px 0; padding:13px 16px; border:1px solid #c8d9f2; border-radius:12px; background:#f1f6fc; }
.campaign-gate-node span, .campaign-gate-node strong, .campaign-gate-node em { display:block; }
.campaign-gate-node span { color:#5879a5; font:11px var(--mono); letter-spacing:.06em; }
.campaign-gate-node strong { margin-top:6px; color:#294a75; font-size:12px; }
.campaign-gate-node em { margin-top:4px; color:#71829a; font-size:10px; font-style:normal; line-height:1.4; }
.campaign-step-card { display:grid; grid-template-columns:42px minmax(0,1fr); gap:0; margin-top:10px; border:1px solid #dedee0; background:#ffffff; transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.campaign-step-card:hover { border-color:#b9ce5a; box-shadow:0 8px 22px rgba(38,51,18,.05); }
.campaign-step-card.is-dragging { opacity:.45; transform:scale(.99); }
.campaign-step-card.is-drop-target { border-color:#789125; box-shadow:0 0 0 3px #f5f5f7; }
.campaign-step-rail { display:flex; flex-direction:column; align-items:center; gap:12px; padding:17px 8px; border-right:1px solid #e6e6e8; background:#f5f5f7; }
.campaign-step-index { color:#4a6510; font:11px var(--mono); }
.campaign-drag { color:#a7a7a9; cursor:grab; font-size:18px; line-height:1; }
.campaign-step-main { min-width:0; padding:17px 18px 14px; }
.campaign-step-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.campaign-step-title { display:flex; gap:10px; align-items:center; min-width:0; }
.campaign-type-icon { display:grid; place-items:center; width:35px; height:35px; flex:0 0 auto; color:#273316; border-radius:50%; background:#dff18b; font:11px var(--mono); font-weight:700; }
.campaign-type-icon.type-sms { background:#ffd6a8; }
.campaign-type-icon.type-linkedin { color:#f6f6f8; background:#334b4f; }
.campaign-type-icon.type-call { background:#e8d4b8; }
.campaign-type-icon.type-task { background:#c5e0cf; }
.campaign-type-icon.type-wait { background:#e0e0e2; }
.campaign-step-type { display:block; color:#4a6510; font:11px var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.campaign-step-title h3 { margin:5px 0 0; overflow:hidden; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }
.campaign-step-actions { display:flex; align-items:center; gap:10px; }
.campaign-delay { color:#848486; font:11px var(--mono); white-space:nowrap; }
.campaign-remove, .campaign-remove-branch { color:#a6a6a8; font-size:17px; line-height:1; }
.campaign-remove:hover, .campaign-remove-branch:hover { color:#8d4b32; }
.campaign-step-detail { margin:11px 0 0 45px; color:#636365; font-size:12px; line-height:1.45; }
.campaign-step-subject { margin:13px 0 0 45px; padding:9px 11px; color:#626264; border-left:3px solid #d6ed72; background:#f5f5f7; font-size:11px; }
.campaign-step-subject span { margin-right:9px; color:#636365; font:11px var(--mono); }
.campaign-connector { width:1px; height:19px; margin:0 auto; color:#98a686; font-size:15px; line-height:19px; text-align:center; }
.campaign-add-branch { margin:14px 0 0 45px; padding:0; color:#4a6510; font:11px var(--mono); }
.campaign-add-branch:hover { color:#263615; }
.campaign-branches { margin:15px 0 0 45px; padding:11px; border:1px solid #ececf0; background:#f5f5f7; }
.campaign-branches-title { display:flex; justify-content:space-between; margin-bottom:8px; color:#4a6510; font:11px var(--mono); letter-spacing:.06em; }
.campaign-branches-title em { color:#9e9ea0; font-style:normal; }
.campaign-branch-row { display:grid; grid-template-columns:auto minmax(115px,1fr) minmax(78px,.65fr) minmax(70px,.6fr) auto minmax(130px,1fr) auto; gap:6px; align-items:center; padding:8px 0; border-top:1px solid #ececf0; }
.campaign-branch-row:first-of-type { border-top:0; }
.campaign-branch-row select, .campaign-branch-row input { min-width:0; padding:7px 8px; color:#565658; border:1px solid #e3e3e8; border-radius:0; background:#ffffff; font:11px var(--mono); }
.branch-if, .branch-then { color:#929294; font:11px var(--mono); letter-spacing:.05em; }
.campaign-logic-summary { display:grid; grid-template-columns:1.1fr .9fr; gap:20px; max-width:840px; margin:26px auto 0; padding:22px; border:1px solid #3d3d3f; color:#f5f5f7; background:#222224; }
.campaign-logic-summary .panel-kicker { color:#9fbd3b; }
.campaign-logic-summary h3 { margin:8px 0 8px; font-size:19px; }
.campaign-logic-summary p { max-width:450px; margin:0; color:#b2b2b4; font-size:12px; line-height:1.5; }
.branch-example-list { display:flex; flex-direction:column; gap:8px; justify-content:center; }
.branch-example-list span { padding:9px 11px; color:#e3e3e8; border:1px solid #405035; background:#2a2a2c; font:11px var(--mono); }
.branch-example-list b { margin:0 6px; color:var(--acid); }
.campaign-empty { max-width:700px; padding:45px; }
.campaign-empty h2 { margin:11px 0; font-size:32px; }
.campaign-empty p { margin-bottom:22px; color:#636365; font-size:13px; }
@media (max-width:1050px) {
  .campaign-layout { grid-template-columns:230px minmax(0,1fr); gap:18px; }
  .campaign-branch-row { grid-template-columns:auto 1fr 1fr; }
  .campaign-branch-row input { grid-column:2; }
  .campaign-branch-row .branch-then { grid-column:1; }
  .campaign-branch-row select:last-of-type { grid-column:2; }
  .campaign-remove-branch { grid-column:3; grid-row:2; }
}
@media (max-width:780px) {
  .campaign-layout { grid-template-columns:1fr; }
  .campaign-library { position:static; }
  .campaign-list { display:grid; grid-template-columns:repeat(2,1fr); }
  .campaign-example-note { display:none; }
  .campaign-builder-head { flex-direction:column; }
  .campaign-builder-actions { align-self:flex-start; }
  .campaign-logic-summary { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .campaign-list { grid-template-columns:1fr; }
  .campaign-toolbar > span { width:100%; }
  .campaign-step-card { grid-template-columns:34px minmax(0,1fr); }
  .campaign-step-main { padding:14px 12px; }
  .campaign-step-detail, .campaign-step-subject, .campaign-add-branch, .campaign-branches { margin-left:0; }
  .campaign-step-head { gap:8px; }
  .campaign-delay { display:none; }
  .campaign-editable-title { font-size:25px; }
  .campaign-builder-actions .button { padding:10px 12px; font-size:11px; }
}
/* Campaign studio layout: flow canvas / selected-step editor / team chat. */
.campaign-studio-topbar { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:48px; padding:0 0 13px; border-bottom:1px solid #dedee0; color:#636365; font:11px var(--mono); }
.campaign-studio-crumb, .campaign-stage-nav, .campaign-studio-metrics { display:flex; align-items:center; gap:9px; }
.campaign-studio-crumb strong { color:var(--ink); }
.campaign-studio-crumb b, .campaign-stage-nav b { color:#b6b6b8; font-size:15px; font-weight:400; }
.campaign-stage-nav strong { color:#637f22; }
.campaign-studio-metrics { justify-content:flex-end; gap:18px; }
.campaign-pencil { padding:0; color:#4a6510; font:11px var(--mono); text-decoration:underline; }
.campaign-studio-titlebar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:18px 0 16px; border-bottom:1px solid #dedee0; }
.campaign-studio-titlebar .campaign-title-line { gap:10px; }
.campaign-studio-titlebar .campaign-editable-title { font-size:20px; }
.campaign-studio-titlebar .autosave-state { display:block; margin-top:6px; color:#636365; font:11px var(--mono); }
.campaign-saved-controls { display:flex; gap:8px; align-items:center; }
.campaign-saved-controls select { min-width:160px; padding:9px 11px; color:#5b5b5d; border:1px solid #dedee0; border-radius:999px; background:#ffffff; font:11px var(--mono); }
.campaign-studio-grid { display:grid; grid-template-columns:minmax(390px,1.35fr) minmax(360px,1fr) minmax(270px,.82fr); min-height:650px; border-bottom:1px solid #dedee0; }
.campaign-flow-pane, .campaign-editor-pane, .campaign-chat-pane { min-width:0; }
.campaign-editor-pane { padding:0 21px; border-right:1px solid #dedee0; background:#ffffff; }
.campaign-chat-pane { display:flex; flex-direction:column; background:#f1f1f3; }
.campaign-pane-heading { display:flex; justify-content:space-between; align-items:center; padding:0 0 14px; }
.campaign-pane-heading strong { display:block; margin-top:6px; font-size:15px; }
.campaign-flow-toolbar { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:13px; }
.campaign-flow-canvas { max-height:594px; padding-right:8px; overflow:auto; background:#fafafa; }
.campaign-flow-canvas .campaign-trigger, .campaign-flow-canvas .campaign-end { margin:0 13px; }
.campaign-flow-canvas .campaign-step-card { margin:8px 13px 0; }
.campaign-flow-canvas .campaign-step-main { cursor:pointer; text-align:left; }
.campaign-flow-canvas .campaign-step-card.selected { border-color:#91ad22; box-shadow:0 0 0 2px #dced80; }
.campaign-flow-canvas .campaign-step-card.selected .campaign-step-rail { background:#f5f5f7; }
.campaign-flow-canvas .campaign-step-detail { margin-left:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.campaign-flow-canvas .campaign-connector { height:15px; }
.campaign-branch-chip { margin-top:10px; padding:7px 8px; color:#66714f; border:1px solid #e3e3e8; background:#f5f5f7; font:11px var(--mono); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.campaign-branch-chip span { margin-right:5px; color:#89966f; }
.campaign-branch-chip b { margin:0 5px; color:#4a6510; }
.campaign-editor-tabs { display:flex; align-items:center; gap:18px; min-height:47px; border-bottom:1px solid #dedee0; }
.campaign-editor-tabs button { padding:14px 0 11px; color:#636365; border-bottom:2px solid transparent; font-size:11px; }
.campaign-editor-tabs button.active { color:var(--ink); border-color:#789125; font-weight:700; }
.campaign-editor-tabs span { flex:1; }
.campaign-editor-tabs .icon-button { padding:7px; border:0; color:#9e9ea0; font-size:17px; }
.campaign-editor-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; padding:18px 0 15px; }
.campaign-editor-heading > div { display:flex; align-items:center; gap:10px; }
.campaign-editor-heading h2 { margin:5px 0 0; font-size:17px; letter-spacing:-.04em; }
.campaign-editor-heading .autosave-state { color:#636365; font:11px var(--mono); }
.campaign-control-card { border:1px solid #dedee0; background:#ffffff; }
.campaign-control-row { display:flex; justify-content:space-between; align-items:center; gap:15px; min-height:54px; padding:10px 12px; border-bottom:1px solid #e6e6e8; }
.campaign-control-row:last-child { border-bottom:0; }
.campaign-control-row strong, .campaign-control-row small { display:block; }
.campaign-control-row strong { font-size:11px; font-weight:600; }
.campaign-control-row small { margin-top:3px; color:#636365; font-size:10px; line-height:1.3; }
.campaign-control-row select { max-width:142px; padding:8px; color:#767678; border:1px solid #dedee0; background:#f5f5f7; font:11px var(--mono); }
.toggle { position:relative; display:block; width:32px; height:18px; flex:0 0 auto; }
.toggle input { position:absolute; opacity:0; }
.toggle span { position:absolute; inset:0; border-radius:999px; background:#d7d7d9; cursor:pointer; }
.toggle span::after { content:''; position:absolute; top:3px; left:3px; width:12px; height:12px; border-radius:50%; background:#ffffff; transition:left .15s ease; }
.toggle input:checked + span { background:#a9c52f; }
.toggle input:checked + span::after { left:17px; }
.campaign-message-editor, .campaign-editor-branch { margin-top:17px; padding-top:15px; border-top:1px solid #dedee0; }
.campaign-message-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:13px; color:#4a6510; font:11px var(--mono); letter-spacing:.06em; }
.campaign-message-heading button { padding:0; color:#4a6510; font:11px var(--mono); }
.campaign-message-editor label { display:block; margin:10px 0; color:#636365; font:11px var(--mono); }
.campaign-message-editor input, .campaign-message-editor textarea { display:block; width:100%; box-sizing:border-box; margin-top:6px; padding:10px; color:#565658; border:1px solid #dedee0; border-radius:0; outline:0; background:#ffffff; font:12px var(--sans); resize:vertical; }
.campaign-message-editor input:focus, .campaign-message-editor textarea:focus { border-color:#a9c52f; box-shadow:0 0 0 2px #f5f5f7; }
.campaign-message-editor .full { width:100%; justify-content:center; }
.campaign-editor-branch p { margin:0 0 10px; color:#636365; font-size:11px; line-height:1.4; }
.campaign-editor-branch-row { display:grid; grid-template-columns:auto 1.1fr .8fr .7fr auto 1.1fr auto; gap:5px; align-items:center; padding:8px 0; border-top:1px solid #e6e6e8; }
.campaign-editor-branch-row span { color:#636365; font:11px var(--mono); }
.campaign-editor-branch-row select, .campaign-editor-branch-row input { min-width:0; padding:7px 6px; color:#606062; border:1px solid #dedee0; background:#f5f5f7; font:11px var(--mono); }
.campaign-editor-branch-row .icon-button { padding:0; color:#9e9ea0; }
.branch-count { display:block; color:#4a6510; font:11px var(--mono); }
.branch-count.muted { color:#9e9ea0; }
.campaign-chat-heading { display:flex; justify-content:space-between; align-items:center; min-height:47px; padding:0 15px; border-bottom:1px solid #dedee0; }
.campaign-chat-heading strong { font-size:12px; }
.campaign-chat-heading .icon-button { color:#636365; }
.campaign-chat-messages { flex:1; padding:17px 15px; overflow:auto; }
.chat-message { margin:0 0 16px; color:#6e6e70; font-size:11px; line-height:1.55; }
.chat-message strong { color:#414143; }
.chat-action { margin:12px 0; padding:10px; border-left:2px solid #a9c52f; background:#ffffff; cursor:pointer; }
.chat-action strong, .chat-action span { display:block; }
.chat-action strong { color:#4f5d3d; font-size:11px; }
.chat-action span { margin-top:4px; color:#636365; font-size:10px; line-height:1.35; }
.chat-attachment { display:inline-block; padding:6px 8px; color:#7a865d; border:1px solid #e3e3e8; background:#f5f5f7; font:11px var(--mono); }
.campaign-chat-input { display:flex; align-items:center; gap:7px; padding:10px; border-top:1px solid #dedee0; }
.campaign-chat-input input { min-width:0; flex:1; padding:9px 7px; border:0; outline:0; background:transparent; color:#565658; font-size:11px; }
.campaign-chat-input input::placeholder { color:#a1a1a3; }
.campaign-chat-input .icon-button { color:#6e7c5b; font-size:16px; }
.campaign-studio-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-top:14px; }
.campaign-studio-footer > span { color:#636365; font:11px var(--mono); }
.campaign-studio-footer .text-button { color:#4a6510; font-size:11px; }
@media (max-width:1180px) {
  .campaign-studio-grid { grid-template-columns:minmax(330px,1.1fr) minmax(340px,1fr) minmax(230px,.75fr); }
  .campaign-editor-branch-row { grid-template-columns:1fr 1fr 1fr; }
  .campaign-editor-branch-row span { display:none; }
  .campaign-editor-branch-row .icon-button { justify-self:end; }
}
@media (max-width:900px) {
  .campaign-studio-grid { grid-template-columns:1fr 1fr; }
  .campaign-chat-pane { grid-column:1 / -1; min-height:260px; border-top:1px solid #dedee0; }
  .campaign-studio-topbar { grid-template-columns:1fr auto; }
  .campaign-stage-nav { display:none; }
  .campaign-studio-metrics { display:none; }
}
@media (max-width:620px) {
  .campaign-studio-titlebar { align-items:flex-start; flex-direction:column; }
  .campaign-saved-controls { width:100%; }
  .campaign-saved-controls select { flex:1; }
  .campaign-studio-grid { grid-template-columns:1fr; }
  .campaign-flow-pane { padding-right:0; border-right:0; border-bottom:1px solid #dedee0; }
  .campaign-editor-pane { padding:0; border-right:0; border-bottom:1px solid #dedee0; }
  .campaign-chat-pane { grid-column:auto; }
  .campaign-studio-footer { align-items:flex-start; flex-wrap:wrap; }
  .campaign-studio-footer > span { order:3; width:100%; text-align:center; }
  .campaign-flow-canvas { max-height:none; }
  .campaign-editor-branch-row { grid-template-columns:1fr 1fr; }
  .campaign-editor-branch-row .icon-button { grid-column:2; }
}
/* Overview dashboard: spacious summary cards inspired by the supplied dashboard references. */
.is-overview .workspace-header { min-height:116px; padding-top:22px; align-items:flex-start; }
.is-overview .workspace-header h1 { margin-top:9px; font-size:36px; }
.activity-dot { width:8px; height:8px; flex:0 0 auto; margin-top:4px; border-radius:50%; background:var(--acid); }
.routing-rules-panel { margin-top:16px; overflow:hidden; }
.routing-rules-body { display:grid; gap:18px; padding:20px; border-top:1px solid var(--workspace-border); background:#ffffff; }
.routing-rule-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.routing-rule-columns form { display:grid; gap:10px; padding:16px; border:1px solid #ececf0; border-radius:14px; background:#f5f5f7; }
.routing-rule-columns label { display:grid; gap:6px; color:#5c5c5e; font:11px var(--mono); text-transform:uppercase; }
.routing-rule-columns input, .routing-rule-columns select { width:100%; padding:10px 11px; color:#2e2e30; border:1px solid #e3e3e8; border-radius:9px; background:#ffffff; font:12px var(--sans); outline:none; text-transform:none; }
.routing-rule-list { display:grid; gap:7px; }
.routing-rule-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border:1px solid #ececf0; border-radius:10px; background:#ffffff; }
.routing-rule-row span { display:grid; gap:4px; min-width:0; }
.routing-rule-row strong { color:#323234; font-size:12px; }
.routing-rule-row small { color:#828284; font:11px var(--mono); }
@media (max-width:700px) {
  .routing-rule-columns { grid-template-columns:1fr; }
}
@media (max-width:720px) {
  .is-overview .workspace-header { min-height:102px; }
  .is-overview .workspace-header h1 { font-size:29px; }
}
/* Workspace-wide product polish: one calm system across every page. */
.workspace-brand { min-height:39px; margin-bottom:18px; }
.workspace-brand .brand-mark { width:34px; height:34px; font-size:13px; }
.workspace-switcher { margin-bottom:10px; }
.workspace-nav-item { min-height:58px; transition:background .18s ease, color .18s ease, transform .18s ease; }
.workspace-header { min-height:126px; padding:26px 0 24px; align-items:flex-start; }
.workspace-header h1 { margin-top:10px; font-size:38px; }
.page-header-subtitle { max-width:650px; margin:8px 0 0; color:#636365; font-size:13px; line-height:1.45; }
.workspace-intro { min-height:48px; margin-bottom:22px; }
.workspace-intro > p { max-width:660px; font-size:13px; line-height:1.5; }
.panel-header { gap:20px; }
.panel-header h2 { letter-spacing:-.045em; }
/* AI agents */
.is-agents .workspace-content { padding-top:34px; }
.is-agents .workspace-intro { align-items:flex-end; padding:0 2px 20px; border-bottom:1px solid #e3e3e5; }
.is-agents .workspace-intro > p { margin:0; }
.agent-command-panel { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:28px 30px; margin-bottom:14px; border:1px solid #e3e3e8; border-radius:20px; background:#f5f5f7; }
.agent-command-panel h2 { margin:8px 0 7px; font-size:28px; letter-spacing:-.055em; }
.agent-command-panel p { max-width:690px; margin:0; color:#78787a; font-size:13px; line-height:1.5; }
.agent-command-actions { display:flex; flex-shrink:0; align-items:center; gap:10px; }
.agent-command-actions .button { white-space:nowrap; }
.agent-busywork-grid { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:10px; margin-bottom:20px; }
.agent-workspace-grid { grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
.agent-card { min-height:0; height:auto; padding:24px; }
.agent-card:hover { border-color:#bfd464; box-shadow:0 14px 34px rgba(58,72,24,.08); transform:translateY(-2px); }
.agent-card-head { margin-bottom:34px; }
.agent-card-type { margin-bottom:9px; color:#4a6510; font-size:10px; letter-spacing:.08em; }
.agent-card h2 { margin:0; font-size:24px; letter-spacing:-.055em; }
.agent-card > p { margin:9px 0 0; color:#818183; font-size:12px; line-height:1.45; }
.agent-capability-list { display:flex; flex-wrap:wrap; gap:5px; margin-top:15px; }
.agent-capability-list span { padding:5px 7px; border:1px solid #e4e4e6; border-radius:999px; color:#777779; background:#f8f8fa; font:11px var(--mono); }
.agent-control-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:15px; }
.agent-control-grid div { display:flex; flex-direction:column; gap:5px; padding:8px 9px; border-radius:9px; background:#f4f4f6; }
.agent-control-grid span { color:#636365; font:11px var(--mono); }
.agent-control-grid strong { color:#616163; font-size:10px; }
.agent-card-foot { position:static; left:auto; right:auto; bottom:auto; display:flex; flex-direction:column; align-items:stretch; gap:12px; margin-top:23px; padding-top:15px; border-top:1px solid #e6e6e8; }
.agent-card-foot > span { color:#636365; font:11px var(--mono); }
.agent-card-actions { width:100%; margin-top:0; display:flex; flex-wrap:wrap; gap:10px; }
.agent-card-actions button { min-height:24px; padding:0; font-size:11px; white-space:nowrap; }
.agent-last-output { min-height:64px; overflow-wrap:anywhere; }
.agent-last-output span { line-height:1.45; }
.agent-flow-panel { margin-top:20px; padding:26px; background:#222224; border-color:#3d3d3f; color:#f5f5f7; }
.agent-flow-panel h2 { color:#f7f7f9; }
.agent-flow-panel .panel-kicker { color:#b1d034; }
.agent-flow-panel .pill { color:#e3e3e8; border-color:#50613b; background:#2e2e30; }
.flow-steps > div:not(.flow-arrow) { padding:16px; border:1px solid #48484a; background:#2a2a2c; }
.flow-steps > div:not(.flow-arrow) span { color:var(--acid); }
.flow-steps > div:not(.flow-arrow) strong { color:#f2f2f4; }
.flow-steps > div:not(.flow-arrow) small { color:#b0b0b2; }
.flow-arrow { color:#b1d034; }
.agent-graph-panel { margin-top:20px; padding:26px; border:1px solid #e3e3e8; border-radius:18px; background:#ffffff; box-shadow:0 8px 30px rgba(38,46,27,.035); }
.agent-panel-copy { max-width:720px; margin:0 0 18px; color:#808082; font-size:12px; line-height:1.5; }
.agent-graph-track { display:flex; align-items:stretch; gap:10px; overflow-x:auto; padding:8px 2px 5px; }
.agent-graph-node { min-width:150px; flex:1 0 150px; display:flex; flex-direction:column; gap:6px; padding:15px; border:1px solid #e3e3e8; border-radius:14px; background:#f5f5f7; }
.agent-graph-node.human { border-color:#d8c9b9; background:#efeff1; }
.agent-graph-node > span { color:#88a21f; font:11px var(--mono); }
.agent-graph-node strong { font-size:13px; line-height:1.2; }
.agent-graph-node small, .agent-graph-node em { color:#848486; font:11px var(--mono); }
.agent-graph-node em { color:#668422; font-style:normal; }
.agent-graph-arrow { align-self:center; flex:0 0 auto; color:#9eb648; font-size:22px; }
.agent-observability-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:16px; margin-top:20px; }
.agent-telemetry-panel, .agent-skills-panel { min-width:0; }
.agent-telemetry-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:18px 0; }
.agent-telemetry-stats div { display:flex; flex-direction:column; gap:6px; padding:11px; border-radius:10px; background:#f5f5f7; }
.agent-telemetry-stats span { color:#98989a; font:11px var(--mono); }
.agent-telemetry-stats strong { font-size:19px; letter-spacing:-.04em; }
.agent-run-list { border-top:1px solid #e7e7e9; }
.agent-run-row { display:grid; grid-template-columns:8px minmax(0,1fr) minmax(110px,.8fr); align-items:center; gap:10px; min-height:57px; border-bottom:1px solid #e7e7e9; }
.agent-run-row > div, .agent-run-row em { display:flex; flex-direction:column; gap:4px; min-width:0; }
.agent-run-row strong { font-size:11px; }
.agent-run-row small, .agent-run-row em { overflow:hidden; color:#9b9b9d; font:11px var(--mono); text-overflow:ellipsis; white-space:nowrap; }
.agent-run-row em { display:block; text-align:right; font-style:normal; }
.run-status { width:7px; height:7px; border-radius:50%; background:#a9c52f; }
.run-status.failed { background:#d67961; }
.agent-skill-list { border-top:1px solid #e7e7e9; }
.agent-skill-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 0; border-bottom:1px solid #e7e7e9; }
.agent-skill-row > div { display:flex; flex-direction:column; gap:4px; min-width:0; }
.agent-skill-row strong { font-size:11px; }
.agent-skill-row small { color:#848486; font-size:10px; line-height:1.35; }
.agent-skill-row em { color:#9d9d9f; font:11px var(--mono); font-style:normal; }
.agent-skill-row button { flex-shrink:0; color:#637f22; font:11px var(--mono); }
.agent-routing-panel { margin-bottom:20px; padding:24px 26px; border-color:#e3e3e8; background:#ffffff; }
.agent-routing-panel .panel-header { align-items:center; }
.agent-routing-panel h2 { margin-top:7px; font-size:22px; }
.agent-routing-panel .agent-panel-copy { max-width:780px; margin:0; }
.agent-routing-policy { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; padding:10px; border:1px solid #ececf0; border-radius:10px; background:#f8f8fa; }
.agent-routing-policy span { display:inline-flex; align-items:center; gap:5px; color:#7d7d7f; font:11px var(--mono); }
.agent-routing-policy strong { color:#526044; font-weight:700; }
.routing-policy-dot { width:7px; height:7px; border-radius:50%; background:#a9c52f; }
.routing-policy-dot.review { background:#f2aa72; }
.routing-policy-dot.draft { background:#8fc1df; }
.agent-routing-decisions { border-top:1px solid #e7e7e9; }
.agent-routing-row { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr) auto; gap:14px; align-items:center; padding:13px 0; border-bottom:1px solid #e7e7e9; }
.agent-routing-signal, .agent-routing-match { display:flex; flex-direction:column; gap:4px; min-width:0; }
.agent-routing-signal strong, .agent-routing-match strong { overflow:hidden; color:#3c3c3e; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.agent-routing-signal small, .agent-routing-match small { overflow:hidden; color:#636365; font-size:10px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.routing-status { align-self:flex-start; padding:4px 6px; border-radius:999px; font:11px var(--mono); text-transform:uppercase; letter-spacing:.04em; }
.routing-status.auto-enrolled { color:#5f771d; background:#f5f5f7; }
.agent-routing-match > span { color:#4a6510; font:11px var(--mono); }
.agent-routing-row .button { min-width:118px; justify-content:center; }
.agent-routing-empty { padding:18px 0 4px; color:#636365; font:11px var(--mono); }
/* Signals */
.is-signals .workspace-intro { align-items:center; }
.is-signals .filter { padding:8px 12px; border-radius:999px; color:#8e8e90; font:11px var(--mono); }
.is-signals .filter.active { color:#253313; background:var(--acid); }
.signal-row-large { grid-template-columns:74px minmax(0,1fr) auto auto; min-height:85px; padding:18px 0; border-top:0; border-bottom:1px solid #e6e6e8; }
.signal-row-large:last-child { border-bottom:0; }
.signal-row-large:hover { background:#fbfbfb; }
.signal-row-large .signal-time { padding-top:2px; color:#636365; font:11px var(--mono); }
.signal-row-large .signal-body strong { font-size:13px; }
.signal-row-large .signal-body p { max-width:680px; margin-top:6px; font-size:11px; }
.signal-row-large .row-action { padding:8px 0 8px 16px; font-size:10px; }
.signal-row-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; flex-wrap:wrap; }
.signal-feedback { position:relative; }
.signal-feedback summary { cursor:pointer; color:#4a6510; font:11px var(--mono); list-style:none; }
.signal-feedback summary::-webkit-details-marker { display:none; }
.signal-feedback summary::after { content:' +'; }
.signal-feedback[open] summary::after { content:' −'; }
.signal-feedback > div { position:absolute; z-index:2; right:0; top:22px; display:flex; flex-direction:column; gap:6px; min-width:128px; padding:9px; background:#ffffff; border:1px solid #ececf0; border-radius:10px; box-shadow:0 10px 24px rgba(29,44,19,.12); }
.signal-feedback .text-button { text-align:left; white-space:nowrap; }
.signal-feedback-saved { color:#4a6510; font:11px var(--mono); }
/* Playbooks */
.is-playbooks .workspace-intro { align-items:flex-end; padding-bottom:22px; border-bottom:1px solid #e3e3e5; }
.playbook-actions { gap:10px; }
.search-field { min-width:270px; padding:0 0 0 13px; border:1px solid #dedee0; border-radius:999px; background:#ffffff; }
.search-field input { height:38px; padding:0 13px; background:transparent; }
.playbook-library { gap:16px; }
/* Play Center */
.play-center-workspace { display:flex; flex-direction:column; gap:16px; }
.play-center-command { margin-bottom:0; }
.play-center-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.play-center-summary > div { display:flex; flex-direction:column; gap:5px; min-height:94px; padding:17px 18px; border:1px solid #ececee; border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(25,29,23,.035); }
.play-center-summary span, .play-center-results span { color:#636365; font:11px var(--mono); letter-spacing:.08em; }
.play-center-summary strong { color:#242426; font:700 25px var(--mono); letter-spacing:-.04em; }
.play-center-summary small { color:#8f8f91; font-size:10px; }
.play-center-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.play-center-filters { display:flex; flex-wrap:wrap; gap:5px; padding:4px; border:1px solid #ececee; border-radius:999px; background:#f7f7f9; }
.play-center-filters button { min-height:35px; padding:0 12px; border:0; border-radius:999px; color:#828284; background:transparent; font:11px var(--mono); cursor:pointer; }
.play-center-filters button:hover, .play-center-filters button.active { color:#1d1d1f; background:#c9ee3d; }
.play-center-toolbar .search-field { min-width:280px; }
.play-center-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr); gap:16px; align-items:start; }
.play-center-list, .play-center-detail { min-width:0; border:1px solid #ececee; border-radius:22px; background:#fff; box-shadow:0 14px 36px rgba(25,29,23,.045); }
.play-center-list { overflow:hidden; }
.play-center-list-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; padding:20px 22px 16px; border-bottom:1px solid #ececee; }
.play-center-list-head > div { display:flex; flex-direction:column; gap:5px; }
.play-center-list-head strong { color:#242426; font-size:14px; }
.play-center-list-note { color:#636365; font-size:10px; }
.play-center-row { display:grid; grid-template-columns:34px minmax(180px,1fr) 106px minmax(150px,.8fr) 18px; gap:12px; align-items:center; width:100%; min-height:78px; padding:14px 22px; border:0; border-bottom:1px solid #f0f0f2; color:inherit; background:#fff; text-align:left; cursor:pointer; }
.play-center-row:last-child { border-bottom:0; }
.play-center-row:hover, .play-center-row.selected { background:#f5f5f7; }
.play-center-row.selected { box-shadow:inset 3px 0 0 #b8dc32; }
.play-center-row-index { color:#ababad; font:11px var(--mono); }
.play-center-row-main { display:flex; flex-direction:column; gap:5px; min-width:0; }
.play-center-row-main strong { overflow:hidden; color:#29292b; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.play-center-row-main small, .play-center-row-detail { overflow:hidden; color:#979799; font-size:10px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.play-center-row-status, .play-center-detail-head .pill { justify-self:start; padding:5px 7px; border-radius:999px; font:11px var(--mono); letter-spacing:.03em; white-space:nowrap; }
.play-center-status-neutral { color:#757577; background:#f1f1f3; }
.play-center-status-draft { color:#7a692f; background:#fff3cf; }
.play-center-status-review { color:#9a552d; background:#ffe5d8; }
.play-center-status-active { color:#4f7417; background:#f5f5f7; }
.play-center-status-learning { color:#5269a0; background:#e4ecff; }
.play-center-row-arrow { color:#636365; font-size:18px; }
.play-center-detail { position:sticky; top:18px; padding:22px; }
.play-center-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.play-center-detail-head > div { display:flex; flex-direction:column; align-items:flex-start; gap:9px; min-width:0; }
.play-center-detail-head h2 { margin:0; color:#242426; font-size:24px; line-height:1.05; letter-spacing:-.05em; }
.play-center-detail-copy { margin:16px 0; color:#79797b; font-size:11px; line-height:1.5; }
.play-center-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.play-center-detail-grid > div { display:flex; flex-direction:column; gap:5px; min-height:68px; padding:10px; border:1px solid #e9e9eb; border-radius:10px; background:#fbfbfb; }
.play-center-detail-grid span, .play-center-evidence .panel-kicker, .play-center-results span { color:#909092; font:11px var(--mono); letter-spacing:.07em; }
.play-center-detail-grid strong { color:#404042; font-size:10px; line-height:1.3; }
.play-center-evidence { margin-top:16px; padding-top:15px; border-top:1px solid #ececee; }
.play-center-evidence > div { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
.play-center-evidence > div span { padding:6px 8px; border:1px solid #ececf0; border-radius:999px; color:#63752f; background:#f5f5f7; font-size:11px; }
.play-center-evidence small { color:#636365; font-size:10px; }
.play-center-results { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-top:16px; }
.play-center-results > div { display:flex; flex-direction:column; gap:4px; padding:9px; border-radius:9px; background:#f4f4f6; }
.play-center-results strong { color:#242426; font:700 14px var(--mono); }
.play-center-detail-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; padding-top:16px; border-top:1px solid #ececee; }
.play-center-detail-footer > span { max-width:190px; color:#8f8f91; font-size:10px; line-height:1.35; }
.play-center-activation { margin-top:16px; padding:14px; border:1px solid #e3e3e8; border-radius:13px; background:#f5f5f7; }
.play-center-activation-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.play-center-activation-head > div { display:flex; flex-direction:column; gap:5px; }
.play-center-activation-head strong { color:#414143; font-size:11px; line-height:1.35; }
.play-center-activation p { margin:8px 0 12px; color:#7c7c7e; font-size:10px; line-height:1.45; }
.play-center-activation-steps { display:grid; gap:6px; }
.play-center-activation-steps > div { display:flex; align-items:flex-start; gap:8px; padding-top:7px; border-top:1px solid #ececf0; color:#666668; font-size:10px; line-height:1.35; }
.play-center-activation-steps b, .campaign-activation-checklist b { flex:0 0 auto; color:#8da327; font:11px var(--mono); }
.play-center-activation-footer { display:grid; gap:5px; margin-top:12px; padding-top:10px; border-top:1px dashed #e3e3e8; color:#829060; font:11px var(--mono); line-height:1.4; }
.play-center-activation-footer b { color:#66772b; }
.play-center-provider-health { margin-top:16px; padding:13px 14px; border:1px solid #e7e7e9; border-radius:12px; background:#fff; }
.play-center-provider-health > div:nth-child(2) { display:grid; gap:7px; margin-top:9px; }
.play-center-provider-health em { color:#919193; font-size:11px; line-height:1.35; }
.play-center-provider-health > em { display:block; margin-top:10px; font-style:normal; }
.play-center-run-history { display:grid; gap:7px; margin-top:16px; padding-top:14px; border-top:1px solid #ececee; }
.play-center-run-history > div:not(.panel-kicker) { display:grid; grid-template-columns:8px 70px minmax(0,1fr); align-items:center; gap:7px; color:#676769; font-size:11px; }
.play-center-run-history strong { color:#545456; font-size:11px; text-transform:capitalize; }
.play-center-run-history small { color:#929294; }
.play-run-status { width:7px; height:7px; border-radius:50%; background:#d4d4d6; }
.play-run-status.complete { background:#8eb62c; }
.play-run-status.failed { background:#d26c55; }
.opinionated-activation-modal { max-width:560px; }
.opinionated-activation-modal form { display:grid; gap:12px; }
.opinionated-activation-modal .modal-note { margin-top:2px; }
@media (max-width:900px) {
  .play-center-layout { grid-template-columns:1fr; }
  .play-center-detail { position:static; }
  .play-center-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .play-center-toolbar { align-items:stretch; flex-direction:column; }
  .play-center-toolbar .search-field { min-width:0; }
  .play-center-filters { border-radius:16px; }
  .play-center-row { grid-template-columns:24px minmax(0,1fr) 18px; gap:8px; padding:14px 16px; }
  .play-center-row-status, .play-center-row-detail { grid-column:2; }
  .play-center-row-status { justify-self:start; }
  .play-center-row-detail { white-space:normal; }
  .play-center-list-head { padding:18px 16px 14px; }
  .play-center-detail { padding:18px; }
  .play-center-detail-footer { align-items:flex-start; flex-direction:column; }
  .play-center-detail-footer > span { max-width:none; }
  .play-center-summary { gap:7px; }
  .play-center-summary > div { min-height:86px; padding:13px; }
}
/* Integrations */
.is-integrations .workspace-content, .is-settings .workspace-content { padding-top:34px; }
.stack-complete { display:inline-flex; align-items:center; gap:8px; margin-top:8px; color:#607c1c; font:11px var(--mono); }
.stack-complete i { display:grid; width:23px; height:23px; place-items:center; border-radius:50%; color:#263216; background:var(--acid); font-style:normal; }
.oauth-advanced { margin:14px 0 22px; border:1px solid #e2e2e4; border-radius:14px; background:#f5f5f7; }
.oauth-advanced summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 17px; cursor:pointer; list-style:none; color:#7f7f81; font:11px var(--mono); }
.oauth-advanced summary::-webkit-details-marker { display:none; }
.oauth-advanced summary > span:first-child { display:flex; align-items:center; gap:13px; }
.oauth-advanced summary .panel-kicker { color:#8f8f91; }
.oauth-advanced summary strong { color:#39393b; font:12px var(--sans); }
.oauth-advanced summary b { display:inline-block; margin-left:6px; color:#6e792f; font-size:15px; font-weight:400; transition:transform .2s ease; }
.oauth-advanced[open] summary b { transform:rotate(180deg); }
.oauth-advanced-body { padding:0 17px 17px; border-top:1px solid #e2e2e4; }
.oauth-advanced-body p { margin:14px 0; color:#858587; font-size:11px; }
.integration-grid { grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
.integration-card { min-height:278px; padding:23px; }
.integration-card:hover { border-color:#bfd464; transform:translateY(-2px); }
.integration-head { margin-bottom:25px; }
.integration-logo { width:42px; height:42px; border-radius:13px; background:#303032; }
.integration-card h2 { font-size:21px; letter-spacing:-.045em; }
.integration-card > p { min-height:48px; color:#818183; font-size:12px; line-height:1.5; }
.integration-sync-note { margin-top:10px; color:#636365; font:11px var(--mono); }
.integration-foot { margin-top:21px; padding-top:15px; border-top:1px solid #e6e6e8; }
.integration-actions { flex-wrap:wrap; justify-content:flex-end; }
.context-panel, .audit-panel { margin-top:20px; }
.context-grid > div { background:#f8f8fa; }
/* Settings */
.settings-grid { gap:16px; }
.team-panel, .invite-panel { min-height:292px; }
.team-panel, .invite-panel, .audit-panel { padding:25px; }
.team-row { min-height:64px; }
.team-row:hover, .audit-row:hover { background:#fbfbfb; }
.invite-panel .full { min-height:42px; }
/* Human review */
.is-review .workspace-content { padding-top:28px; }
.review-command-center { display:flex; align-items:flex-start; justify-content:space-between; gap:28px; padding:28px; margin-bottom:18px; border:1px solid #dedee0; border-radius:24px; background:#ffffff; box-shadow:0 18px 42px rgba(38,46,27,.055); }
.review-command-center h2 { max-width:780px; margin:9px 0 8px; font-size:46px; line-height:.98; letter-spacing:-.07em; }
.review-command-center p { max-width:720px; margin:0; color:#636365; font-size:14px; line-height:1.55; }
.review-command-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; min-width:280px; }
.review-metrics { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.review-metrics div { min-height:118px; padding:20px; border:1px solid #dedee0; border-radius:20px; background:#ffffff; box-shadow:0 12px 28px rgba(38,46,27,.035); }
.review-metrics span, .review-metrics em { display:block; color:#636365; font:11px var(--mono); }
.review-metrics strong { display:block; margin:14px 0 10px; font-size:38px; line-height:1; letter-spacing:-.06em; }
/* Campaign studio */
.campaign-studio-topbar, .campaign-studio-titlebar { background:#ffffff; }
.campaign-studio-grid { border:1px solid #dedee0; border-radius:18px; overflow:hidden; background:#ffffff; box-shadow:0 10px 32px rgba(38,46,27,.045); }
.campaign-flow-pane { padding-left:18px; background:#fafafa; }
.campaign-editor-pane { background:#ffffff; }
.campaign-chat-pane { background:#f1f1f3; }
.campaign-studio-footer { padding:15px 2px 0; }
/* Campaigns is a focused studio, so the builder owns the viewport. */
.is-campaigns .workspace-header { display:none; }
.is-campaigns .workspace-main { padding-bottom:24px; }
.is-campaigns .workspace-content { max-width:none; height:calc(100vh - 24px); min-height:600px; padding-top:24px; display:flex; flex-direction:column; }
.is-campaigns .campaign-studio-topbar { flex:0 0 auto; }
.is-campaigns .campaign-studio-titlebar { flex:0 0 auto; }
.is-campaigns .campaign-studio-grid { height:calc(100vh - 265px); min-height:0; flex:1 1 auto; }
.is-campaigns .campaign-flow-pane { display:flex; flex-direction:column; min-height:0; }
.is-campaigns .campaign-flow-canvas { flex:1 1 auto; max-height:none; min-height:0; }
.is-campaigns .campaign-editor-pane { overflow:auto; }
.is-campaigns .campaign-chat-messages { min-height:0; }
.is-campaigns .campaign-studio-footer { flex:0 0 auto; }
.campaign-runtime-bar { display:grid; grid-template-columns:minmax(150px,.7fr) minmax(300px,1.4fr) auto auto; gap:14px; align-items:center; margin:10px 0; padding:11px 14px; border:1px solid #e3e3e8; border-radius:12px; background:#f5f5f7; }
.campaign-runtime-status strong, .campaign-runtime-status small { display:block; }
.campaign-runtime-status strong { margin-top:4px; font-size:12px; }
.campaign-runtime-status small { margin-top:3px; color:#8f8f91; font:11px var(--mono); }
.runtime-dot { display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:50%; background:#bababc; }
.runtime-dot.running { background:#a9c52f; box-shadow:0 0 0 3px #ececf0; }
.campaign-runtime-stats { display:flex; gap:20px; align-items:center; }
.campaign-runtime-stats span { color:#848486; font:11px var(--mono); }
.campaign-runtime-stats b { margin-right:4px; color:#3d4f1b; font-size:14px; }
.campaign-runtime-actions { display:flex; gap:7px; }
.campaign-runtime-actions .button { white-space:nowrap; }
.campaign-runtime-test { display:flex; align-items:center; gap:6px; }
.campaign-runtime-test span { margin-right:2px; color:#9aa486; font:11px var(--mono); }
.campaign-runtime-test button { padding:5px 7px; color:#637f22; border:1px solid #e3e3e8; border-radius:999px; background:#f5f5f7; font:11px var(--mono); }
.campaign-personalization-panel { margin:20px 0 22px; padding:15px 0 0; border-top:1px solid #dedee0; }
.campaign-personalization-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.campaign-personalization-heading strong { display:block; margin-top:6px; color:#414143; font-size:11px; }
.campaign-person-grid { display:flex; gap:6px; margin:13px 0; overflow:auto; padding-bottom:3px; }
.campaign-person-row { flex:0 0 126px; display:grid; grid-template-columns:24px 1fr; gap:2px 7px; padding:8px; text-align:left; border:1px solid #e1e1e3; border-radius:9px; background:#f9f9fb; }
.campaign-person-row.selected { border-color:#b8d841; background:#f5f5f7; box-shadow:0 0 0 2px #f5f5f7; }
.campaign-person-row > span { grid-row:1 / span 2; width:24px; height:24px; display:grid; place-items:center; color:#40541d; border-radius:50%; background:#f5f5f7; font:11px var(--mono); }
.campaign-person-row strong { overflow:hidden; color:#4e4e50; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.campaign-person-row small { overflow:hidden; color:#636365; font:11px var(--mono); text-overflow:ellipsis; white-space:nowrap; }
.campaign-person-preview { padding:12px; border:1px solid #e3e3e8; background:#f5f5f7; }
.campaign-person-preview > div { margin-bottom:10px; }
.campaign-person-preview span { display:block; color:#91a16b; font:11px var(--mono); letter-spacing:.06em; }
.campaign-person-preview strong { display:block; margin-top:4px; color:#3d4b2f; font-size:11px; line-height:1.35; }
.campaign-person-preview p { margin:6px 0 0; color:#707072; font-size:11px; line-height:1.5; }
.campaign-person-preview > small { display:block; color:#909092; font:9px/1.4 var(--mono); }
.campaign-personalization-empty { margin:12px 0 4px; color:#636365; font-size:10px; line-height:1.45; }
.campaign-variable-picker { position:relative; margin:-2px 0 12px; }
.campaign-variable-toggle { display:inline-flex; align-items:center; gap:8px; padding:7px 10px; color:#637f22; border:1px solid #e3e3e8; border-radius:999px; background:#f5f5f7; font:11px var(--mono); }
.campaign-variable-toggle span { color:#8f9c76; font-size:12px; }
.campaign-variable-menu { position:absolute; z-index:30; top:35px; left:0; width:278px; max-height:310px; overflow:auto; padding:8px; border:1px solid #e3e3e8; border-radius:11px; background:#ffffff; box-shadow:0 14px 34px rgba(38,46,27,.16); }
.campaign-variable-menu[hidden] { display:none; }
.campaign-variable-menu-heading { padding:5px 7px 8px; border-bottom:1px solid #ebebed; }
.campaign-variable-menu-heading strong, .campaign-variable-menu-heading small { display:block; }
.campaign-variable-menu-heading strong { color:#414143; font-size:11px; }
.campaign-variable-menu-heading small { margin-top:3px; color:#636365; font:11px var(--mono); }
.campaign-variable-menu button { display:grid; grid-template-columns:auto 1fr; gap:1px 8px; width:100%; padding:8px 7px; text-align:left; border-radius:7px; }
.campaign-variable-menu button:hover { background:#f5f5f7; }
.campaign-variable-menu code { grid-row:1 / span 2; align-self:center; color:#637f22; font:11px var(--mono); }
.campaign-variable-menu button span { color:#575759; font-size:10px; }
.campaign-variable-menu button small { color:#9e9ea0; font:11px var(--mono); }
.campaign-learning-empty, .campaign-learning { margin-top:20px; padding-top:18px; border-top:1px solid #dedee0; }
.campaign-learning-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.campaign-learning-empty > strong { display:block; margin-top:9px; color:#414143; font-size:12px; }
.campaign-learning-empty > p { color:#636365; font-size:10px; line-height:1.45; }
.ai-review-action { width:100%; margin-top:11px; border-left-color:#b4d43a; }
.ai-recommendation { margin-top:11px; padding:11px; border:1px solid #e3e3e8; background:#f5f5f7; }
.ai-recommendation strong { color:#394b1e; font-size:11px; }
.ai-recommendation p { margin:5px 0; color:#66744d; font-size:10px; line-height:1.4; }
.ai-recommendation small { color:#8b967b; font:11px var(--mono); }
.ai-recommendation div { display:flex; gap:11px; margin-top:10px; }
.ai-recommendation button { padding:0; color:#637f22; font:11px var(--mono); }
.ai-recommendation button:last-child { color:#9d9d9f; }
.campaign-studio-titlebar .pill { color:#65751e; border-color:#e3e3e8; background:#f5f5f7; }
.campaign-workspace-tabs { display:flex; align-items:center; gap:22px; min-height:42px; margin:10px 0 0; padding:0 10px; border:1px solid #dedee0; border-bottom:0; border-radius:12px 12px 0 0; background:#ffffff; }
.campaign-workspace-tabs button { padding:13px 0 10px; color:#636365; border-bottom:2px solid transparent; font:11px var(--mono); }
.campaign-workspace-tabs button.active { color:#526c18; border-color:#b8d841; }
.campaign-tab-panel { min-height:0; padding:30px; border:1px solid #dedee0; border-radius:0 0 18px 18px; background:#ffffff; box-shadow:0 10px 32px rgba(38,46,27,.045); }
.campaign-tab-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:22px; border-bottom:1px solid #dedee0; }
.campaign-tab-heading h2 { margin:7px 0 5px; color:#1e1e20; font-size:25px; letter-spacing:-.045em; }
.campaign-tab-heading p { margin:0; color:#636365; font-size:12px; line-height:1.45; }
.campaign-people-table, .campaign-event-table { margin-top:18px; overflow:hidden; border:1px solid #e1e1e3; border-radius:12px; }
.campaign-people-head, .campaign-people-row { display:grid; grid-template-columns:1.4fr .8fr 1.1fr 1.4fr; gap:16px; align-items:center; padding:13px 16px; text-align:left; }
.campaign-people-head { color:#636365; background:#f7f7f9; font:11px var(--mono); }
.campaign-people-row { width:100%; border-top:1px solid #e7e7e9; background:#ffffff; }
.campaign-people-row:hover, .campaign-people-row.selected { background:#f5f5f7; }
.campaign-people-row.selected { box-shadow:inset 3px 0 0 #b8d841; }
.campaign-people-row strong, .campaign-people-row small { display:block; }
.campaign-people-row strong { color:#3e3e40; font-size:11px; }
.campaign-people-row small { margin-top:4px; color:#636365; font:11px var(--mono); }
.campaign-people-row > span:not(.pill) { color:#707072; font-size:10px; line-height:1.35; }
.campaign-people-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:22px 0; overflow:hidden; border:1px solid #e1e1e3; border-radius:14px; background:#e1e1e3; }
.campaign-people-summary > div { min-height:93px; padding:15px; background:#ffffff; }
.campaign-people-summary span, .campaign-people-summary small { display:block; color:#636365; font:11px var(--mono); letter-spacing:.06em; }
.campaign-people-summary strong { display:block; margin:11px 0 5px; color:#141416; font-size:27px; letter-spacing:-.05em; }
.campaign-people-layout { display:grid; grid-template-columns:minmax(0,1.25fr) 340px; gap:18px; align-items:start; }
.campaign-people-layout .campaign-people-table { margin-top:0; }
.campaign-person-detail { min-width:0; padding:18px; border:1px solid #e3e3e8; border-radius:16px; background:#f5f5f7; }
.campaign-person-detail-head strong, .campaign-person-detail-head small { display:block; }
.campaign-person-detail-head strong { margin-top:6px; color:#2e2e30; font-size:20px; letter-spacing:-.04em; }
.campaign-person-detail-head small { margin-top:4px; color:#818183; font:11px var(--mono); }
.person-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:16px 0; }
.person-detail-grid div { padding:10px; border:1px solid #ececf0; border-radius:10px; background:#ffffff; }
.person-detail-grid span, .person-signal-card span, .person-routing-card span, .person-message-mini span { display:block; color:#82935f; font:11px var(--mono); letter-spacing:.07em; }
.person-detail-grid strong { display:block; margin-top:6px; color:#3e3e40; font-size:11px; line-height:1.25; }
.person-signal-card, .person-routing-card, .person-message-mini { margin-top:10px; padding:13px; border:1px solid #ececf0; border-radius:12px; background:#ffffff; }
.person-routing-card { border-color:#e3e3e8; background:#f5f5f7; }
.person-signal-card strong { display:block; margin-top:6px; color:#3b4d1e; font-size:12px; }
.person-routing-card strong { display:block; margin-top:6px; color:#344b19; font-size:12px; }
.person-signal-card p, .person-routing-card p, .person-message-mini p { margin:7px 0 0; color:#707072; font-size:11px; line-height:1.55; }
.person-evidence-list { display:grid; gap:6px; margin:10px 0 0; padding:0; list-style:none; }
.person-evidence-list li { position:relative; padding-left:13px; color:#6c6c6e; font-size:10px; line-height:1.4; }
.person-evidence-list li::before { content:''; position:absolute; left:0; top:.55em; width:6px; height:6px; border-radius:50%; background:#b8d841; }
.person-message-mini strong { display:block; margin-top:6px; color:#2d2d2f; font-size:12px; line-height:1.35; }
.person-message-mini .button { margin-top:12px; }
.person-contact-resolution { display:grid; gap:12px; margin-top:10px; padding:13px; border:1px solid #e8d39a; border-radius:12px; background:#fff8e8; }
.person-contact-resolution strong { display:block; margin-top:5px; color:#5b461c; font-size:12px; }
.person-contact-resolution p { margin:6px 0 0; color:#7a6840; font-size:10px; line-height:1.45; }
.person-contact-form { display:grid; gap:8px; }
.contact-resolution-divider { color:#9a865c; font:11px var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.person-contact-form label { display:grid; gap:5px; color:#82734f; font:11px var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.person-contact-form input { min-width:0; padding:9px 10px; border:1px solid #e3d4a8; border-radius:8px; background:#ffffff; color:#2f2f31; font:11px var(--sans); text-transform:none; }
.person-contact-form .button { justify-self:start; margin-top:2px; }
.manual-contact-enrollment { margin-top:18px; }
.manual-contact-enrollment .person-contact-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
.manual-contact-enrollment .person-contact-form .button, .manual-contact-enrollment .contact-consent { grid-column:1 / -1; }
.person-contact-form label span { color:#9a8b68; font:11px var(--sans); letter-spacing:0; text-transform:none; }
.person-contact-form .contact-consent { display:flex; align-items:flex-start; gap:8px; color:#6e644c; font:10px/1.4 var(--sans); letter-spacing:0; text-transform:none; }
.person-contact-form .contact-consent input { flex:0 0 auto; width:14px; height:14px; margin:0; padding:0; }
@media (max-width:620px) {
  .manual-contact-enrollment .person-contact-form { grid-template-columns:1fr; }
}
.campaign-preview-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:20px; margin-top:22px; }
.campaign-preview-layout.enhanced { grid-template-columns:300px minmax(0,1fr); align-items:start; }
.campaign-preview-sidebar { display:grid; gap:13px; align-content:start; }
.campaign-preview-section { padding:14px; border:1px solid #e1e1e3; border-radius:14px; background:#f9f9fb; }
.campaign-preview-section > .panel-kicker { display:block; margin-bottom:10px; }
.campaign-preview-people { display:flex; flex-direction:column; gap:7px; }
.campaign-preview-person { padding:11px 12px; text-align:left; border:1px solid #e1e1e3; border-radius:9px; background:#f9f9fb; }
.campaign-preview-person.selected { border-color:#b8d841; background:#f5f5f7; }
.campaign-preview-person strong, .campaign-preview-person small { display:block; }
.campaign-preview-person strong { color:#4e4e50; font-size:11px; }
.campaign-preview-person small { margin-top:4px; color:#636365; font:11px var(--mono); }
.campaign-preview-section .campaign-preview-person { background:#ffffff; }
.campaign-preview-steps { display:grid; gap:7px; }
.campaign-preview-steps button { display:grid; grid-template-columns:32px 1fr; gap:2px 9px; padding:10px; text-align:left; border:1px solid #e1e1e3; border-radius:10px; background:#ffffff; }
.campaign-preview-steps button.selected { border-color:#b8d841; background:#f5f5f7; }
.campaign-preview-steps span { grid-row:1 / span 2; display:grid; place-items:center; width:28px; height:28px; color:#4e641f; border-radius:50%; background:#f5f5f7; font:11px var(--mono); }
.campaign-preview-steps strong, .campaign-preview-steps small { display:block; }
.campaign-preview-steps strong { color:#4b4b4d; font-size:10px; }
.campaign-preview-steps small { color:#636365; font:11px var(--mono); }
.campaign-preview-card { align-self:start; padding:22px; border:1px solid #e3e3e8; background:#f5f5f7; }
.campaign-preview-card.enhanced { border-radius:16px; background:#ffffff; box-shadow:0 10px 28px rgba(38,46,27,.055); }
.campaign-preview-card > div { margin-bottom:16px; }
.campaign-preview-card span { display:block; color:#91a16b; font:11px var(--mono); }
.campaign-preview-card strong { display:block; margin-top:5px; color:#3d4b2f; font-size:14px; line-height:1.4; }
.campaign-preview-card p { margin:7px 0 0; color:#707072; font-size:13px; line-height:1.65; }
.campaign-preview-card small { color:#909092; font:9px/1.4 var(--mono); }
.message-card-top { display:flex; justify-content:space-between; gap:14px; padding-bottom:16px; border-bottom:1px solid #e7e7e9; }
.message-card-top > div { margin:0; }
.message-proof-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; }
.message-proof-grid section { min-width:0; padding:14px; border:1px solid #e1e1e3; border-radius:12px; background:#f9f9fb; }
.message-proof-grid section > span { margin-bottom:9px; }
.message-proof-grid div { display:flex; gap:8px; align-items:flex-start; padding:8px 0; border-top:1px solid #ebebed; }
.message-proof-grid div:first-of-type { border-top:0; }
.message-proof-grid code { flex:0 0 auto; color:#637f22; font:11px var(--mono); }
.message-proof-grid i { flex:0 0 auto; width:7px; height:7px; margin-top:5px; border-radius:50%; background:#b8d841; }
.message-proof-grid strong { margin:0; color:#59595b; font-size:10px; line-height:1.45; }
.message-proof-grid p { margin:0; color:#636365; font-size:11px; line-height:1.45; }
.message-approval-strip { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; padding:14px; border:1px solid #e3e3e8; border-radius:14px; background:#f5f5f7; }
.message-approval-strip span, .message-approval-strip small { display:block; color:#868688; font:11px var(--mono); }
.message-approval-strip strong { display:block; margin:5px 0 3px; color:#303032; font-size:13px; }
.campaign-stats-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-top:22px; }
.campaign-stats-grid > div { padding:15px; border:1px solid #e1e1e3; background:#f9f9fb; }
.campaign-stats-grid span, .campaign-stats-grid small { display:block; color:#636365; font:11px var(--mono); }
.campaign-stats-grid strong { display:block; margin:7px 0 5px; color:#232325; font-size:25px; }
.campaign-event-table { margin-top:22px; }
.campaign-reply-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:22px; }
.campaign-reply-card { padding:20px; border:1px solid #e1e1e3; background:#f9f9fb; }
.campaign-reply-card span { color:#4a6510; font:11px var(--mono); }
.campaign-reply-card strong { display:block; margin:11px 0 6px; color:#232325; font-size:24px; }
.campaign-reply-card p { margin:0; color:#636365; font-size:11px; line-height:1.5; }
.campaign-ai-guardrail { display:flex; justify-content:space-between; gap:20px; margin-top:14px; padding:15px; border-left:3px solid #b8d841; background:#f5f5f7; }
.campaign-ai-guardrail strong { color:#40551d; font-size:11px; }
.campaign-ai-guardrail span { color:#717173; font-size:10px; }
.campaign-settings-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:22px; }
.campaign-settings-grid label { color:#636365; font:11px var(--mono); }
.campaign-settings-grid input, .campaign-settings-grid select { display:block; width:100%; box-sizing:border-box; margin-top:7px; padding:10px; color:#565658; border:1px solid #dedee0; background:#ffffff; font:11px var(--sans); }
.campaign-settings-list { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px; }
.campaign-setting-toggle { display:flex; gap:10px; padding:13px; border:1px solid #e1e1e3; background:#f9f9fb; }
.campaign-setting-toggle input { margin-top:2px; accent-color:#b8d841; }
.campaign-setting-toggle strong, .campaign-setting-toggle small { display:block; }
.campaign-setting-toggle strong { color:#505052; font-size:11px; }
.campaign-setting-toggle small { margin-top:4px; color:#636365; font:9px/1.4 var(--mono); }
.campaign-log-list { margin-top:22px; border:1px solid #e1e1e3; }
.campaign-log-list > div { display:grid; grid-template-columns:auto 1fr; gap:8px; padding:14px 16px; border-bottom:1px solid #e7e7e9; }
.campaign-log-list > div:last-child { border-bottom:0; }
.campaign-log-list strong, .campaign-log-list small { display:block; }
.campaign-log-list strong { color:#545456; font-size:11px; }
.campaign-log-list small { margin-top:3px; color:#636365; font:11px var(--mono); }
.campaign-run-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:22px 0; }
.campaign-run-summary > div { padding:16px; border:1px solid #e1e1e3; background:#ffffff; }
.campaign-run-summary span, .campaign-run-summary small { display:block; color:#636365; font:11px var(--mono); letter-spacing:.05em; }
.campaign-run-summary strong { display:block; margin:7px 0 3px; color:#313133; font-size:24px; }
.campaign-run-summary small { letter-spacing:0; line-height:1.4; }
.campaign-run-table { overflow:hidden; border:1px solid #e1e1e3; }
.campaign-run-table-head, .campaign-run-row { display:grid; grid-template-columns:1.3fr 1fr 1fr 1.5fr; gap:12px; align-items:center; }
.campaign-run-table-head { padding:10px 14px; background:#f7f7f9; color:#636365; font:11px var(--mono); letter-spacing:.05em; }
.campaign-run-row { width:100%; padding:14px; border:0; border-top:1px solid #e7e7e9; background:#fff; text-align:left; }
.campaign-run-row:hover, .campaign-run-row.selected { background:#f5f5f7; }
.campaign-run-row strong, .campaign-run-row small { display:block; }
.campaign-run-row strong { color:#4c4c4e; font-size:11px; }
.campaign-run-row small { margin-top:4px; color:#636365; font:11px var(--mono); line-height:1.35; }
.campaign-run-gate { display:inline-flex; width:max-content; padding:5px 8px; border-radius:999px; font:11px var(--mono); }
.campaign-run-gate.is-ready { color:#55751d; background:#f5f5f7; }
.campaign-run-gate.is-pending { color:#8b6b22; background:#fff5d5; }
.campaign-run-gate.is-blocked { color:#9b4f45; background:#fbe8e4; }
.campaign-history-events { margin-top:22px; border:1px solid #e1e1e3; }
.campaign-history-events-head { display:flex; justify-content:space-between; align-items:center; padding:15px 16px; border-bottom:1px solid #e7e7e9; }
.campaign-history-events-head strong { display:block; margin-top:4px; color:#4c4c4e; font-size:12px; }
.campaign-history-events > div:not(.campaign-history-events-head) { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:13px 16px; border-bottom:1px solid #e7e7e9; }
.campaign-history-events > div:last-child { border-bottom:0; }
.campaign-history-events > div strong, .campaign-history-events > div small { display:block; }
.campaign-history-events > div strong { color:#545456; font-size:11px; }
.campaign-history-events > div small, .campaign-history-events > div em { color:#636365; font:11px var(--mono); font-style:normal; }
.campaign-history-events > div em { text-align:right; }
.campaign-timing-controls { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:16px 0 -1px; padding:12px 0; border-top:1px solid #dedee0; border-bottom:1px solid #dedee0; }
.campaign-timing-controls strong, .campaign-timing-controls small { display:block; }
.campaign-timing-controls strong { margin-top:4px; color:#4d4d4f; font-size:11px; }
.campaign-timing-controls small { margin-top:3px; color:#636365; font:11px var(--mono); }
.campaign-timing-fields { display:flex; gap:6px; }
.campaign-timing-fields input, .campaign-timing-fields select { width:76px; padding:8px; color:#565658; border:1px solid #dedee0; background:#ffffff; font:11px var(--mono); }
.campaign-timing-fields select { width:92px; }
.campaign-variant-controls { margin-top:18px; padding-top:15px; border-top:1px solid #dedee0; }
.campaign-variant-controls .campaign-message-heading > div { display:flex; gap:10px; }
.campaign-variant-controls .campaign-message-heading button { font:11px var(--mono); }
.campaign-variant-note { margin:0 0 10px; color:#636365; font-size:10px; line-height:1.4; }
.campaign-variant-list { display:flex; gap:7px; overflow:auto; padding-bottom:3px; }
.campaign-variant-row { flex:0 0 126px; display:flex; gap:8px; align-items:center; padding:8px; text-align:left; border:1px solid #e1e1e3; border-radius:8px; background:#f9f9fb; }
.campaign-variant-row.selected { border-color:#b8d841; background:#f5f5f7; }
.campaign-variant-row > span { display:grid; width:24px; height:24px; place-items:center; color:#40541d; border-radius:50%; background:#f5f5f7; font:11px var(--mono); }
.campaign-variant-row strong, .campaign-variant-row small { display:block; }
.campaign-variant-row strong { color:#4e4e50; font-size:10px; }
.campaign-variant-row small { margin-top:2px; color:#636365; font:11px var(--mono); }
.campaign-variant-empty { color:#636365; font:11px var(--mono); }
.campaign-saved-controls select:focus, .campaign-studio-titlebar .campaign-editable-title:focus { border-color:#b7d348; box-shadow:0 0 0 3px #f5f5f7; }
.campaign-flow-toolbar .campaign-tool:hover { box-shadow:0 4px 12px rgba(81,99,26,.1); }
.campaign-flow-pane .campaign-pane-heading { background:#fafafa; }
.campaign-editor-pane::-webkit-scrollbar, .campaign-flow-canvas::-webkit-scrollbar, .campaign-chat-messages::-webkit-scrollbar { width:8px; }
.campaign-editor-pane::-webkit-scrollbar-thumb, .campaign-flow-canvas::-webkit-scrollbar-thumb, .campaign-chat-messages::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:999px; background:#e3e3e8; background-clip:padding-box; }
@media (max-width:900px) {
  .is-campaigns .workspace-header { display:flex; }
  .is-campaigns .workspace-content { height:auto; min-height:0; padding-top:20px; }
  .is-campaigns .campaign-studio-grid { height:auto; min-height:650px; }
  .campaign-runtime-bar { grid-template-columns:1fr; }
  .campaign-runtime-stats { flex-wrap:wrap; }
  .campaign-runtime-test { order:3; }
  .campaign-runtime-actions { justify-content:flex-end; }
}
/* Final screenshot-led overrides: kept last so legacy page-specific rules
   inherit the same light, rounded workspace language. */
@media (max-width:900px) {
  .workspace-sidebar { width:198px; }
  .workspace-main { width:calc(100% - 198px); padding:0 25px 55px; }
}
@media (max-width:620px) {
  .workspace-sidebar { width:100%; min-height:0; display:block; padding:12px 14px 10px; border-right:0; border-bottom:1px solid #ececee; }
  .workspace-brand { padding:0; }
  .workspace-brand > span { display:none; }
  .workspace-switcher-wrap { display:none; }
  .workspace-nav { display:flex; flex-direction:row; margin:0; overflow:auto; }
  .workspace-nav-item { min-width:max-content; min-height:36px; }
  .workspace-main { width:100%; padding:0 16px 45px; }
  .workspace-header { min-height:106px; padding-top:22px; }
  .workspace-header h1 { font-size:32px; }
  .workspace-content { padding-top:6px; }
  .panel { padding:18px; border-radius:20px; }
  .campaign-people-layout { grid-template-columns:1fr; }
  .campaign-people-row { grid-template-columns:1fr; gap:6px; }
  .campaign-people-head { display:none; }
}
/* Proactive home command center: prioritize decisions over setup. */
/* Integrations v2: one primary state per provider, with setup detail secondary. */
.integrations-v2 { max-width:1180px; }
.integrations-hero { display:flex; justify-content:space-between; gap:28px; align-items:center; padding:30px 32px; border:1px solid #ececf0; border-radius:24px; background:#f5f5f7; box-shadow:0 14px 36px rgba(45,64,24,.05); }
.integrations-hero h2 { margin:12px 0 8px; color:#1d1d1f; font-size:36px; letter-spacing:-.06em; }
.integrations-hero p { max-width:650px; margin:0; color:#606062; font-size:13px; line-height:1.55; }
.integrations-hero-summary { min-width:150px; padding-left:25px; border-left:1px solid #ececf0; }
.integrations-hero-summary strong, .integrations-hero-summary span, .integrations-hero-summary small { display:block; }
.integrations-hero-summary strong { color:#1d1d1f; font-size:48px; line-height:.9; letter-spacing:-.08em; }
.integrations-hero-summary span { margin-top:8px; color:#6b861f; font:11px var(--mono); text-transform:uppercase; }
.integrations-hero-summary small { margin-top:15px; color:#808082; font:11px var(--mono); line-height:1.4; }
.integration-command-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:16px 0 26px; padding:16px 20px; border:1px solid #ececee; border-radius:16px; background:#fff; }
.integration-command-bar strong, .integration-command-bar span { display:block; }
.integration-command-bar strong { color:#29292b; font-size:14px; }
.integration-command-bar span { margin-top:4px; color:#8f8f91; font-size:11px; }
.crm-readiness-panel { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:18px; align-items:stretch; margin:0 0 26px; padding:22px; border:1px solid #ececf0; border-radius:20px; background:#fcfcfc; box-shadow:0 10px 28px rgba(45,64,24,.045); }
.crm-readiness-panel.is-blocked, .crm-readiness-panel.is-error { border-color:#ecd9c8; background:#fafafa; }
.crm-readiness-panel.is-warning { border-color:#eadfb9; background:#ffffff; }
.crm-readiness-panel.is-working { border-color:#d7e3ef; background:#f7fbff; }
.crm-readiness-copy h2 { max-width:720px; margin:8px 0 7px; color:#202022; font-size:25px; line-height:1.04; letter-spacing:-.055em; }
.crm-readiness-copy p { max-width:720px; margin:0; color:#777779; font-size:12px; line-height:1.5; }
.crm-readiness-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:17px; }
.crm-readiness-actions small { color:#636365; font:11px var(--mono); }
.crm-readiness-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.crm-readiness-metrics div { display:flex; flex-direction:column; justify-content:center; min-height:75px; padding:14px; border:1px solid #ececf0; border-radius:14px; background:#fff; }
.crm-readiness-panel.is-blocked .crm-readiness-metrics div, .crm-readiness-panel.is-error .crm-readiness-metrics div { border-color:#efdfcd; }
.crm-readiness-metrics span { color:#929294; font:11px var(--mono); letter-spacing:.08em; }
.crm-readiness-metrics strong { margin-top:7px; color:#272729; font-size:27px; line-height:1; letter-spacing:-.06em; }
.integration-section { margin-top:28px; }
.integration-section-available { padding-top:8px; border-top:1px solid #e8e8ea; }
.crm-records-panel { margin-top:28px; }
.crm-records-panel .panel-header { align-items:flex-start; }
.crm-records-panel .panel-header p { max-width:620px; margin:8px 0 0; color:#7c7c7e; font-size:12px; line-height:1.45; }
.crm-record-toolbar { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }
.crm-record-toolbar select, .crm-record-toolbar input { min-height:38px; padding:0 12px; border:1px solid #e0e0e2; border-radius:8px; color:#39393b; background:#ffffff; font:12px var(--sans); }
.crm-record-toolbar input { flex:1 1 220px; }
.crm-record-list { margin-top:16px; border-top:1px solid #e6e6e8; }
.crm-record-row { display:grid; grid-template-columns:92px minmax(0,1fr); gap:14px; padding:13px 0; border-bottom:1px solid #e6e6e8; }
.crm-record-row:has(.crm-record-missing) { grid-template-columns:92px minmax(0,1fr) auto; align-items:center; }
.crm-record-kind { color:#71852b; font:11px var(--mono); text-transform:uppercase; }
.crm-record-row strong, .crm-record-row small { display:block; }
.crm-record-row strong { color:#252527; font-size:12px; }
.crm-record-row small { margin-top:4px; color:#8a8a8c; font-size:11px; line-height:1.35; }
.crm-record-empty { margin-top:16px; padding:18px; color:#8a8a8c; background:#f7f7f9; font-size:12px; }
.crm-record-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:15px; color:#8a8a8c; font:11px var(--mono); }
.crm-record-pagination div { display:flex; gap:12px; }
.crm-record-pagination button:disabled { opacity:.4; cursor:not-allowed; }
.integration-section-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.integration-section-head h2 { margin:8px 0 0; color:#1f1f21; font-size:24px; letter-spacing:-.05em; }
.integration-section-head .pill { color:#738b27; background:#f5f5f7; }
.integration-grid-v2 { margin-bottom:0; }
.integration-card-v2 { min-height:220px; padding:22px; }
.integration-card-v2 h3 { margin:24px 0 8px; color:#1f1f21; font-size:22px; letter-spacing:-.05em; }
.integration-card-v2 p { min-height:42px; margin:0; color:#858587; font-size:12px; line-height:1.45; }
.integration-card-v2.is-available { background:#ffffff; }
.integration-card-v2.is-available h3 { margin-top:20px; }
.integration-state { color:#969698; font:11px var(--mono); text-transform:uppercase; }
.integration-state.is-live { color:#6b8a22; }
.integration-state.is-setup { color:#9b693b; }
.integration-v2-meta { display:flex; justify-content:space-between; gap:10px; margin-top:18px; color:#98989a; font:11px var(--mono); }
.integration-v2-meta strong { color:#6f8420; font-weight:500; text-align:right; }
.integration-sync-diagnostics { display:flex; flex-direction:column; gap:4px; margin-top:13px; padding:10px; color:#767678; background:#f6f6f8; font:11px var(--mono); line-height:1.4; }
.integration-sync-diagnostics strong { color:#52651d; font-weight:600; text-transform:uppercase; }
.integration-sync-diagnostics small { color:#636365; font-size:11px; }
.integration-card-v2 .integration-foot { margin-top:18px; }
.integration-card-v2 .integration-actions { gap:11px; }
.integration-empty { display:flex; flex-direction:column; gap:5px; padding:22px; border:1px dashed #e3e3e8; border-radius:16px; background:#fcfcfc; }
.integration-empty strong { color:#363638; font-size:14px; }
.integration-empty span { color:#878789; font-size:12px; }
.integration-attention { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:10px 20px; margin:20px 0 26px; padding:18px 20px; border:1px solid #ecd9c8; border-radius:18px; background:#fafafa; }
.integration-attention h2 { margin:7px 0 5px; color:#2b2b2d; font-size:22px; letter-spacing:-.05em; }
.integration-attention p { margin:0; color:#78787a; font-size:11px; line-height:1.4; }
.integration-attention-row { display:grid; grid-template-columns:110px 1fr auto; gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid #f0e4d7; font-size:11px; }
.integration-attention-row:last-child { border-bottom:0; }
.integration-attention-row span { color:#78787a; }
.integration-attention-row .text-button { color:#4a6510; font-size:10px; white-space:nowrap; }
.integrations-context-v2 { margin-top:28px; }
@media (max-width:800px) {
  .integrations-hero { align-items:flex-start; flex-direction:column; padding:24px; }
  .integrations-hero-summary { width:100%; padding:16px 0 0; border-top:1px solid #ececf0; border-left:0; }
  .integration-command-bar { align-items:flex-start; flex-direction:column; }
  .crm-readiness-panel { grid-template-columns:1fr; }
  .integration-attention { grid-template-columns:1fr; }
  .integration-attention-row { grid-template-columns:90px 1fr; }
  .integration-attention-row .text-button { grid-column:2; justify-self:start; }
}
@media (max-width:1000px) {
  .campaign-health-row { grid-template-columns:64px minmax(0,1fr); gap:10px; }
  .campaign-health-row .health-warnings, .campaign-health-row .row-action { grid-column:2; justify-self:start; }
}
@media (max-width:620px) {
  .campaign-header-meta { display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    width:100%;
    max-width:100%;
    gap:6px;
    overflow:hidden;
    white-space:normal; }
  .campaign-header-meta .campaign-stage-nav { grid-column:1 / -1;
    min-width:0; }
  .campaign-header-meta .campaign-stage-nav span, .campaign-header-meta .campaign-stage-nav strong { overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; }
  .campaign-header-stat, .campaign-header-test { display:none; }
  .campaign-runtime-inline { min-width:0; }
}
.sms-sender-setup { display:grid; grid-template-columns:1fr 1fr auto; gap:8px; align-items:end; margin-top:14px; padding:11px; border:1px solid #e4e4e6; background:#f6f6f8; }
.sms-sender-setup label { display:flex; flex-direction:column; gap:5px; color:#636365; font:11px var(--mono); }
.sms-sender-setup input { min-width:0; padding:8px 9px; border:1px solid #e3e3e8; background:#ffffff; font-size:11px; }
@media (max-width:620px) {
  .agent-busywork-grid, .agent-workspace-grid { grid-template-columns:1fr; }
  .agent-command-actions { width:100%; flex-direction:column; align-items:stretch; }
  .agent-command-actions .button { width:100%; }
  .agent-card { min-height:0; }
  .agent-card-foot { position:static; }
  .agent-card-actions { gap:8px; }
  .agent-telemetry-stats { grid-template-columns:repeat(2,1fr); }
  .agent-run-row { grid-template-columns:8px minmax(0,1fr); }
  .agent-run-row em { grid-column:2; text-align:left; }
}
/* Keep campaign health rows contained when the workspace is below desktop width. */
@media (max-width:1000px) {
  .campaign-health-row { grid-template-columns:64px minmax(0,1fr);
    gap:10px; }
  .campaign-health-row .health-warnings, .campaign-health-row .row-action { grid-column:2;
    justify-self:start; }
}
.prospect-artifact-panel { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; margin-top:20px; padding:15px; border:1px solid #e3e3e8; background:#f5f5f7; }
.prospect-artifact-panel p { margin:5px 0 0; color:#636365; font-size:10px; }
.prospect-artifact-actions { display:flex; flex-wrap:wrap; gap:7px; }
.prospect-artifact-links { display:flex; flex-basis:100%; flex-wrap:wrap; gap:8px; padding-top:10px; border-top:1px solid #ececf0; }
.prospect-artifact-links a, .research-cache-note { color:#708125; font:11px var(--mono); }
.research-cache-note { display:block; margin-top:9px; line-height:1.4; }
.agent-graph-actions { display:flex; align-items:center; gap:8px; }
.agent-graph-last-run { display:flex; justify-content:space-between; gap:12px; margin-top:16px; padding:10px 12px; color:#6d6d6f; border:1px solid #ececf0; background:#f8f8fa; font:11px var(--mono); }
/* First-login setup: a short guided path into a clean workspace. */
/* Owned-first AI signal intelligence. */
.signal-scout-panel { margin-bottom:18px; padding:24px 25px 22px; border-color:#e3e3e8; background:#ffffff; }
.signal-scout-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding-bottom:20px; border-bottom:1px solid #e6e6e8; }
.signal-scout-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.signal-scout-heading h2 { margin:8px 0 8px; font-size:24px; letter-spacing:-.05em; }
.signal-scout-heading p { max-width:700px; margin:0; color:#636365; font-size:12px; line-height:1.5; }
.signal-scout-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:18px 0; background:#e6e6e8; }
.signal-scout-stats > div { min-height:82px; padding:13px; background:#f5f5f7; }
.signal-scout-stats span { display:block; color:#636365; font:11px var(--mono); letter-spacing:.08em; }
.signal-scout-stats strong { display:block; margin:10px 0 4px; color:#253313; font-size:20px; letter-spacing:-.04em; }
.signal-scout-stats em { color:#4a6510; font:11px var(--mono); font-style:normal; }
.signal-coverage-strip { display:grid; grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(130px,1fr)); gap:1px; margin:0 0 18px; background:#ececf0; border:1px solid #ececf0; }
.signal-coverage-strip > div { min-height:74px; padding:13px; background:#fbfbfb; }
.signal-coverage-strip > div:not(:first-child) { border-left:1px solid #ececf0; }
.signal-coverage-strip span { display:block; color:#82906a; font:11px var(--mono); letter-spacing:.08em; }
.signal-coverage-strip strong { display:block; margin:8px 0 4px; color:#40541d; font-size:16px; letter-spacing:-.04em; }
.signal-coverage-strip p, .signal-coverage-strip small { display:block; margin:0; color:#7d7d7f; font:9px/1.35 var(--mono); }
.signal-quality-note { display:flex; align-items:center; gap:10px; margin:-6px 0 18px; padding:10px 13px; border:1px solid #eadfbe; background:#fafafa; }
.signal-quality-note .panel-kicker { flex:0 0 auto; color:#a07932; }
.signal-quality-note strong { color:#69521f; font-size:11px; }
.signal-quality-note small { margin-left:auto; color:#8c7951; font:11px var(--mono); }
.signal-coverage-detail { margin:0 0 18px; border:1px solid #ececf0; background:#ffffff; }
.signal-coverage-detail-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:12px 13px; background:#fafafa; }
.signal-coverage-detail-heading strong { display:block; margin-top:5px; color:#3f4e2d; font-size:12px; }
.signal-coverage-detail-heading small { color:#636365; font:11px var(--mono); text-align:right; }
.signal-coverage-rows { border-top:1px solid #e6e6e8; }
.signal-coverage-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 13px; border-bottom:1px solid #e6e6e8; }
.signal-coverage-row:last-child { border-bottom:0; }
.signal-coverage-row > div { min-width:0; }
.signal-coverage-row strong, .signal-coverage-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.signal-coverage-row strong { color:#3f4e2d; font-size:10px; }
.signal-coverage-row small { max-width:620px; margin-top:3px; color:#636365; font:11px var(--mono); }
.signal-scout-source-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }
.signal-scout-source { min-height:128px; padding:12px; border:1px solid #ececf0; background:#ffffff; }
.signal-scout-source > div { display:flex; align-items:center; gap:7px; }
.signal-scout-source-mark { display:grid; place-items:center; width:24px; height:24px; color:#30410f; border-radius:50%; background:#dff18b; font:11px var(--mono); }
.signal-scout-source strong { font-size:10px; line-height:1.25; }
.signal-scout-layer { display:block; margin:10px 0 6px; color:#4a6510; font:11px var(--mono); }
.signal-scout-source p { margin:0; color:#8e8e90; font-size:10px; line-height:1.4; }
.signal-scout-result { display:flex; align-items:center; gap:10px; margin-top:15px; padding:11px 13px; border:1px solid #e3e3e8; background:#f5f5f7; }
.signal-scout-result-mark { display:grid; place-items:center; width:24px; height:24px; color:#344615; border-radius:50%; background:var(--acid); }
.signal-scout-result div { min-width:0; flex:1; }
.signal-scout-result strong { display:block; color:#3c4d20; font-size:11px; }
.signal-scout-result p { margin:4px 0 0; color:#758064; font-size:10px; line-height:1.4; }
.signal-scout-result .pill { flex:0 0 auto; }
.signal-research-budget { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:12px 0 18px; padding:11px 13px; border:1px solid #ececf0; background:#fafafa; }
.signal-research-budget span { display:block; color:#636365; font:11px var(--mono); letter-spacing:.08em; }
.signal-research-budget strong { display:block; margin-top:5px; color:#526528; font:11px var(--mono); }
.signal-research-budget p { margin:0; color:#838385; font-size:10px; line-height:1.4; text-align:right; }
.signal-billing-strip { display:grid; grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(150px,.8fr)) auto; gap:14px; align-items:center; margin:0 0 18px; padding:14px 15px; border:1px solid #e3e3e8; background:#f5f5f7; }
.signal-billing-strip > div { min-width:0; }
.signal-billing-strip strong { display:block; margin:5px 0 4px; color:#263314; font-size:14px; letter-spacing:-.03em; }
.signal-billing-strip p { max-width:420px; margin:0; color:#79797b; font-size:10px; line-height:1.4; }
.signal-billing-metric { padding-left:14px; border-left:1px solid #e3e3e8; }
.signal-billing-metric span { display:block; color:#7f8c69; font:11px var(--mono); letter-spacing:.08em; }
.signal-billing-metric strong { margin-top:6px; color:#526d18; font:14px var(--mono); }
.signal-billing-metric small { display:block; color:#84906f; font:9px/1.35 var(--mono); }
.signal-billing-actions { display:flex; flex-direction:column; align-items:stretch; gap:5px; }
.signal-billing-actions .button { white-space:nowrap; }
.signal-collector-quick-note { margin:12px 0 15px; color:#7f7f81; font:11px var(--mono); }
.signal-collector-manual { padding-top:14px; border-top:1px solid #e6e6e8; }
.signal-collector-manual .panel-kicker { display:block; margin-bottom:9px; }
.signal-scout-top { margin-top:15px; padding:16px 17px; border:1px solid #e3e3e8; background:#fcfcfc; }
.signal-scout-top-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:10px; }
.signal-scout-top-heading h3 { margin:6px 0 0; font-size:16px; letter-spacing:-.03em; }
.signal-scout-top-row { display:grid; grid-template-columns:34px 1fr; gap:12px; padding:12px 0; border-top:1px solid #e6e6e8; }
.signal-scout-score { display:grid; place-items:center; width:30px; height:30px; color:#354516; border:1px solid #bddb29; border-radius:50%; background:#f5f5f7; font:11px var(--mono); }
.signal-scout-top-row strong { display:block; color:#263316; font-size:11px; }
.signal-scout-top-row p { margin:4px 0; color:#78787a; font-size:10px; line-height:1.45; }
.signal-scout-top-row small { color:#84906d; font:11px var(--mono); }
.signal-scout-top-row a { color:#68821d; text-decoration:underline; }
.signal-collector-section { margin-top:18px; padding-top:18px; border-top:1px solid #e6e6e8; }
.signal-collector-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.signal-collector-heading > button + button { margin-left:7px; }
.signal-collector-heading h3 { margin:7px 0 5px; font-size:15px; letter-spacing:-.04em; }
.signal-collector-heading p { max-width:680px; margin:0; color:#8e8e90; font-size:10px; line-height:1.45; }
.signal-collector-form { display:grid; grid-template-columns:155px minmax(0,1fr) 170px auto; gap:7px; margin-top:15px; }
.signal-collector-form select, .signal-collector-form input { min-width:0; padding:9px 10px; color:#5c5c5e; border:1px solid #dedee0; border-radius:0; outline:0; background:#ffffff; font:11px var(--mono); }
.signal-collector-form select:focus, .signal-collector-form input:focus { border-color:#a9c52f; box-shadow:0 0 0 2px #f5f5f7; }
.signal-collector-list { margin-top:11px; border-top:1px solid #e6e6e8; }
.signal-collector-row { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid #e6e6e8; }
.signal-collector-kind { display:grid; place-items:center; width:28px; height:22px; color:#586d25; background:#f5f5f7; font:11px var(--mono); }
.signal-collector-row strong, .signal-collector-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.signal-collector-row strong { color:#3f4e2d; font-size:10px; }
.signal-collector-row small { margin-top:3px; color:#636365; font:11px var(--mono); }
.signal-collector-empty { padding:13px 0 2px; color:#636365; font-size:10px; }
@media (max-width:1100px) {
  .signal-scout-source-grid { grid-template-columns:repeat(3,1fr); }
  .signal-billing-strip { grid-template-columns:1fr 1fr; }
  .signal-billing-metric { padding-left:0; border-left:0; }
  .signal-billing-actions { grid-column:1 / -1; flex-direction:row; align-items:center; flex-wrap:wrap; }
}
@media (max-width:900px) {
  .signal-scout-stats { grid-template-columns:repeat(2,1fr); }
  .signal-scout-heading { flex-direction:column; }
  .signal-scout-actions { width:100%; justify-content:stretch; }
  .signal-scout-actions .button { flex:1; }
  .signal-scout-heading .button { width:100%; }
  .signal-research-budget { align-items:flex-start; flex-direction:column; }
  .signal-research-budget p { text-align:left; }
  .signal-billing-strip { grid-template-columns:1fr; }
  .signal-billing-metric { padding-top:10px; border-top:1px solid #e3e3e8; }
  .signal-billing-actions { grid-column:auto; align-items:stretch; flex-direction:column; }
  .signal-collector-heading { flex-direction:column; }
  .signal-collector-heading .button { width:100%; }
  .signal-collector-form { grid-template-columns:1fr 1fr; }
  .signal-collector-form input:first-of-type { grid-column:1 / -1; }
}
@media (max-width:620px) {
  .signal-scout-panel { padding:17px; }
  .signal-coverage-strip { grid-template-columns:1fr 1fr; }
  .signal-coverage-strip > div:not(:first-child) { border-left:0; }
  .signal-coverage-strip > div:nth-child(odd) { border-left:1px solid #ececf0; }
  .signal-coverage-detail-heading { align-items:flex-start; flex-direction:column; }
  .signal-coverage-detail-heading small { text-align:left; }
  .signal-coverage-row { align-items:flex-start; }
  .signal-coverage-row small { max-width:210px; white-space:normal; }
  .signal-scout-source-grid { grid-template-columns:1fr 1fr; }
  .signal-scout-result { align-items:flex-start; flex-wrap:wrap; }
  .signal-scout-result .pill { margin-left:34px; }
  .signal-scout-top-heading { flex-direction:column; }
  .signal-collector-form { grid-template-columns:1fr; }
  .signal-collector-form input:first-of-type { grid-column:auto; }
  .signal-collector-form .button { width:100%; justify-content:center; }
}
/* Revenue operations surfaces: inbox, execution, prospect 360, TAM, reporting, and audit. */
.inbox-shell { display:grid; grid-template-columns:300px minmax(0,1fr); min-height:650px; border:1px solid #dedee0; border-radius:15px; overflow:hidden; background:#ffffff; }
.inbox-sidebar { border-right:1px solid #e4e4e6; background:#f5f5f7; }
.inbox-sidebar-head { display:flex; align-items:center; justify-content:space-between; padding:18px 17px 12px; border-bottom:1px solid #e4e4e6; }
.inbox-categories { padding:10px; }
.inbox-category { display:flex; align-items:center; justify-content:space-between; width:100%; padding:9px 10px; color:#777779; border:0; border-radius:8px; background:transparent; font-size:11px; text-align:left; }
.inbox-category:hover, .inbox-category.active { color:#536d1b; background:#f5f5f7; }
.inbox-category b { color:#a0a0a2; font:11px var(--mono); }
.inbox-channel-legend { display:flex; flex-wrap:wrap; gap:8px 12px; padding:8px 17px 13px; color:#636365; border-bottom:1px solid #e4e4e6; font:11px var(--mono); }
.inbox-channel-legend span { display:flex; align-items:center; gap:5px; }
.inbox-thread { display:flex; gap:9px; width:100%; padding:13px 15px; color:inherit; border:0; border-bottom:1px solid #eaeaec; background:transparent; text-align:left; }
.inbox-thread:hover, .inbox-thread.selected { background:#f5f5f7; }
.inbox-thread.unread strong { color:#111113; }
.inbox-thread > div { min-width:0; flex:1; }
.inbox-thread-top { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.inbox-thread strong { overflow:hidden; color:#6e6e70; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.inbox-thread small { color:#9e9ea0; font:11px var(--mono); white-space:nowrap; }
.inbox-thread p { overflow:hidden; margin:5px 0 0; color:#636365; font-size:10px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.inbox-detail { min-width:0; padding:25px 30px; }
.inbox-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; padding-bottom:18px; border-bottom:1px solid #e4e4e6; }
.inbox-detail-head h2 { margin:7px 0 3px; color:var(--ink); font-size:24px; letter-spacing:-.05em; }
.inbox-detail-head p { margin:0; color:#636365; font-size:11px; }
.ai-confidence { flex:0 0 auto; padding:7px 9px; color:#637f22; border:1px solid #e3e3e8; border-radius:999px; background:#f5f5f7; font:11px var(--mono); }
.inbox-message { display:flex; gap:12px; margin:23px 0; padding-bottom:22px; border-bottom:1px solid #e4e4e6; }
.prospect-avatar { display:grid; place-items:center; flex:0 0 auto; width:37px; height:37px; color:#536d1b; border-radius:50%; background:#dff58b; font:11px var(--mono); }
.inbox-message p { max-width:680px; margin:8px 0 0; color:#49494b; font-size:14px; line-height:1.55; }
.ai-reply-card { padding:17px; border:1px solid #e3e3e8; border-radius:12px; background:#f5f5f7; }
.ai-reply-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.ai-reply-head h3 { margin:6px 0 0; color:var(--ink); font-size:19px; letter-spacing:-.04em; }
.ai-reply-card > p { margin:12px 0; color:#6d6d6f; font-size:12px; line-height:1.5; }
.ai-next-action { display:grid; gap:5px; padding:12px; border:1px solid #e3e3e8; border-radius:9px; background:#ffffff; }
.ai-next-action span { color:#636365; font:11px var(--mono); }
.ai-next-action strong { color:#536d1b; font-size:12px; }
.inbox-action-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.inbox-action-row .button { min-height:33px; font-size:10px; }
.inbox-empty-draft { margin-top:15px; padding:14px; color:#636365; border:1px dashed #e3e3e8; border-radius:10px; font:11px var(--mono); }
.execution-command-center { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:28px; margin-bottom:15px; border:1px solid #dedee0; border-radius:24px; background:#ffffff; box-shadow:0 18px 42px rgba(38,46,27,.055); }
.execution-command-center h2 { max-width:760px; margin:9px 0 8px; font-size:44px; line-height:.98; letter-spacing:-.07em; }
.execution-command-center p { max-width:780px; margin:0; color:#636365; font-size:14px; line-height:1.55; }
.task-queue-panel { padding-bottom:8px; margin-top:14px; }
.task-queue-panel .panel-header p { max-width:720px; margin:6px 0 0; color:#636365; font-size:11px; line-height:1.45; }
.task-scope-filter-row { display:flex; flex-wrap:wrap; gap:7px; margin:16px 0 0; }
.task-scope-filter-row + .task-filter-row { margin-top:8px; }
.task-filter-row { display:flex; flex-wrap:wrap; gap:7px; margin:16px 0; padding:10px 0; border-top:1px solid #e4e4e6; border-bottom:1px solid #e4e4e6; }
.filter { padding:7px 10px; color:#636365; border:1px solid #e2e2e4; border-radius:999px; background:#ffffff; font:11px var(--mono); }
.filter.active, .filter:hover { color:#536d1b; border-color:#c8df6a; background:#f5f5f7; }
.notifications-modal { max-width:650px; }
.notification-list { display:grid; gap:0; max-height:430px; overflow:auto; margin:24px 0 4px; border-top:1px solid #e6e6e8; }
.notification-row { display:grid; grid-template-columns:9px minmax(0,1fr) auto; gap:12px; align-items:start; padding:15px 0; border-bottom:1px solid #e6e6e8; }
.notification-dot { width:8px; height:8px; margin-top:4px; border-radius:50%; background:#ccccce; }
.notification-row.is-unread .notification-dot { background:#b7dc35; box-shadow:0 0 0 4px #f5f5f7; }
.notification-row strong, .notification-row p, .notification-row small { display:block; }
.notification-row strong { color:#353537; font-size:12px; }
.notification-row p { margin:5px 0 4px; color:#838385; font-size:11px; line-height:1.4; }
.notification-row small, .notification-read-label { color:#9e9ea0; font:11px var(--mono); }
.notification-actions { display:flex; align-items:center; gap:10px; padding-top:2px; white-space:nowrap; }
.account-owner-control { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:16px 0; padding:13px; border:1px solid #ececf0; border-radius:14px; background:#fbfbfb; }
.account-owner-control p { max-width:360px; margin:5px 0 0; color:#636365; font-size:10px; line-height:1.4; }
.account-owner-control form { display:flex; gap:7px; flex:0 0 auto; }
.account-owner-control select { min-height:34px; max-width:180px; padding:0 9px; border:1px solid #e3e3e8; border-radius:8px; color:#656567; background:#fff; font:11px var(--mono); }
.task-card-list { display:grid; gap:9px; }
.call-list-panel { margin:0 0 15px; border-color:#d8ed91; background:#f5f5f7; }
.call-list-panel .panel-header p { max-width:720px; margin:6px 0 0; color:#636365; font-size:11px; line-height:1.45; }
.call-list-list { display:grid; gap:8px; }
.call-list-row { display:grid; grid-template-columns:42px minmax(0,1fr) 74px minmax(170px,.4fr); gap:13px; align-items:center; padding:13px 0; border-top:1px solid #ececf0; }
.call-list-rank { color:#849650; font:12px var(--mono); }
.call-list-main strong, .call-list-main small, .call-list-main span { display:block; }
.call-list-main strong { color:#333335; font-size:13px; }
.call-list-main small { margin-top:4px; color:#636365; font:11px var(--mono); }
.call-list-main span { margin-top:7px; color:#606062; font-size:11px; line-height:1.35; }
.call-list-score { display:grid; justify-items:center; padding:7px 5px; border-radius:10px; background:#f5f5f7; }
.call-list-score strong { color:#597120; font-size:18px; }
.call-list-score small { color:#4a6510; font:11px var(--mono); }
.call-list-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; flex-wrap:wrap; }
.call-list-actions .button { white-space:nowrap; }
.call-list-feedback { position:relative; }
.call-list-feedback summary { cursor:pointer; color:#4a6510; font:11px var(--mono); list-style:none; }
.call-list-feedback summary::-webkit-details-marker { display:none; }
.call-list-feedback summary::after { content:' +'; }
.call-list-feedback[open] summary::after { content:' −'; }
.call-list-feedback > div { position:absolute; z-index:2; right:0; top:22px; display:flex; flex-direction:column; gap:6px; min-width:128px; padding:9px; background:#ffffff; border:1px solid #ececf0; border-radius:10px; box-shadow:0 10px 24px rgba(29,44,19,.12); }
.call-list-feedback .text-button { text-align:left; white-space:nowrap; }
.call-list-feedback-saved { color:#4a6510; font:11px var(--mono); }
.work-quality { margin-top:14px; padding:12px; border:1px solid #ececf0; border-radius:12px; background:#fbfbfb; }
.work-quality-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:8px; }
.work-quality-grid div { display:flex; flex-direction:column; gap:3px; }
.work-quality-grid span { color:#979799; font:11px var(--mono); letter-spacing:.04em; }
.work-quality-grid strong { color:#4b593b; font-size:11px; }
.work-quality-missing { margin:10px 0 0; color:#7f6f43; font-size:10px; line-height:1.45; }
.work-quality-missing.is-clear { color:#4a6510; }
.work-quality-provenance { margin:10px 0 0; color:#717173; font-size:10px; line-height:1.45; }
.work-quality-provenance strong { color:#4b593b; }
@media (max-width:1000px) {
  .call-list-row { grid-template-columns:1fr; }
  .call-list-score { justify-items:start; width:max-content; }
  .call-list-actions { justify-content:flex-start; }
}
.task-card { display:grid; grid-template-columns:130px minmax(0,1.35fr) minmax(145px,.55fr) minmax(180px,.75fr); gap:12px; align-items:center; padding:13px; border:1px solid #e2e2e4; border-radius:16px; background:#ffffff; }
.task-card.completed { opacity:.58; }
.task-card-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; flex-wrap:wrap; }
.task-card-actions .row-action { white-space:nowrap; }
.task-card-type { display:grid; grid-template-columns:10px minmax(0,1fr); gap:8px; align-items:center; }
.task-card-type .task-type-mark { grid-row:1 / span 2; }
.task-card strong, .task-card small, .task-card span { display:block; }
.task-card strong { color:#333335; font-size:12px; letter-spacing:-.02em; }
.task-card small { margin-top:4px; color:#636365; font:11px var(--mono); line-height:1.35; }
.task-card-meta span { color:#536d1b; font:11px var(--mono); }
.modal-note { margin-top:16px; padding:11px 12px; border:1px solid #ececf0; background:#f5f5f7; color:#6d6d6f; font:10px/1.5 var(--mono); }
.task-type-mark { display:inline-block; width:8px; height:8px; border-radius:50%; background:#b6d939; }
.task-type-mark.linkedin { background:#3d5d61; }
.task-type-mark.call { background:#bd9fe0; }
.task-type-mark.sms { background:#f2ab72; }
.task-type-mark.whatsapp { background:#70b779; }
.task-type-mark.gmail, .task-type-mark.manual-email { background:#b6d939; }
.task-type-mark.crm-update { background:#8db6de; }
.task-type-mark.follow-up { background:#d6b85f; }
.prospect-layout { display:grid; grid-template-columns:330px minmax(0,1fr); gap:14px; }
.prospect-list-panel, .prospect-detail-panel { min-width:0; }
.prospect-row { display:flex; align-items:center; gap:10px; width:100%; padding:12px 15px; border:0; border-top:1px solid #eaeaec; background:transparent; text-align:left; }
.prospect-row:hover, .prospect-row.selected { background:#f5f5f7; }
.prospect-row > div { min-width:0; flex:1; }
.prospect-row strong, .prospect-row small { display:block; }
.prospect-row strong { overflow:hidden; color:#333335; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.prospect-row small { margin-top:3px; color:#636365; font:11px var(--mono); }
.prospect-detail-panel { padding:20px; }
.prospect-detail-head { display:flex; justify-content:space-between; gap:14px; padding-bottom:17px; border-bottom:1px solid #e4e4e6; }
.prospect-detail-head h2 { margin:6px 0 3px; color:var(--ink); font-size:25px; letter-spacing:-.05em; }
.prospect-detail-head p { margin:0; color:#636365; font-size:11px; }
.prospect-metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:16px 0; }
.prospect-metric-row div { padding:11px; border:1px solid #e4e4e6; border-radius:9px; }
.prospect-metric-row span { display:block; color:#9e9ea0; font:11px var(--mono); }
.prospect-metric-row strong { display:block; margin-top:6px; color:#333335; font-size:16px; }
.prospect-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.prospect-detail-grid section { display:grid; align-content:start; gap:9px; padding:14px; border-radius:10px; background:#f9f9fb; }
.prospect-detail-grid p, .prospect-detail-grid strong { margin:0; color:#68686a; font-size:11px; line-height:1.55; }
.prospect-detail-grid .button { justify-self:start; margin-top:2px; font-size:11px; }
.prospect-signal-list { margin-top:16px; }
.prospect-signal-list > div { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.prospect-signal-list span:not(.panel-kicker) { padding:5px 7px; color:#5d741f; border-radius:999px; background:#f5f5f7; font:11px var(--mono); }
.prospect-history { margin-top:17px; }
.prospect-history > div { display:flex; gap:8px; padding:8px 0; color:#757577; border-bottom:1px solid #eaeaec; font-size:10px; }
.prospect-history i { width:6px; height:6px; margin-top:4px; border-radius:50%; background:#b6d939; }
.prospect-links { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:15px; color:#636365; font:11px var(--mono); }
.prospect-links a { color:#6b861f; }
.report-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; }
.report-table { display:flex; flex-direction:column; }
.report-row { display:grid; grid-template-columns:minmax(0,1.6fr) repeat(3,1fr); gap:8px; padding:12px 0; border-top:1px solid #eaeaec; color:#636365; font:11px var(--mono); }
.report-row strong { overflow:hidden; color:#474749; font:11px var(--sans); text-overflow:ellipsis; white-space:nowrap; }
.activity-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; background:#252527; }
.activity-hero h2, .activity-hero p, .activity-hero .panel-kicker { color:#f6f6f8; }
.activity-hero p { max-width:650px; margin:8px 0 0; color:#ccccce; font-size:11px; line-height:1.5; }
.activity-hero-stats { display:flex; gap:12px; flex:0 0 auto; }
.activity-hero-stats span { display:grid; gap:4px; color:#bdce9e; font:11px var(--mono); text-align:right; }
.activity-hero-stats strong { color:#d6f44d; font-size:18px; }
.activity-command-grid { display:grid; grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr); gap:14px; margin:14px 0; }
.activity-next-card, .activity-scoreboard { min-height:160px; padding:24px; border:1px solid #e3e3e8; border-radius:22px; background:#ffffff; box-shadow:0 18px 45px rgba(31,41,24,.06); }
.activity-next-card h2 { max-width:620px; margin:8px 0; color:#131315; font-size:30px; letter-spacing:-.06em; line-height:.95; }
.activity-next-card p { max-width:640px; margin:0 0 18px; color:#838385; font-size:11px; line-height:1.5; }
.activity-scoreboard { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.activity-scoreboard > div { display:flex; flex-direction:column; justify-content:space-between; min-height:112px; padding:14px; border:1px solid #e8e8ea; border-radius:16px; background:#fbfbfb; }
.activity-scoreboard span, .activity-scoreboard small { color:#636365; font:11px var(--mono); }
.activity-scoreboard strong { color:var(--ink); font-size:32px; letter-spacing:-.06em; }
.audit-stream-panel { margin-top:14px; }
.activity-filter-row { display:flex; flex-wrap:wrap; gap:7px; margin:14px 0 6px; }
.activity-filter-row .filter span { margin-left:5px; color:#7f942d; }
.audit-stream-row { display:grid; grid-template-columns:12px minmax(0,1fr) 140px; gap:11px; align-items:center; padding:13px 0; border-top:1px solid #eaeaec; }
.audit-stream-dot { width:8px; height:8px; border-radius:50%; background:#b6d939; }
.audit-stream-dot.category-ai, .audit-stream-row.category-ai .audit-stream-dot { background:#b6d939; box-shadow:0 0 0 4px #f5f5f7; }
.audit-stream-dot.category-human, .audit-stream-row.category-human .audit-stream-dot { background:#f3aa6b; box-shadow:0 0 0 4px #fff0e3; }
.audit-stream-dot.category-risk, .audit-stream-row.category-risk .audit-stream-dot { background:#c75f42; box-shadow:0 0 0 4px #ffe8df; }
.audit-stream-dot.category-system, .audit-stream-row.category-system .audit-stream-dot { background:#9e9ea0; box-shadow:0 0 0 4px #ededef; }
.audit-stream-row strong, .audit-stream-row small { display:block; }
.audit-stream-row strong { color:#515153; font-size:11px; }
.audit-stream-row small { margin-top:4px; color:#9e9ea0; font:11px var(--mono); }
.audit-stream-row em { color:#4a6510; font:11px var(--mono); font-style:normal; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.activity-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; }
.activity-mini-panel { min-width:0; }
.activity-mini-list { display:grid; gap:0; }
.activity-mini-list > div { display:grid; grid-template-columns:12px minmax(0,1fr) minmax(60px,120px); gap:11px; align-items:center; padding:12px 0; border-top:1px solid #eaeaec; }
.activity-mini-list strong, .activity-mini-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.activity-mini-list strong { color:#515153; font-size:11px; }
.activity-mini-list small, .activity-mini-list em { color:#9e9ea0; font:11px var(--mono); font-style:normal; }
.activity-mini-list em { text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.campaign-health-panel { margin-top:14px; }
.campaign-health-panel .panel-header p { max-width:650px; margin:7px 0 0; color:#636365; font-size:11px; line-height:1.45; }
.campaign-health-list { display:flex; flex-direction:column; }
.campaign-health-row { display:grid; grid-template-columns:76px minmax(180px,1fr) minmax(250px,1.2fr) 90px; gap:14px; align-items:center; padding:13px 0; border-top:1px solid #eaeaec; }
.health-score { display:grid; justify-items:center; gap:3px; width:56px; padding:8px 5px; border-radius:10px; background:#f5f5f7; }
.health-score strong { color:#536d1b; font-size:16px; }
.health-score span { color:#4a6510; font:11px var(--mono); }
.health-score.watch { background:#fff3d8; }
.health-score.watch strong, .health-score.watch span { color:#a57324; }
.campaign-health-row > div:nth-child(2) strong, .campaign-health-row > div:nth-child(2) small { display:block; }
.campaign-health-row > div:nth-child(2) strong { color:#474749; font-size:11px; }
.campaign-health-row > div:nth-child(2) small { margin-top:4px; color:#636365; font:11px var(--mono); line-height:1.35; }
.health-warnings { display:flex; flex-wrap:wrap; gap:5px; }
.health-warnings span { padding:5px 6px; color:#777779; border-radius:999px; background:#f5f5f7; font:11px var(--mono); }
.campaign-health-row .row-action { justify-self:end; }
@media (max-width:1000px) {
  .review-command-center, .execution-command-center { flex-direction:column; }
  .review-command-center h2, .execution-command-center h2 { font-size:38px; }
  .review-command-actions { justify-content:flex-start; min-width:0; }
  .activity-command-grid, .activity-detail-grid { grid-template-columns:1fr; }
  .review-metrics { grid-template-columns:repeat(2,1fr); }
  .task-card { grid-template-columns:1fr 1fr; }
  .task-card .row-action { justify-self:start; }
  .inbox-shell, .prospect-layout { grid-template-columns:1fr; }
  .inbox-sidebar { border-right:0; border-bottom:1px solid #e4e4e6; }
  .inbox-thread { display:none; }
  .inbox-thread.selected, .inbox-thread.unread:first-of-type { display:flex; }
  .prospect-detail-grid, .report-grid { grid-template-columns:1fr; }
  .activity-hero { align-items:flex-start; flex-direction:column; }
  .activity-hero-stats { width:100%; justify-content:flex-start; }
  .activity-hero-stats span { text-align:left; }
}
@media (max-width:620px) {
  .review-command-center, .execution-command-center, .activity-next-card { padding:22px; border-radius:18px; }
  .review-command-center h2, .execution-command-center h2, .activity-next-card h2 { font-size:30px; }
  .activity-scoreboard { grid-template-columns:1fr 1fr; }
  .review-metrics { grid-template-columns:1fr; }
  .task-card, .audit-stream-row, .activity-mini-list > div { grid-template-columns:1fr; }
  .audit-stream-dot, .activity-mini-list .audit-stream-dot { display:none; }
  .audit-stream-row em, .activity-mini-list em { text-align:left; white-space:normal; }
  .inbox-detail { padding:18px; }
  .report-row { grid-template-columns:1fr 1fr; }
  .report-row span:nth-of-type(3), .report-row span:nth-of-type(4) { display:none; }
}
@media (max-width:1050px) {
  .agent-workspace-grid, .integration-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .agent-busywork-grid { grid-template-columns:repeat(3, minmax(0,1fr)); }
  .agent-command-panel { align-items:flex-start; flex-direction:column; }
  .agent-observability-grid { grid-template-columns:1fr; }
  .signal-row-large { grid-template-columns:62px minmax(0,1fr) auto; }
  .signal-row-large .row-action { grid-column:2 / -1; padding-left:0; }
}
@media (max-width:720px) {
  .workspace-main { padding:0 22px 48px; }
  .workspace-header { min-height:120px; padding-top:20px; }
  .workspace-header h1 { font-size:30px; }
  .page-header-subtitle { font-size:11px; }
  .agent-routing-row { grid-template-columns:1fr; gap:9px; }
  .agent-routing-row .button { width:100%; }
  .agent-routing-policy { align-items:flex-start; flex-direction:column; }
  .agent-workspace-grid, .integration-grid { grid-template-columns:1fr; }
  .is-signals .workspace-intro, .is-playbooks .workspace-intro { align-items:flex-start; }
  .signal-row-large { grid-template-columns:58px minmax(0,1fr); }
  .signal-row-large .signal-tag, .signal-row-large .row-action { grid-column:2; justify-self:start; }
  .playbook-actions, .search-field { width:100%; }
  .search-field { min-width:0; }
  .campaign-studio-grid { border-radius:14px; }
}
/* Campaign builder focus layout: make the sequence the primary workspace. */
.campaign-flow-pane .campaign-pane-heading { align-items:flex-start; padding-bottom:17px; }
.campaign-flow-pane .campaign-pane-heading strong { font-size:21px; letter-spacing:-.045em; }
.campaign-flow-pane .campaign-pane-heading small { display:block; margin-top:6px; color:#636365; font-size:10px; line-height:1.4; }
.campaign-flow-toolbar { gap:8px; margin-bottom:0; padding:0 0 16px; border-bottom:1px solid #e3e3e5; }
.campaign-flow-toolbar .campaign-tool { min-height:38px; padding:7px 12px; border-radius:999px; font-size:11px; }
.campaign-flow-canvas { flex:1 1 auto; height:100%; max-height:none; min-height:0; padding:6px 13px 30px 0; overflow:auto; background:#fafafa; }
.campaign-flow-track { position:relative; min-height:100%; padding:15px 21px 38px 56px; }
.campaign-flow-track::before { content:''; position:absolute; top:26px; bottom:38px; left:20px; width:2px; background:#e3e3e8; }
.campaign-flow-track .campaign-trigger, .campaign-flow-track .campaign-end { position:relative; z-index:1; margin:0; border-radius:12px; }
.campaign-flow-track .campaign-trigger::before, .campaign-flow-track .campaign-end::before, .campaign-flow-track .campaign-step-card::before { content:''; position:absolute; z-index:2; left:-42px; top:50%; width:12px; height:12px; border:3px solid #fafafa; border-radius:50%; background:#a9c52f; box-shadow:0 0 0 1px #b6c98b; transform:translateY(-50%); }
.campaign-flow-track .campaign-end::before { background:#f0ad73; box-shadow:0 0 0 1px #e2a16e; }
.campaign-flow-track .campaign-step-card { position:relative; z-index:1; grid-template-columns:58px minmax(0,1fr); margin:13px 0 0; border-radius:12px; }
.campaign-flow-track .campaign-step-card.selected { box-shadow:0 0 0 2px #dced80, 0 12px 24px rgba(73,93,26,.08); }
.campaign-flow-track .campaign-connector { position:relative; z-index:1; width:auto; height:30px; margin:0; padding:0 0 0 5px; color:#8da172; font-size:21px; line-height:30px; text-align:left; }
.campaign-branch-map { position:relative; z-index:1; margin:15px 0 2px; padding:17px 16px 16px; border:1px solid #ececf0; border-radius:13px; background:#f5f5f7; }
.campaign-branch-map-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid #e3e3e8; }
.campaign-branch-map-heading strong { display:block; margin-top:5px; color:#394b1e; font-size:13px; }
.campaign-branch-map-heading > span { color:#4a6510; font:11px var(--mono); }
.campaign-branch-routes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; position:relative; margin-top:13px; }
.campaign-branch-route { position:relative; min-width:0; padding-left:14px; }
.campaign-branch-route::before { content:''; position:absolute; top:24px; left:-1px; width:15px; border-top:2px solid #b6c98b; }
.campaign-branch-condition { display:flex; flex-direction:column; gap:4px; min-height:67px; padding:10px 11px; border:1px solid #e3e3e8; border-radius:10px; background:#ffffff; }
.campaign-branch-condition span { color:#8ca02b; font:11px var(--mono); letter-spacing:.06em; }
.campaign-branch-condition strong { color:#4a5a37; font-size:11px; line-height:1.2; }
.campaign-branch-condition small { overflow:hidden; color:#8d8d8f; font:11px var(--mono); text-overflow:ellipsis; white-space:nowrap; }
.campaign-branch-route-arrow { height:23px; color:#8da172; font-size:17px; line-height:23px; text-align:center; }
.campaign-branch-target { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:9px; width:100%; padding:11px; border:1px solid #e3e3e8; border-radius:10px; color:var(--ink); background:#ffffff; text-align:left; }
.campaign-branch-target:hover, .campaign-branch-target.selected { border-color:#9fbf35; box-shadow:0 5px 14px rgba(73,93,26,.08); }
.campaign-branch-target > span:not(.campaign-type-icon) { display:flex; flex-direction:column; gap:4px; min-width:0; }
.campaign-branch-target small { color:#4a6510; font:11px var(--mono); text-transform:uppercase; }
.campaign-branch-target strong { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.campaign-branch-target em { overflow:hidden; color:#636365; font-size:11px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.campaign-branch-target > b { color:#636365; font:11px var(--mono); white-space:nowrap; }
@media (max-width:1050px) {
  .campaign-studio-grid { grid-template-columns:minmax(0,1.8fr) minmax(300px,.65fr); }
  .campaign-flow-pane { padding-left:21px; }
  .campaign-flow-track { padding-left:50px; }
}
@media (max-width:1340px) {
  .campaign-editor-branch-row { grid-template-columns:1fr 1fr 1fr; }
  .campaign-editor-branch-row span { display:none; }
  .campaign-editor-branch-row .icon-button { justify-self:end; }
}
@media (max-width:900px) {
  .campaign-studio-grid { grid-template-columns:1fr; grid-template-rows:auto; height:auto !important; }
  .campaign-flow-pane, .campaign-editor-pane, .campaign-chat-pane { grid-column:auto; grid-row:auto; }
  .campaign-flow-pane { min-height:620px; padding-right:21px; border-right:0; border-bottom:1px solid #dedee0; }
  .campaign-editor-pane { min-height:520px; }
  .campaign-chat-pane { min-height:280px; }
  .campaign-flow-canvas { min-height:480px; }
}
@media (max-width:620px) {
  .campaign-flow-pane { min-height:590px; padding:18px 14px 20px; }
  .campaign-flow-track { padding:12px 7px 30px 43px; }
  .campaign-flow-track::before { left:14px; }
  .campaign-flow-track .campaign-trigger::before, .campaign-flow-track .campaign-end::before, .campaign-flow-track .campaign-step-card::before { left:-35px; }
  .campaign-flow-track .campaign-step-card { grid-template-columns:42px minmax(0,1fr); }
  .campaign-flow-track .campaign-step-main { padding:16px 14px; }
  .campaign-flow-track .campaign-step-title h3 { font-size:15px; }
  .campaign-branch-routes { grid-template-columns:1fr; }
  .campaign-branch-map { padding:14px 12px; }
}
/* Campaign builder canvas mode: compact sequence view inspired by the reference studio. */
.campaign-studio-grid { grid-template-columns:minmax(360px,1.2fr) minmax(350px,.95fr) minmax(280px,.8fr); grid-template-rows:minmax(0,1fr); }
.campaign-flow-pane { position:relative; grid-column:1; grid-row:1; padding:18px 17px 21px 20px; border-right:1px solid #dedee0; }
.campaign-editor-pane { grid-column:2; grid-row:1; min-height:0; overflow:auto; }
.campaign-chat-pane { grid-column:3; grid-row:1; min-height:0; border-top:0; }
.campaign-flow-pane .campaign-pane-heading { padding-bottom:13px; }
/* Guided campaign creation keeps the first decision small, visible, and reviewable. */
.campaign-wizard-backdrop { padding:26px; background:rgba(19,22,17,.62); backdrop-filter:blur(8px); }
.campaign-wizard-modal { position:relative; display:grid; grid-template-columns:minmax(250px,.72fr) minmax(480px,1.28fr); width:min(920px,100%); min-height:590px; overflow:hidden; border:1px solid #3d3d3f; border-radius:22px; color:#f5f5f7; background:#1b1b1d; box-shadow:0 28px 90px rgba(19,24,16,.3); }
.campaign-wizard-rail { display:flex; flex-direction:column; padding:36px 30px; background:#28282a; border-right:1px solid #3d3d3f; }
.campaign-wizard-rail h2 { margin:34px 0 15px; color:#f7f7f9; font-size:38px; line-height:.98; }
.campaign-wizard-rail h2 em { color:var(--acid); }
.campaign-wizard-rail > p { max-width:245px; margin:0; color:#b2b2b4; font-size:12px; line-height:1.55; }
.campaign-wizard-progress { display:flex; flex-direction:column; gap:15px; margin-top:45px; }
.campaign-wizard-context { margin-top:24px; padding:8px 10px; border:1px solid #4a5b35; border-radius:999px; color:#c9ee3d; font:11px var(--mono); letter-spacing:.08em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.campaign-wizard-progress-step { display:grid; grid-template-columns:29px 1fr; gap:10px; align-items:center; color:#909092; font:11px var(--mono); }
.campaign-wizard-progress-step b { width:26px; height:26px; display:grid; place-items:center; border:1px solid #646466; border-radius:50%; color:#afafb1; font-size:11px; font-weight:400; }
.campaign-wizard-progress-step.current { color:#ececf0; }
.campaign-wizard-progress-step.current b, .campaign-wizard-progress-step.done b { color:#1e1e20; border-color:var(--acid); background:var(--acid); font-weight:700; }
.campaign-wizard-guardrail { display:flex; flex-direction:column; gap:8px; margin-top:auto; padding:15px; border:1px solid #3d4d32; background:#212123; }
.campaign-wizard-guardrail .panel-kicker { color:#aaca38; }
.campaign-wizard-guardrail small { color:#a4a4a6; font-size:10px; line-height:1.45; }
.campaign-wizard-main { display:flex; flex-direction:column; padding:37px 39px 30px; background:#f5f5f7; color:var(--ink); }
.campaign-wizard-main-head { display:flex; justify-content:space-between; align-items:center; }
.campaign-wizard-main h3 { max-width:560px; margin:30px 0 10px; color:#1a1a1c; font-size:28px; line-height:1.03; letter-spacing:-.055em; }
.campaign-wizard-detail { max-width:560px; margin:0 0 26px; color:#7c7c7e; font-size:12px; line-height:1.5; }
.campaign-wizard-options { display:flex; flex-direction:column; gap:8px; }
.campaign-wizard-option { display:grid; grid-template-columns:27px 1fr; gap:12px; align-items:start; width:100%; padding:13px 14px; border:1px solid #dedee0; border-radius:12px; background:#ffffff; text-align:left; transition:border-color .2s, background .2s, box-shadow .2s; }
.campaign-wizard-option-mark { width:22px; height:22px; display:grid; place-items:center; border:1px solid #e3e3e8; border-radius:50%; color:#263215; font-size:12px; }
.campaign-wizard-option strong, .campaign-wizard-option small { display:block; }
.campaign-wizard-option strong { margin-bottom:4px; color:#232325; font-size:13px; }
.campaign-wizard-option strong em { color:#71911d; font:11px var(--mono); font-style:normal; }
.campaign-wizard-option small { color:#828284; font-size:10px; line-height:1.4; }
.campaign-wizard-summary { display:flex; flex-direction:column; gap:5px; margin-top:16px; padding:12px 14px; border:1px solid #e3e3e8; background:#f5f5f7; }
.campaign-wizard-main .modal-error { margin-top:14px; }
.campaign-wizard-actions { display:flex; justify-content:space-between; gap:10px; margin-top:auto; padding-top:24px; border-top:1px solid #e1e1e3; }
.campaign-wizard-actions [disabled] { opacity:.45; cursor:not-allowed; }
@media (max-width:720px) {
  .campaign-wizard-backdrop { padding:12px; }
  .campaign-wizard-modal { grid-template-columns:1fr; max-height:calc(100vh - 24px); overflow:auto; }
  .campaign-wizard-rail { padding:28px 24px 22px; border-right:0; border-bottom:1px solid #3d3d3f; }
  .campaign-wizard-rail h2 { margin:20px 0 10px; font-size:31px; }
  .campaign-wizard-progress { flex-direction:row; gap:8px; margin-top:24px; }
  .campaign-wizard-progress-step { grid-template-columns:26px; }
  .campaign-wizard-progress-step small { display:none; }
  .campaign-wizard-guardrail { display:none; }
  .campaign-wizard-main { padding:27px 22px 22px; }
  .campaign-wizard-main h3 { margin-top:22px; font-size:25px; }
  .campaign-wizard-actions { margin-top:25px; }
}
.campaign-flow-pane .campaign-pane-heading strong { font-size:17px; }
.campaign-flow-pane .campaign-pane-heading small { max-width:290px; font-size:11px; }
.campaign-flow-toolbar { flex-wrap:nowrap; gap:4px; padding-bottom:12px; overflow-x:auto; overflow-y:hidden; }
.campaign-flow-toolbar .campaign-tool { flex:0 0 auto; min-height:30px; padding:4px 7px; font-size:11px; }
.campaign-flow-toolbar .campaign-tool b { width:17px; height:17px; font-size:11px; }
.campaign-flow-canvas { padding:0 7px 28px 0; }
.campaign-flow-track { width:calc(100% - 8px); max-width:360px; margin:0 auto; padding:12px 9px 28px 39px; }
.campaign-flow-track::before { top:22px; bottom:30px; left:13px; width:1px; }
.campaign-flow-track .campaign-trigger, .campaign-flow-track .campaign-end { border-radius:7px; }
.campaign-flow-track .campaign-trigger { padding:12px 14px; }
.campaign-flow-track .campaign-trigger strong, .campaign-flow-track .campaign-end strong { margin-top:5px; font-size:12px; }
.campaign-flow-track .campaign-trigger em, .campaign-flow-track .campaign-end em { font-size:10px; }
.campaign-flow-track .campaign-trigger::before, .campaign-flow-track .campaign-end::before, .campaign-flow-track .campaign-step-card::before { left:-32px; width:9px; height:9px; border-width:2px; }
.campaign-flow-track .campaign-step-card { grid-template-columns:35px minmax(0,1fr); margin-top:8px; border-radius:7px; }
.campaign-flow-track .campaign-step-rail { gap:8px; padding:11px 5px; }
.campaign-flow-track .campaign-step-main { padding:12px 13px 11px; }
.campaign-flow-track .campaign-step-title { gap:8px; }
.campaign-flow-track .campaign-type-icon { width:28px; height:28px; font-size:11px; }
.campaign-flow-track .campaign-step-title h3 { font-size:13px; }
.campaign-flow-track .campaign-step-type { font-size:11px; }
.campaign-flow-track .campaign-delay { font-size:11px; }
.campaign-flow-track .campaign-step-detail { margin-top:8px; font-size:10px; line-height:1.35; }
.campaign-flow-track .campaign-branch-chip { margin-top:7px; padding:5px 6px; font-size:11px; }
.campaign-flow-track .campaign-connector { height:18px; padding-left:0; font-size:16px; line-height:18px; }
.campaign-branch-map { margin:9px 0 1px; padding:10px; border-radius:8px; }
.campaign-branch-map-heading { padding-bottom:8px; }
.campaign-branch-map-heading strong { margin-top:3px; font-size:11px; }
.campaign-branch-map-heading > span { font-size:11px; }
.campaign-branch-routes { grid-template-columns:1fr; gap:8px; margin-top:8px; }
.campaign-branch-route { padding-left:9px; }
.campaign-branch-route::before { top:19px; left:-1px; width:10px; border-top-width:1px; }
.campaign-branch-condition { min-height:0; gap:3px; padding:7px 8px; border-radius:6px; }
.campaign-branch-condition span, .campaign-branch-condition small { font-size:11px; }
.campaign-branch-condition strong { font-size:10px; }
.campaign-branch-route-arrow { height:14px; font-size:13px; line-height:14px; }
.campaign-branch-target { grid-template-columns:25px minmax(0,1fr) auto; gap:6px; padding:7px 8px; border-radius:6px; }
.campaign-branch-target .campaign-type-icon { width:24px; height:24px; font-size:11px; }
.campaign-branch-target small, .campaign-branch-target em, .campaign-branch-target > b { font-size:11px; }
.campaign-branch-target strong { font-size:10px; }
.campaign-canvas-controls { position:absolute; left:30px; bottom:14px; z-index:5; display:flex; align-items:center; gap:1px; padding:3px; border:1px solid #e3e3e8; border-radius:8px; background:#ffffff; box-shadow:0 5px 15px rgba(38,46,27,.08); }
.campaign-canvas-controls button { min-width:25px; height:24px; padding:0 6px; color:#65751e; border-radius:5px; font:11px var(--mono); }
.campaign-canvas-controls button:hover { background:#f5f5f7; }
.campaign-canvas-controls span { padding:0 6px; color:#636365; font:11px var(--mono); }
@media (max-width:1100px) {
  .campaign-studio-grid { grid-template-columns:minmax(320px,1.15fr) minmax(300px,.85fr); grid-template-rows:minmax(0,1fr) 230px; }
  .campaign-flow-pane { grid-column:1; grid-row:1 / span 2; }
  .campaign-editor-pane { grid-column:2; grid-row:1; }
  .campaign-chat-pane { grid-column:2; grid-row:2; border-top:1px solid #dedee0; }
}
@media (max-width:900px) {
  .campaign-studio-grid { grid-template-columns:1fr; grid-template-rows:auto; height:auto !important; }
  .campaign-flow-pane, .campaign-editor-pane, .campaign-chat-pane { grid-column:auto; grid-row:auto; }
  .campaign-flow-pane { min-height:560px; padding-right:18px; border-right:0; border-bottom:1px solid #dedee0; }
  .campaign-editor-pane { min-height:520px; }
  .campaign-chat-pane { min-height:280px; border-top:0; }
}
@media (max-width:620px) {
  .campaign-flow-pane { min-height:540px; padding:16px 12px 19px; }
  .campaign-flow-track { width:calc(100% - 2px); padding-left:35px; }
  .campaign-flow-track::before { left:11px; }
  .campaign-flow-track .campaign-trigger::before, .campaign-flow-track .campaign-end::before, .campaign-flow-track .campaign-step-card::before { left:-28px; }
  .campaign-canvas-controls { left:21px; }
}
/* Compact campaign command header: reclaim the viewport for the flow studio. */
.is-campaigns .workspace-content { padding-top:8px; }
.campaign-studio-header { display:grid; grid-template-columns:minmax(260px,1fr) minmax(280px,auto) minmax(420px,auto); align-items:center; gap:14px; min-height:56px; padding:0 0 10px; border-bottom:1px solid #dedee0; color:#636365; }
.campaign-header-identity, .campaign-header-meta, .campaign-header-actions { display:flex; align-items:center; min-width:0; gap:9px; }
.campaign-header-identity { overflow:hidden; }
.campaign-header-crumb { flex:0 0 auto; color:#636365; font:11px var(--mono); }
.campaign-header-crumb b { margin:0 5px; color:#b6b6b8; font-size:14px; font-weight:400; }
.campaign-header-identity .campaign-editable-title { flex:1 1 150px; width:150px; min-width:110px; max-width:210px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }
.campaign-header-identity .pill { flex:0 0 auto; padding:5px 8px; font-size:11px; }
.campaign-header-autosave { flex:0 0 auto; color:#636365; font:11px var(--mono); }
.campaign-header-meta { justify-content:center; flex-wrap:wrap; gap:7px 12px; color:#636365; font:11px var(--mono); white-space:nowrap; }
.campaign-header-meta .campaign-stage-nav strong { color:#637f22; }
.campaign-runtime-inline { color:#5d741f; }
.campaign-runtime-inline .runtime-dot { margin-right:4px; }
.campaign-header-test { display:flex; align-items:center; gap:4px; }
.campaign-header-test span { color:#9aa486; font-size:11px; }
.campaign-header-test button { padding:4px 6px; color:#637f22; border:1px solid #e3e3e8; border-radius:999px; background:#f5f5f7; font:11px var(--mono); }
.campaign-header-actions { justify-content:flex-end; gap:6px; }
.campaign-header-actions select { min-width:135px; max-width:165px; padding:8px 9px; color:#5b5b5d; border:1px solid #dedee0; border-radius:999px; background:#ffffff; font:11px var(--mono); }
.campaign-header-actions .button { min-height:32px; padding:8px 10px; font-size:10px; white-space:nowrap; }
.is-campaigns .campaign-studio-grid { height:calc(100vh - 150px); min-height:520px; }
@media (max-width:1100px) {
  .campaign-studio-header { grid-template-columns:1fr auto; }
  .campaign-header-meta { grid-column:1 / -1; grid-row:2; justify-content:flex-start; }
  .campaign-header-actions { grid-column:2; grid-row:1; }
}
@media (max-width:900px) {
  .is-campaigns .workspace-content { height:auto; }
  .campaign-studio-header { display:flex; align-items:flex-start; flex-wrap:wrap; gap:8px 12px; }
  .campaign-header-identity { flex:1 1 100%; }
  .campaign-header-meta { width:100%; justify-content:flex-start; }
  .campaign-header-actions { width:100%; flex-wrap:wrap; justify-content:flex-start; }
  .campaign-header-actions select { flex:1 1 160px; }
  .is-campaigns .campaign-studio-grid { height:auto; min-height:0; }
}
/* Campaign header polish: stronger hierarchy, quieter metadata, clearer actions. */
.campaign-studio-header { grid-template-columns:minmax(235px,.95fr) minmax(300px,1.25fr) auto; min-height:58px; padding:7px 0 11px; gap:16px; }
.campaign-header-identity { gap:7px; }
.campaign-header-identity .campaign-editable-title { flex:1 1 145px; width:145px; min-width:105px; max-width:190px; font-size:15px; letter-spacing:-.045em; }
.campaign-header-autosave { display:inline-flex; align-items:center; gap:4px; padding-left:5px; color:#636365; border-left:1px solid #e3e3e5; }
.campaign-header-autosave span { display:none; }
.campaign-header-meta { justify-content:flex-start; flex-wrap:nowrap; gap:6px; font-size:11px; }
.campaign-header-meta .campaign-stage-nav { gap:4px; flex:0 0 auto; }
.campaign-stage-nav b { font-size:12px; }
.campaign-runtime-inline { display:inline-flex; align-items:center; gap:4px; flex:0 0 auto; padding:5px 7px; border:1px solid #e3e3e8; border-radius:999px; background:#f5f5f7; }
.campaign-runtime-inline strong { color:#5d741f; font-weight:700; }
.campaign-runtime-inline em { color:#89966f; font-style:normal; }
.campaign-header-stat { display:inline-flex; align-items:baseline; gap:3px; flex:0 0 auto; padding-left:6px; border-left:1px solid #e4e4e6; }
.campaign-header-stat b { color:#4f5d3d; font-size:10px; }
.campaign-header-stat em { color:#636365; font-style:normal; }
.campaign-header-test { margin-left:1px; padding-left:6px; border-left:1px solid #e4e4e6; }
.campaign-header-test span { font-size:11px; letter-spacing:.04em; }
.campaign-header-test button { padding:4px 6px; font-size:11px; }
.campaign-header-actions { gap:5px; }
.campaign-header-actions select { min-width:138px; max-width:148px; padding:7px 9px; font-size:11px; }
.campaign-header-actions .button { min-height:31px; padding:7px 9px; font-size:11px; }
.campaign-studio-footer { min-height:30px; }
.campaign-footer-note { color:#a4a4a6; font:11px var(--mono); }
@media (max-width:1280px) and (min-width:901px) {
  .campaign-studio-header { grid-template-columns:minmax(0,1fr) auto; row-gap:5px; padding-bottom:8px; }
  .campaign-header-meta { grid-column:1 / -1; grid-row:2; justify-content:flex-start; width:100%; padding-top:2px; }
  .campaign-header-actions { grid-column:2; grid-row:1; }
  .is-campaigns .campaign-studio-grid { height:calc(100vh - 174px); }
}
/* Campaign portfolio: a calm overview for monitoring existing motions before entering the builder. */
.campaign-library-page { padding-top:10px; }
.campaign-library-header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:6px 0 22px; border-bottom:1px solid #dedee0; }
.campaign-library-header h2 { margin:9px 0 0; color:var(--ink); font-size:34px; letter-spacing:-.06em; }
.campaign-library-header p { max-width:640px; margin:9px 0 0; color:#636365; font-size:13px; line-height:1.5; }
.campaign-library-create { flex:0 0 auto; min-width:160px; justify-content:center; }
.campaign-library-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:18px; }
.campaign-library-summary > div { min-width:0; padding:16px 17px; border:1px solid #dedee0; border-radius:12px; background:#ffffff; }
.campaign-library-summary span, .campaign-library-summary strong, .campaign-library-summary em { display:block; }
.campaign-library-summary span { color:#636365; font:11px var(--mono); text-transform:uppercase; letter-spacing:.05em; }
.campaign-library-summary strong { margin-top:8px; color:var(--ink); font-size:27px; letter-spacing:-.05em; }
.campaign-library-summary em { margin-top:4px; color:#4a6510; font:11px var(--mono); font-style:normal; }
.campaign-library-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-top:27px; padding-bottom:10px; border-bottom:1px solid #dedee0; }
.campaign-library-toolbar strong { display:block; margin-top:6px; color:var(--ink); font-size:17px; }
.campaign-library-toolbar .text-button { color:#4a6510; font-size:11px; }
.campaign-library-list { display:flex; flex-direction:column; gap:10px; margin-top:12px; }
.campaign-library-card { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr); gap:20px; align-items:center; padding:19px 20px; border:1px solid #dedee0; border-radius:13px; background:#ffffff; transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.campaign-library-card:hover { border-color:#bdcf69; box-shadow:0 9px 24px rgba(38,51,18,.06); transform:translateY(-1px); }
.campaign-library-card-top { display:flex; align-items:center; gap:7px; color:#4a6510; font:11px var(--mono); text-transform:uppercase; letter-spacing:.04em; }
.campaign-library-card-top .campaign-list-status { width:8px; height:8px; margin:0; }
.campaign-status-label { color:#5d741f; font-weight:700; }
.campaign-library-updated { margin-left:4px; color:#a4a4a6; text-transform:none; letter-spacing:0; }
.campaign-library-card h3 { margin:10px 0 0; color:var(--ink); font-size:20px; letter-spacing:-.045em; }
.campaign-library-card p { max-width:620px; margin:6px 0 0; color:#636365; font-size:11px; line-height:1.45; }
.campaign-library-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:13px; }
.campaign-library-tags span { padding:5px 7px; color:#6e6e70; border:1px solid #e2e2e4; border-radius:999px; background:#f7f7f9; font:11px var(--mono); }
.campaign-library-performance { min-width:0; padding-left:20px; border-left:1px solid #e6e6e8; }
.campaign-library-performance-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.campaign-library-performance-head span { color:#636365; font:11px var(--mono); letter-spacing:.06em; }
.campaign-library-performance-head strong { color:#5d741f; font:11px var(--mono); }
.campaign-library-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin:12px 0 15px; }
.campaign-library-stats div { min-width:0; padding-right:6px; border-right:1px solid #e6e6e8; }
.campaign-library-stats div:last-child { border-right:0; }
.campaign-library-stats b, .campaign-library-stats span { display:block; }
.campaign-library-stats b { color:var(--ink); font-size:17px; letter-spacing:-.04em; }
.campaign-library-stats span { margin-top:3px; color:#636365; font:11px var(--mono); text-transform:uppercase; }
.campaign-library-performance .button { width:100%; justify-content:center; }
.campaign-header-crumb { padding:0; color:#636365; background:transparent; font:11px var(--mono); text-align:left; }
.campaign-header-crumb:hover { color:#637f22; }
@media (max-width:980px) {
  .campaign-library-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .campaign-library-card { grid-template-columns:1fr; gap:16px; }
  .campaign-library-performance { padding:15px 0 0; border-top:1px solid #e6e6e8; border-left:0; }
}
@media (max-width:620px) {
  .campaign-library-header { align-items:flex-start; flex-direction:column; }
  .campaign-library-header h2 { font-size:28px; }
  .campaign-library-create { width:100%; }
  .campaign-library-summary { grid-template-columns:1fr 1fr; gap:8px; }
  .campaign-library-summary > div { padding:13px; }
  .campaign-library-summary strong { font-size:23px; }
  .campaign-library-toolbar { align-items:flex-start; flex-direction:column; gap:8px; }
  .campaign-library-card { padding:15px; }
  .campaign-library-stats b { font-size:15px; }
}
/* Grouped workspace navigation: fewer top-level decisions, without hiding any destination. */
.workspace-switcher { justify-content:flex-start; gap:9px; padding:9px 10px; border:1px solid #333335; border-radius:10px; background:#1f1f21; }
.workspace-switcher-wrap { position:relative; }
.workspace-switcher { width:100%; cursor:pointer; text-align:left; }
.workspace-switcher > span:nth-child(2) { display:flex; min-width:0; flex:1; flex-direction:column; gap:3px; }
.workspace-switcher strong { overflow:hidden; color:#efeff1; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.workspace-switcher small { overflow:hidden; color:#919193; font:11px var(--mono); text-overflow:ellipsis; white-space:nowrap; }
.workspace-menu { position:absolute; z-index:20; top:calc(100% + 7px); right:0; left:0; padding:7px; border:1px solid #404042; border-radius:12px; background:#1f1f21; box-shadow:0 16px 30px rgb(0 0 0 / 22%); }
.workspace-menu-label { display:block; padding:5px 7px 7px; color:#919193; font:11px var(--mono); letter-spacing:.1em; }
.workspace-menu-item { display:flex; width:100%; align-items:center; gap:8px; padding:8px 7px; border-radius:8px; color:#efeff1; text-align:left; }
.workspace-menu-item:hover, .workspace-menu-item.is-current { background:#313133; }
.workspace-menu-item .workspace-avatar { width:25px; height:25px; font-size:11px; }
.workspace-menu-item > span:last-child { display:flex; min-width:0; flex-direction:column; gap:2px; }
.workspace-menu-item strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.workspace-menu-item small { color:#a9a9ab; font:11px var(--mono); }
.workspace-menu-create { display:block; width:100%; margin-top:6px; padding:10px 8px; border-top:1px solid #404042; color:var(--acid); text-align:left; font:11px var(--mono); }
.workspace-menu-create:hover { color:#f5f5f7; }
.workspace-nav-item { min-height:38px; flex-direction:row; justify-content:space-between; gap:10px; padding:0 10px; border-radius:8px; color:#a9a9ab; text-align:left; font-size:11px; }
.workspace-nav-item::before { width:18px; margin-right:1px; color:#919193; font-size:16px; line-height:1; text-align:center; }
.workspace-nav-item span { display:block; margin-left:auto; opacity:1; }
.workspace-nav-item .nav-badge { min-width:18px; padding:3px 5px; color:#b3c96a; border:1px solid #4c5c34; border-radius:999px; font:11px var(--mono); text-align:center; }
.workspace-nav-item:hover { transform:none; color:#f4f4f6; background:#1f1f21; }
.workspace-nav-item.active::before { color:#121214; }
.workspace-nav-item.active .nav-badge { color:#30410f; border-color:#819e21; background:#d9f264; }
.workspace-nav-item[data-workspace-view="campaigns"]::before { content:'⇄'; }
.workspace-nav-item[data-workspace-view="prospects"]::before { content:'◉'; font-size:13px; }
.workspace-nav-item[data-workspace-view="signals"]::before { content:'◌'; }
.workspace-nav-item[data-workspace-view="inbox"]::before { content:'▱'; }
.workspace-nav-item[data-workspace-view="execution"]::before { content:'↗'; }
.workspace-nav-item[data-workspace-view="review"]::before { content:'✓'; }
.workspace-nav-item[data-workspace-view="agents"]::before { content:'✦'; }
.workspace-nav-item[data-workspace-view="insights"]::before { content:'▥'; }
.workspace-nav-item[data-workspace-view="reports"]::before { content:'▥'; }
.workspace-nav-item[data-workspace-view="activity"]::before { content:'◷'; }
.workspace-nav-item[data-workspace-view="integrations"]::before { content:'⌁'; }
.workspace-data-notice { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 18px; padding:14px 16px; border:1px solid #ead9c8; border-radius:14px; background:#f9f9fb; }
.workspace-data-notice strong, .workspace-data-notice p { display:block; }
.workspace-data-notice strong { margin-top:5px; color:#594734; font-size:12px; }
.workspace-data-notice p { margin:5px 0 0; color:#8b7966; font-size:10px; line-height:1.4; }
.workspace-data-notice > div:last-child { display:flex; align-items:center; gap:12px; flex:0 0 auto; }
.workspace-data-notice .text-button { color:#7a8d2a; font-size:10px; white-space:nowrap; }
@media (max-width:720px) {
  .workspace-data-notice { align-items:flex-start; flex-direction:column; }
  .workspace-data-notice > div:last-child { flex-wrap:wrap; }
}
@media (max-width:900px) {
  .workspace-sidebar { width:205px; }
  .workspace-main { width:calc(100% - 205px); }
}
@media (max-width:620px) {
  .workspace-sidebar { width:58px; padding:20px 8px; }
  .workspace-brand { justify-content:center; padding:0 0 30px; }
  .workspace-brand > span, .workspace-switcher > div, .workspace-switcher > span:nth-child(2), .workspace-nav-item:not(.active) { display:none; }
  .workspace-switcher { justify-content:center; padding:10px 0; border:0; background:transparent; }
  .workspace-nav { margin-top:28px; }
  .workspace-nav-item { min-height:42px; justify-content:center; padding:0; }
  .workspace-nav-item.active { display:flex; }
  .workspace-nav-item.active::before { width:auto; margin:0; }
  .workspace-nav-item.active .nav-badge { display:none; }
  .workspace-main { width:calc(100% - 58px); }
}
.oauth-redirect-list { display:grid; gap:10px; }
.oauth-redirect-row { display:grid; grid-template-columns:90px minmax(0,1fr) auto; align-items:center; gap:14px; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
.oauth-redirect-row strong { color:var(--ink); font-size:13px; }
.oauth-redirect-row code { overflow:auto; color:var(--muted); font:11px var(--mono); white-space:nowrap; }
.oauth-redirect-row .text-button { white-space:nowrap; }
@media (max-width:620px) {
  .oauth-redirect-row { grid-template-columns:1fr auto; gap:8px; }
  .oauth-redirect-row code { grid-column:1 / -1; grid-row:2; }
}
.modal-error { margin-top:10px; padding:10px 12px; border:1px solid #d98b7b; border-radius:12px; background:#fff4f0; color:#9b3f2f; font:11px var(--mono); line-height:1.45; }
/* Persistent AI workspace panel inspired by modern revenue OS layouts. */
.workspace-shell.has-ai-panel { display:grid;
  grid-template-columns:232px minmax(0,1fr) minmax(310px,360px);
  align-items:stretch;
  background:#fafafa; }
.workspace-shell.has-ai-panel .workspace-sidebar, .workspace-shell.has-ai-panel .workspace-main, .workspace-shell.has-ai-panel .workspace-ai-panel { min-width:0; }
.workspace-shell.has-ai-panel .workspace-main { width:auto; }
.workspace-ai-panel { position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
  padding:22px 18px;
  border-left:1px solid #e3e3e5;
  background:#ffffff;
  box-shadow:-16px 0 42px rgba(37,45,28,.045); }
.workspace-ai-panel::-webkit-scrollbar { width:8px; }
.workspace-ai-panel::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:999px; background:#e3e3e8; background-clip:padding-box; }
.ai-panel-top { display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  padding:10px;
  border:1px solid #e6e6e8;
  border-radius:18px;
  background:#f5f5f7; }
.ai-panel-top strong { display:block; margin-top:4px; color:#121214; font-size:15px; letter-spacing:-.025em; }
.ai-orb { width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:14px;
  background:
    radial-gradient(circle at 32% 28%, #f5f5f7 0 13%, transparent 14%),
    linear-gradient(135deg, #c9fb2f 0%, #86a923 100%);
  box-shadow:0 10px 24px rgba(174,214,39,.28); }
.ai-panel-card { margin-bottom:14px;
  padding:16px;
  border:1px solid #e2e2e4;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 34px rgba(37,45,28,.04); }
.ai-panel-ask label { display:block;
  margin-bottom:10px;
  color:#121214;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.04em; }
.ai-panel-ask textarea { width:100%;
  box-sizing:border-box;
  resize:vertical;
  min-height:104px;
  margin-bottom:12px;
  padding:12px;
  color:#323234;
  border:1px solid #dedee0;
  border-radius:14px;
  background:#fafafa;
  font:13px/1.45 var(--sans);
  outline:none; }
.ai-panel-ask textarea:focus { border-color:#b8d841; box-shadow:0 0 0 4px #f5f5f7; }
.ai-voice-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:-2px 0 9px; }
.ai-voice-button { min-height:34px; padding:0 11px; color:#526a1d; border:1px solid #e3e3e8; border-radius:999px; background:#f5f5f7; font:11px var(--mono); cursor:pointer; }
.ai-voice-button:hover, .ai-voice-button.is-listening { color:#262628; border-color:#a9c933; background:#dff38b; }
.ai-voice-button.is-listening { box-shadow:0 0 0 4px #f5f5f7; }
.ai-voice-shortcut { color:#a5a5a7; font:11px var(--mono); text-align:right; }
.ai-voice-status { min-height:16px; margin:0 0 12px; color:#848486; font:9px/1.35 var(--mono); }
.ai-provider-status { display:block; margin-top:4px; color:#848486; font:9px/1.35 var(--mono); }
.ai-panel-actions { display:grid; gap:8px; margin:16px 0; }
.ai-panel-actions > span { color:#8f8f91;
  font:11px var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase; }
.ai-panel-actions button { display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 12px;
  color:#3e3e40;
  border:1px solid #e2e2e4;
  border-radius:14px;
  background:#fff;
  font-size:12px;
  font-weight:700;
  text-align:left; }
.ai-panel-actions button:hover { border-color:#b8d841; background:#f5f5f7; transform:translateY(-1px); }
.ai-panel-actions b { color:#6c8721; }
.ai-panel-card ul { display:grid;
  gap:9px;
  margin:12px 0 0;
  padding:0;
  list-style:none; }
.ai-panel-card li { position:relative;
  padding-left:17px;
  color:#707072;
  font-size:12px;
  line-height:1.45; }
.ai-panel-card li::before { content:'';
  position:absolute;
  left:0;
  top:.55em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#b8d841; }
.ai-panel-memory > div { padding:11px 0;
  border-bottom:1px solid #ececf0; }
.ai-panel-memory > div:last-child { border-bottom:0; padding-bottom:0; }
.ai-panel-memory strong, .ai-panel-memory small { display:block; }
.ai-panel-memory strong { color:#303032; font-size:12px; line-height:1.3; }
.ai-panel-memory small { margin-top:5px; color:#838385; font:10px/1.45 var(--mono); }
.ai-panel-memory p { margin:11px 0 0; color:#838385; font-size:12px; line-height:1.45; }
/* Campaign tuning + clearer per-contact personalization surfaces. */
.campaign-people-note { display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:16px;
  padding:14px 16px;
  border:1px solid #ececf0;
  border-radius:14px;
  background:#f5f5f7; }
.campaign-people-note strong { color:#303032; font-size:13px; }
.campaign-people-note span { flex:1; color:#707072; font-size:12px; line-height:1.45; }
.campaign-tuning-panel { padding:0; overflow:hidden; }
.campaign-tuning-panel > .campaign-tab-heading { padding:30px; }
.campaign-tuning-layout { display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:16px;
  padding:22px 30px 30px;
  background:#fafafa; }
.tuning-card { min-width:0;
  padding:18px;
  border:1px solid #e1e1e3;
  border-radius:18px;
  background:#ffffff;
  box-shadow:0 14px 34px rgba(37,45,28,.045); }
.tuning-instructions { grid-row:span 2; }
.tuning-card-head { display:flex;
  gap:11px;
  align-items:flex-start;
  margin-bottom:16px; }
.tuning-card-head > span { display:grid;
  width:32px;
  height:32px;
  flex:0 0 32px;
  place-items:center;
  color:#536d18;
  border-radius:50%;
  background:#f5f5f7;
  font:11px var(--mono); }
.tuning-card-head strong, .tuning-card-head small { display:block; }
.tuning-card-head strong { color:#1e1e20; font-size:16px; letter-spacing:-.025em; }
.tuning-card-head small { margin-top:4px; color:#636365; font:10px/1.45 var(--mono); }
.tuning-card label { display:block;
  margin-top:14px;
  color:#858587;
  font:11px var(--mono);
  letter-spacing:.04em;
  text-transform:uppercase; }
.tuning-card textarea, .tuning-card select { display:block;
  width:100%;
  box-sizing:border-box;
  margin-top:7px;
  padding:11px 12px;
  color:#464648;
  border:1px solid #dedee0;
  border-radius:12px;
  background:#ffffff;
  font:12px/1.55 var(--sans);
  text-transform:none; }
.tuning-card textarea:focus, .tuning-card select:focus { outline:none; border-color:#b8d841; box-shadow:0 0 0 3px #f5f5f7; }
.tuning-template-row { display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px; }
.tuning-template-row button { padding:8px 10px;
  color:#5e7a20;
  border:1px solid #e3e3e8;
  border-radius:999px;
  background:#f5f5f7;
  font:11px var(--mono); }
.tuning-toggle-grid { display:grid;
  grid-template-columns:1fr;
  gap:9px; }
.tuning-controls .campaign-settings-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:0; }
.tuning-preview { background:#222224; color:#f6f6f8; }
.tuning-preview .tuning-card-head strong { color:#f7f7f9; }
.tuning-preview .tuning-card-head small { color:#b5b5b7; }
.tuning-decision { margin-top:12px;
  padding:14px;
  border:1px solid #34482b;
  border-radius:14px;
  background:#2d2d2f; }
.tuning-decision span { color:#c9fb2f;
  font:11px var(--mono);
  letter-spacing:.08em; }
.tuning-decision strong { display:block;
  margin-top:7px;
  color:#fff;
  font-size:14px;
  line-height:1.35; }
.tuning-decision p { margin:6px 0 0;
  color:#c5c5c7;
  font-size:12px;
  line-height:1.5; }
.tuning-preview .campaign-ai-guardrail { border-left-color:#c9fb2f;
  background:#363638; }
.tuning-preview .campaign-ai-guardrail span { color:#cacacc; }
@media (max-width:1320px) {
  .workspace-shell.has-ai-panel { grid-template-columns:232px minmax(0,1fr); }
  .workspace-ai-panel { display:none; }
  .workspace-ai-panel[data-ai-panel-open="true"] { display:block; position:fixed; top:0; right:0; z-index:18; width:min(360px, calc(100vw - 232px)); height:100vh; }
  .workspace-shell.has-ai-panel .workspace-main { width:auto; }
}
@media (max-width:900px) {
  .workspace-shell.has-ai-panel { grid-template-columns:205px minmax(0,1fr); }
  .workspace-ai-panel[data-ai-panel-open="true"] { width:min(360px, calc(100vw - 205px)); }
  .campaign-people-layout, .campaign-preview-layout.enhanced { grid-template-columns:1fr; }
  .campaign-people-summary { grid-template-columns:repeat(2,1fr); }
  .message-proof-grid { grid-template-columns:1fr; }
  .campaign-tuning-layout { grid-template-columns:1fr; }
  .tuning-instructions { grid-row:auto; }
}
@media (max-width:620px) {
  .workspace-shell.has-ai-panel { grid-template-columns:58px minmax(0,1fr); }
  .campaign-people-summary { grid-template-columns:1fr; }
  .campaign-people-head { display:none; }
  .campaign-people-row { grid-template-columns:1fr; gap:8px; }
  .message-card-top, .message-approval-strip { align-items:flex-start; flex-direction:column; }
  .campaign-people-note { align-items:flex-start; flex-direction:column; }
  .campaign-tuning-panel > .campaign-tab-heading, .campaign-tuning-layout { padding:18px; }
  .tuning-controls .campaign-settings-grid { grid-template-columns:1fr; }
}
/* Specificity contract: keep generic copy visibly in research until evidence is attached. */
.campaign-specificity-card { margin:18px 0 0; padding:18px; border:1px solid #ececf0; border-radius:16px; background:#f5f5f7; }
.campaign-specificity-card.is-blocked { border-color:#e7dfbd; background:#ffffff; }
.campaign-specificity-card.is-ready { border-color:#c9e56c; background:#f5f5f7; }
.campaign-specificity-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.campaign-specificity-head > div { display:flex; flex-direction:column; gap:6px; }
.campaign-specificity-head .panel-kicker { color:#4a6510; }
.campaign-specificity-head strong { color:#29292b; font:700 12px var(--mono); letter-spacing:.08em; }
.campaign-specificity-score { color:#668316; font:700 18px var(--mono); }
.campaign-specificity-card p { max-width:640px; margin:11px 0 15px; color:#79797b; font-size:11px; line-height:1.45; }
.campaign-specificity-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.campaign-specificity-check { display:grid; grid-template-columns:20px 1fr; column-gap:7px; align-items:center; padding:9px 10px; border:1px solid #ececf0; background:#fff; }
.campaign-specificity-check > span { grid-row:span 2; color:#a7a7a9; font:12px var(--mono); }
.campaign-specificity-check.passed > span { color:#789c14; }
.campaign-specificity-check strong { color:#454547; font-size:10px; }
.campaign-specificity-check small { color:#9f9fa1; font-size:11px; }
.campaign-specificity-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; color:#909092; font:11px var(--mono); }
.campaign-learning-status { display:flex; flex-direction:column; gap:4px; margin:12px 0; padding:11px 12px; border:1px solid #ececf0; background:#fff; }
.campaign-learning-status span { color:#849b2d; font:11px var(--mono); letter-spacing:.08em; }
.campaign-learning-status strong { color:#404042; font:700 11px var(--mono); }
.campaign-learning-status small { color:#909092; font-size:10px; }
.campaign-learning-holdout { display:flex; flex-direction:column; gap:4px; margin:8px 0; padding:10px 12px; border:1px dashed #e3e3e8; border-radius:10px; }
.campaign-learning-holdout span, .campaign-learning-history>.panel-kicker { color:#636365; font:11px var(--mono); letter-spacing:.08em; }
.campaign-learning-holdout strong { color:#404042; font-size:11px; }
.campaign-learning-holdout small { color:#909092; font-size:10px; }
.campaign-learning-outcomes { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin:8px 0; }
.campaign-learning-outcomes span { padding:8px; background:#f4f4f6; border-radius:8px; color:#636365; font-size:11px; }
.campaign-learning-outcomes b { display:block; color:#252527; font-size:13px; margin-bottom:2px; }
.campaign-learning-history { display:grid; gap:5px; margin-top:10px; }
.campaign-learning-history>div { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 0; border-top:1px solid #e5e5e7; color:#6c6c6e; font-size:10px; }
.campaign-learning-history button { border:0; background:transparent; color:#718126; cursor:pointer; font:11px var(--mono); }
.campaign-learning-segments { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:8px 0; }
.campaign-learning-segments > div { min-width:0; padding:9px 10px; border:1px solid #ececf0; border-radius:8px; background:#fff; }
.campaign-learning-segments .panel-kicker { display:block; margin-bottom:5px; color:#636365; font:11px var(--mono); letter-spacing:.08em; }
.campaign-learning-segment { display:flex; flex-direction:column; gap:3px; padding:6px 0; border-top:1px solid #efeff1; }
.campaign-learning-segment:first-of-type { border-top:0; }
.campaign-learning-segment span { overflow:hidden; color:#404042; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.campaign-learning-segment small, .campaign-learning-segments > div > small { color:#909092; font-size:11px; }
@media (max-width:620px) {
  .campaign-learning-segments { grid-template-columns:1fr; }
}
.campaign-business-profile { display:flex; flex-direction:column; gap:12px; margin-top:18px; padding:13px; border:1px solid #e3e3e8; background:#f5f5f7; }
.campaign-business-profile.is-pending { border-color:#e3d8aa; background:#fafafa; }
.campaign-business-profile strong { display:block; margin-top:5px; color:#414143; font-size:12px; line-height:1.35; }
.campaign-business-profile p { margin:6px 0 0; color:#7c7c7e; font-size:10px; line-height:1.45; }
.campaign-business-profile-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:#829060; font:11px var(--mono); }
.campaign-business-profile-meta a { color:#718126; text-decoration:none; }
.campaign-business-profile-meta .text-button { padding:0; color:#718126; font:11px var(--mono); }
.campaign-activation-brief { margin-top:18px; padding:13px; border:1px solid #e3e3e8; background:#f5f5f7; }
.campaign-activation-brief-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.campaign-activation-brief-head > div { display:flex; flex-direction:column; gap:5px; }
.campaign-activation-brief-head strong { color:#414143; font-size:12px; line-height:1.35; }
.campaign-activation-brief p { margin:7px 0 11px; color:#7c7c7e; font-size:10px; line-height:1.45; }
.campaign-activation-checklist { display:grid; gap:6px; }
.campaign-activation-checklist > div { display:flex; align-items:flex-start; gap:8px; padding-top:7px; border-top:1px solid #ececf0; color:#666668; font-size:10px; line-height:1.35; }
.campaign-activation-brief > small { display:block; margin-top:11px; padding-top:9px; border-top:1px dashed #e3e3e8; color:#829060; font-size:11px; line-height:1.4; }
@media (max-width:620px) {
  .campaign-specificity-checks { grid-template-columns:1fr; }
  .campaign-specificity-footer { align-items:flex-start; flex-direction:column; }
}
/* Last-pass visual authority for every workspace tab. */
.workspace-switcher { padding:10px 11px; border:1px solid #ececee; border-radius:18px; background:#fafafa; box-shadow:0 5px 18px rgba(25,29,23,.035); }
.workspace-main { width:calc(100% - 236px); max-width:none; padding:0 48px 72px; background:#fbfbfb; }
.workspace-header h1 { color:#1b1b1d; font-size:42px; }
.panel, .agent-card, .integration-card { border-color:#ececee; border-radius:22px; background:#fff; box-shadow:0 14px 36px rgba(25,29,23,.045); }
.panel { padding:26px; }
.button-light { border-color:#ececee; background:#fff; }
.campaign-people-summary > div { background:#fff; }
.campaign-person-detail { border-radius:22px; background:#f5f5f7; box-shadow:0 14px 36px rgba(25,29,23,.045); }
.empty-state { border-radius:18px; background:#fcfcfc; }
@media (max-width:900px) {
  .workspace-sidebar { width:198px; }
  .workspace-main { width:calc(100% - 198px); padding:0 25px 55px; }
}
@media (max-width:620px) {
  .workspace-sidebar { width:100%; min-height:0; display:block; padding:12px 14px 10px; border-right:0; border-bottom:1px solid #ececee; }
  .workspace-brand { padding:0; }
  .workspace-brand > span { display:none; }
  .workspace-switcher-wrap { display:none; }
  .workspace-nav { display:flex; flex-direction:row; margin:0; overflow:auto; }
  .workspace-nav-item { min-width:max-content; min-height:36px; }
  .workspace-main { width:100%; padding:0 16px 45px; }
  .workspace-header { min-height:106px; padding-top:22px; }
  .workspace-header h1 { font-size:32px; }
  .workspace-content { padding-top:6px; }
  .panel { padding:18px; border-radius:20px; }
  .campaign-people-layout { grid-template-columns:1fr; }
  .campaign-people-row { grid-template-columns:1fr; gap:6px; }
  .campaign-people-head { display:none; }
}
@media (max-width:900px) {
  .campaign-run-summary { grid-template-columns:repeat(2,1fr); }
  .campaign-run-table { overflow-x:auto; }
  .campaign-run-table-head, .campaign-run-row { min-width:720px; }
  .campaign-history-events > div:not(.campaign-history-events-head) { grid-template-columns:auto 1fr; }
  .campaign-history-events > div em { grid-column:2; text-align:left; }
}
.signal-connectors-section { margin-top:28px; }
.signal-connector-callout { display:flex; gap:12px; align-items:flex-start; margin:18px 0; padding:16px 18px; border:1px solid #ececf0; border-radius:16px; background:#f5f5f7; color:#5f5f61; }
.signal-connector-callout strong { color:#1d1d1f; }
.signal-connector-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.signal-connector-card { padding:20px; border:1px solid #e6e6e8; border-radius:18px; background:#fff; }
.signal-connector-card.is-connected { border-color:#c9ee3d; box-shadow:0 10px 26px rgba(99,128,31,.08); }
.signal-connector-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.signal-connector-head h3 { margin:7px 0 0; font-size:21px; }
.signal-connector-card p { margin:12px 0 16px; color:#747476; line-height:1.5; }
.signal-connector-meta { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; color:#808082; font:11px/1.4 var(--mono); }
.signal-connector-metrics-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; width:100%; }
.signal-connector-metrics-grid span { padding:6px 7px; border:1px solid #ededef; border-radius:8px; background:#fafafa; font:11px var(--mono); text-align:center; }
.signal-connector-field { display:grid; grid-template-columns:1fr auto; gap:6px 10px; align-items:center; margin-top:10px; color:#808082; font:10px/1.4 var(--mono); text-transform:uppercase; letter-spacing:.08em; }
.signal-connector-field code { grid-column:1 / -1; overflow:auto; padding:10px; border:1px solid #ededef; border-radius:10px; color:#2d2d2f; background:#f8f8fa; font:11px/1.4 var(--mono); text-transform:none; letter-spacing:0; }
.signal-connector-field small { grid-column:1 / -1; color:#636365; font:10px/1.4 var(--mono); text-transform:none; letter-spacing:0; }
.signal-connector-token code { border-color:#c9ee3d; background:#f5f5f7; }
.signal-connector-events { display:flex; flex-direction:column; gap:5px; margin-top:14px; color:#747476; font-size:12px; line-height:1.5; }
.signal-connector-events strong { color:#353537; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.signal-connector-delivery { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:4px 9px; margin:0 0 14px; padding:10px 12px; border:1px solid #e9e9eb; border-radius:12px; background:#fafafa; color:#747476; font:10px/1.4 var(--mono); }
.signal-connector-delivery strong { color:#545456; text-transform:uppercase; letter-spacing:.06em; }
.signal-connector-delivery span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.signal-connector-delivery small { grid-column:1 / -1; color:#9b4e35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.signal-connector-delivery.is-success { border-color:#ececf0; background:#f5f5f7; }
.signal-connector-delivery.is-success strong { color:#5e7713; }
.signal-connector-delivery.is-warning { border-color:#f0dfad; background:#fff9e7; }
.signal-connector-delivery.is-warning strong { color:#89651a; }
.signal-connector-delivery.is-error { border-color:#f2c8b8; background:#fff3ee; }
.signal-connector-delivery.is-error strong { color:#9e563c; }
.signal-loop-metrics-panel { margin-bottom:18px; }
.signal-loop-metrics-panel .panel-header p { max-width:760px; }
.signal-loop-metric-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.signal-loop-metric-sections > section { padding:16px; border:1px solid #e8e8ea; border-radius:16px; background:#fcfcfc; }
.signal-loop-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.signal-loop-section-heading small { color:#8f8f91; font:11px var(--mono); text-align:right; }
.signal-loop-metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid #e8e8ea; border-radius:10px; background:#e8e8ea; }
.signal-loop-metric-grid > div { padding:10px; background:#fff; }
.signal-loop-metric-grid span, .signal-loop-metric-grid strong { display:block; }
.signal-loop-metric-grid span { color:#636365; font:11px var(--mono); }
.signal-loop-metric-grid strong { margin-top:5px; color:#2e2e30; font-size:20px; letter-spacing:-.04em; }
.signal-loop-reasons, .signal-loop-tags { margin-top:12px; color:#78787a; font:10px/1.4 var(--mono); }
.signal-loop-reasons > strong, .signal-loop-tags > strong { display:block; margin-bottom:6px; color:#525254; font:11px var(--sans); text-transform:uppercase; letter-spacing:.06em; }
.signal-loop-reasons > div { display:flex; justify-content:space-between; gap:10px; padding:6px 0; border-top:1px solid #ededef; }
.signal-loop-reasons strong { color:#525254; }
.signal-loop-tags > div { display:flex; flex-wrap:wrap; gap:6px; }
.signal-loop-tags span { padding:5px 7px; border-radius:999px; background:#f5f5f7; color:#63722f; }
.signal-loop-error { display:flex; flex-direction:column; gap:4px; margin-top:12px; padding:9px 10px; border:1px solid #f2c8b8; border-radius:10px; background:#fff3ee; color:#9e563c; font:10px/1.4 var(--mono); }
.signal-loop-error strong { font-family:var(--sans); }
@media (max-width:760px) {
  .signal-connector-grid { grid-template-columns:1fr; }
  .signal-connector-callout { flex-direction:column; }
  .signal-connector-metrics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .signal-loop-metric-sections { grid-template-columns:1fr; }
  .signal-loop-section-heading { align-items:flex-start; flex-direction:column; }
  .signal-loop-section-heading small { text-align:left; }
}
.signal-explainability-panel { margin-bottom:18px; }
.signal-explainability-panel .panel-header p { max-width:760px; }
.signal-explainability-layout { display:grid; grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr); gap:14px; }
.signal-explainability-list, .signal-explainability-detail { min-width:0; padding:16px; border:1px solid #e8e8ea; border-radius:16px; background:#fcfcfc; }
.signal-explainability-list { display:flex; flex-direction:column; gap:8px; }
.signal-explainability-list > .panel-kicker { margin-bottom:3px; }
.signal-explainability-row { display:grid; grid-template-columns:max-content minmax(0,1fr) max-content; gap:9px; align-items:center; width:100%; padding:11px 10px; border:1px solid #e7e7e9; border-radius:11px; background:#fff; color:var(--ink); text-align:left; }
.signal-explainability-row:hover, .signal-explainability-row.selected { border-color:#b8d736; background:#f5f5f7; }
.signal-explainability-row strong, .signal-explainability-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.signal-explainability-row strong { font-size:11px; }
.signal-explainability-row small { margin-top:4px; color:#636365; font:11px var(--mono); }
.signal-explainability-row b { color:#6d8125; font:11px var(--mono); white-space:nowrap; }
.signal-explainability-status { display:inline-flex; align-items:center; width:max-content; max-width:150px; padding:5px 7px; border-radius:999px; color:#7d7d7f; background:#f1f1f3; font:11px var(--mono); white-space:nowrap; }
.signal-explainability-status.blocked { color:#9e563c; background:#fff0e9; }
.signal-explainability-status.needs-research, .signal-explainability-status.not-routed { color:#89651a; background:#fff8e6; }
.signal-explainability-detail { background:#fff; }
.signal-explainability-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding-bottom:14px; border-bottom:1px solid #ededef; }
.signal-explainability-detail-head h3 { margin:7px 0 4px; font-size:22px; letter-spacing:-.04em; }
.signal-explainability-detail-head p { margin:0; color:#848486; font-size:11px; }
.signal-trace-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin-top:14px; overflow:hidden; border:1px solid #e8e8ea; border-radius:11px; background:#e8e8ea; }
.signal-trace-grid > div { min-width:0; padding:11px; background:#fcfcfc; }
.signal-trace-grid span, .signal-trace-grid strong, .signal-trace-grid small { display:block; }
.signal-trace-grid span, .signal-trace-routing span { color:#636365; font:11px var(--mono); letter-spacing:.04em; }
.signal-trace-grid strong { margin:7px 0 4px; color:#2e2e30; font-size:12px; }
.signal-trace-grid small { overflow:hidden; color:#848486; font:11px var(--mono); text-overflow:ellipsis; white-space:nowrap; }
.signal-trace-block { margin-top:14px; padding-top:13px; border-top:1px solid #ededef; }
.signal-trace-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.signal-trace-tags > span { padding:6px 8px; border:1px solid #ececf0; border-radius:999px; color:#5e711d; background:#f5f5f7; font:11px var(--mono); }
.signal-trace-muted { color:#636365 !important; font:11px var(--mono); }
.signal-trace-routing { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; }
.signal-trace-routing > div { min-width:0; padding:9px 10px; border:1px solid #e9e9eb; border-radius:9px; background:#fcfcfc; }
.signal-trace-routing strong { display:block; overflow:hidden; margin-top:5px; color:#414143; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.signal-trace-reason, .signal-trace-next { margin:9px 0 0; color:#6f6f71; font-size:10px; line-height:1.45; }
.signal-trace-next strong { color:#4f6818; }
.signal-trace-evidence { margin-top:8px; padding:10px; border:1px solid #e9e9eb; border-radius:9px; color:#6b6b6d; background:#fafafa; font:10px/1.45 var(--mono); word-break:break-word; }
.signal-trace-evidence a { color:#5d7620; }
.signal-attribution-list { display:grid; gap:6px; margin-top:8px; }
.signal-attribution-row { display:grid; grid-template-columns:max-content minmax(0,1fr) max-content; gap:9px; align-items:center; padding:8px 0; border-top:1px solid #ededef; }
.signal-attribution-row strong { color:#414143; font-size:10px; }
.signal-attribution-row span, .signal-attribution-row b { color:#636365; font:11px var(--mono); }
.signal-attribution-row b { color:#5e7713; }
@media (max-width:900px) {
  .signal-explainability-layout { grid-template-columns:1fr; }
  .signal-trace-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .signal-explainability-row { grid-template-columns:1fr; gap:6px; }
  .signal-explainability-row b { justify-self:start; }
  .signal-explainability-detail-head { align-items:flex-start; flex-direction:column; }
  .signal-trace-grid { grid-template-columns:1fr 1fr; }
  .signal-trace-routing { grid-template-columns:1fr; }
  .signal-attribution-row { grid-template-columns:1fr; gap:3px; }
}
.review-funnel-panel { margin-bottom:18px; }
.review-funnel-panel .panel-header p { max-width:760px; }
.review-funnel-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1px; margin:16px 0; overflow:hidden; border:1px solid #e8e8ea; border-radius:12px; background:#e8e8ea; }
.review-funnel-metrics > div { min-width:0; min-height:82px; padding:12px; background:#fcfcfc; }
.review-funnel-metrics span, .review-funnel-metrics strong, .review-funnel-metrics em { display:block; }
.review-funnel-metrics span { color:#636365; font:11px var(--mono); }
.review-funnel-metrics strong { margin:9px 0 3px; overflow:hidden; color:#2e2e30; font-size:20px; letter-spacing:-.04em; text-overflow:ellipsis; white-space:nowrap; }
.review-funnel-metrics em { color:#4a6510; font:11px var(--mono); font-style:normal; }
.review-funnel-layout { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:14px; }
.review-funnel-layout > div { min-width:0; padding:14px; border:1px solid #e8e8ea; border-radius:14px; background:#fcfcfc; }
.review-funnel-stages, .review-funnel-list { display:flex; flex-direction:column; gap:7px; margin-top:10px; }
.review-funnel-stage, .review-funnel-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid #ededef; color:#6f6f71; font:11px var(--mono); }
.review-funnel-stage { width:100%; border-right:0; border-bottom:0; border-left:0; background:transparent; text-align:left; cursor:pointer; }
.review-funnel-stage:hover, .review-funnel-stage.selected { color:#536d1b; background:#f5f5f7; }
.review-funnel-stage strong, .review-funnel-row strong { color:#414143; font-size:11px; }
.review-funnel-stage:first-child, .review-funnel-row:first-child { border-top:0; }
.review-funnel-subheading { display:block; margin-top:18px; }
.review-funnel-items { min-width:0; }
.review-funnel-item { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:10px 8px; border:1px solid #e7e7e9; border-radius:10px; background:#fff; color:var(--ink); text-align:left; }
.review-funnel-item:hover, .review-funnel-item.selected { border-color:#b8d736; background:#f5f5f7; }
.review-funnel-item strong, .review-funnel-item small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.review-funnel-item strong { font-size:11px; }
.review-funnel-item small { margin-top:4px; color:#636365; font:11px var(--mono); }
.review-funnel-item b { color:#6d8125; font:11px var(--mono); white-space:nowrap; }
.review-funnel-detail { margin-top:14px; padding:16px; border:1px solid #ececf0; border-radius:15px; background:#f5f5f7; }
.review-funnel-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding-bottom:12px; border-bottom:1px solid #ececf0; }
.review-funnel-detail-head h3 { margin:7px 0 4px; color:var(--ink); font-size:21px; letter-spacing:-.04em; }
.review-funnel-detail-head p { margin:0; color:#848486; font-size:11px; }
.review-funnel-detail-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin-top:13px; overflow:hidden; border:1px solid #ececf0; border-radius:10px; background:#ececf0; }
.review-funnel-detail-grid > div { min-width:0; padding:10px; background:#ffffff; }
.review-funnel-detail-grid span, .review-funnel-detail-grid strong, .review-funnel-detail-grid small { display:block; }
.review-funnel-detail-grid span, .review-funnel-detail-routing span { color:#636365; font:11px var(--mono); }
.review-funnel-detail-grid strong { margin-top:6px; overflow:hidden; color:#414143; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.review-funnel-detail-grid small { margin-top:4px; color:#636365; font:11px var(--mono); }
.review-funnel-detail-block { margin-top:14px; }
.review-funnel-detail-routing { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-top:9px; }
.review-funnel-detail-routing div { min-width:0; padding:9px; border:1px solid #ececf0; border-radius:9px; background:#ffffff; }
.review-funnel-detail-routing strong { display:block; margin-top:5px; overflow:hidden; color:#536d1b; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.review-funnel-detail-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.review-funnel-detail-tags span { padding:5px 7px; color:#89651a; border-radius:999px; background:#fff8e6; font:11px var(--mono); }
.review-funnel-attribution { display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.review-funnel-attribution > div { display:flex; justify-content:space-between; gap:10px; padding:7px 0; border-top:1px solid #ececf0; }
.review-funnel-attribution strong { color:#536d1b; font-size:10px; }
.review-funnel-attribution span { color:#636365; font:11px var(--mono); }
@media (max-width:900px) {
  .review-funnel-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .review-funnel-layout { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .review-funnel-detail-grid, .review-funnel-detail-routing { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .review-funnel-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .review-funnel-detail-grid, .review-funnel-detail-routing { grid-template-columns:1fr 1fr; }
  .review-funnel-detail-head { align-items:flex-start; flex-direction:column; }
  .review-funnel-attribution > div { align-items:flex-start; flex-direction:column; gap:4px; }
}
.signal-contract-validator { margin-top:18px; padding:18px; border:1px solid #ececf0; border-radius:18px; background:linear-gradient(135deg,#f5f5f7,#fff); }
.signal-contract-head, .signal-contract-result-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.signal-contract-head h3, .signal-contract-result-head h3 { margin:7px 0 5px; color:#2e2e30; font-size:20px; letter-spacing:-.035em; }
.signal-contract-head p, .signal-contract-result > p { max-width:760px; margin:0; color:#7a7a7c; font-size:11px; line-height:1.5; }
.signal-contract-form { display:grid; grid-template-columns:220px minmax(0,1fr); gap:12px; margin-top:16px; }
.signal-contract-form label { display:flex; flex-direction:column; gap:6px; color:#545456; font:11px var(--mono); text-transform:uppercase; letter-spacing:.06em; }
.signal-contract-form select, .signal-contract-form textarea { min-width:0; border:1px solid #ececf0; border-radius:10px; background:#fff; color:#2e2e30; font:11px/1.45 var(--mono); text-transform:none; letter-spacing:0; }
.signal-contract-form select { padding:10px; }
.signal-contract-form textarea { min-height:190px; padding:12px; resize:vertical; }
.signal-contract-example-label { color:#636365; font:11px var(--mono); text-transform:none; letter-spacing:0; }
.signal-contract-actions { grid-column:1 / -1; display:flex; align-items:center; gap:12px; color:#636365; font:11px var(--mono); }
.signal-contract-admin-note { margin-top:14px; padding:11px 12px; border:1px dashed #ececf0; border-radius:10px; color:#818183; background:#fff; font:10px/1.45 var(--mono); }
.signal-contract-result { margin-top:16px; padding:15px; border:1px solid #ececf0; border-radius:14px; background:#fff; }
.signal-contract-result.is-valid { border-color:#ececf0; }
.signal-contract-result.is-blocked { border-color:#f2c8b8; }
.integration-state.is-blocked { color:#9e563c; background:#fff0e9; }
.signal-contract-mapping { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:14px; overflow:hidden; border:1px solid #e8e8ea; border-radius:10px; background:#e8e8ea; }
.signal-contract-mapping > span { display:flex; flex-direction:column; gap:5px; min-width:0; padding:10px; background:#fcfcfc; color:#676769; font:11px var(--mono); overflow-wrap:anywhere; }
.signal-contract-mapping b { color:#636365; font:11px var(--mono); text-transform:uppercase; }
.signal-contract-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:14px; }
.signal-contract-check { display:flex; flex-direction:column; gap:4px; padding:9px 10px; border:1px solid #e8e8ea; border-radius:9px; background:#fcfcfc; }
.signal-contract-check strong { color:#596c1d; font-size:10px; }
.signal-contract-check span { color:#848486; font:9px/1.4 var(--mono); }
.signal-contract-check.warning { border-color:#f0dfad; background:#fff9e7; }
.signal-contract-check.warning strong { color:#89651a; }
.signal-contract-check.blocked { border-color:#f2c8b8; background:#fff3ee; }
.signal-contract-check.blocked strong { color:#9e563c; }
.signal-contract-reasons, .signal-contract-warnings { display:flex; flex-direction:column; gap:5px; margin-top:12px; padding:10px; border-radius:10px; font:10px/1.4 var(--mono); }
.signal-contract-reasons { border:1px solid #f2c8b8; background:#fff3ee; color:#9e563c; }
.signal-contract-warnings { border:1px solid #f0dfad; background:#fff9e7; color:#89651a; }
.signal-contract-reasons strong, .signal-contract-warnings strong { font-family:var(--sans); }
.signal-contract-preview { margin-top:12px; padding-top:10px; border-top:1px solid #ededef; color:#676769; font:11px var(--mono); }
.signal-contract-preview pre { max-height:260px; margin:9px 0 0; padding:10px; overflow:auto; border-radius:9px; background:#f8f8fa; white-space:pre-wrap; word-break:break-word; }
.signal-contract-error { margin-top:12px; padding:10px; border:1px solid #f2c8b8; border-radius:10px; color:#9e563c; background:#fff3ee; font:11px var(--mono); }
@media (max-width:760px) {
  .signal-contract-head, .signal-contract-result-head { flex-direction:column; }
  .signal-contract-form { grid-template-columns:1fr; }
  .signal-contract-actions { align-items:flex-start; flex-direction:column; }
  .signal-contract-mapping, .signal-contract-checks { grid-template-columns:1fr; }
}
/* Simplified workspace: Option 2 content model with the black navigation rail. */
.workspace-shell { display:flex; min-height:100vh; color:var(--ink); background:var(--paper); }
.workspace-sidebar { position:sticky; top:0; z-index:4; width:224px; height:100vh; flex:0 0 224px; display:flex; flex-direction:column; padding:25px 16px 18px; color:#dbdbdd; background:#0f0f11; border-right:1px solid #29292b; }
.workspace-brand { justify-content:flex-start; gap:10px; padding:0 10px 28px; color:#f7f7f9; font-size:16px; letter-spacing:-.045em; }
.workspace-brand > span { display:inline; }
.workspace-brand .brand-mark { width:28px; height:28px; color:#131315; border-color:var(--acid); background:var(--acid); }
.workspace-switcher-wrap { margin:0 0 20px; }
.workspace-switcher { min-height:48px; padding:8px 10px; color:#ececee; border:1px solid #323234; border-radius:12px; background:#19191b; text-align:left; }
.workspace-switcher:hover { border-color:#556847; background:#202022; }
.workspace-switcher strong { color:#f0f0f2; font-size:11px; }
.workspace-switcher small { color:#929294; font-size:11px; }
.workspace-switcher .workspace-avatar { width:25px; height:25px; font-size:10px; }
.workspace-nav { width:100%; gap:4px; margin-top:0; }
.workspace-nav-item { min-height:40px; justify-content:flex-start; gap:10px; padding:0 12px; border-radius:10px; color:#aeaeb0; font-size:12px; text-align:left; }
.workspace-nav-item::before { display:grid; place-items:center; width:17px; height:17px; color:#909092; font-size:15px; line-height:1; }
.workspace-nav-item[data-workspace-view="overview"]::before { content:'⌂'; }
.workspace-nav-item[data-workspace-view="work"]::before { content:'◌'; }
.workspace-nav-item[data-workspace-view="prospecting"]::before { content:'○'; }
.workspace-nav-item[data-workspace-view="playbooks"]::before { content:'✦'; }
.workspace-nav-item[data-workspace-view="settings"]::before { content:'⚙'; }
.workspace-nav-item span { display:inline; }
.workspace-nav-item:hover { color:#f6f6f8; background:#1f1f21; }
.workspace-nav-item:hover::before, .workspace-nav-item.active::before { color:var(--acid); }
.workspace-nav-item.active { color:#131315; background:var(--acid); box-shadow:none; font-weight:700; }
.workspace-nav-item.active:hover { color:#131315; background:#c9ee3d; }
.profile { min-height:44px; padding:8px 4px; color:#cdcdcf; }
.profile:hover { background:#1f1f21; }
.profile small { color:#808082; }
.profile > span:last-child { color:#7c7c7e; }
.workspace-main { width:calc(100% - 224px); min-width:0; padding:0 48px 72px; background:var(--paper); }
.workspace-header { min-height:124px; align-items:center; border-bottom:1px solid #e0e0e2; }
.workspace-header h1 { margin:10px 0 4px; font-size:39px; letter-spacing:-.065em; }
.page-header-subtitle { color:#858587; font-size:12px; }
.workspace-content { max-width:1280px; margin:0 auto; padding-top:26px; }
.command-input-wrap { display:flex; align-items:center; gap:9px; min-height:52px; padding:0 8px 0 14px; border:1px solid #e3e3e8; border-radius:13px; background:#f7f7f9; box-shadow:0 0 0 4px rgba(201,238,61,.08); }
.command-input-wrap .mini-mark { color:#4a6510; font-size:16px; }
.command-input-wrap input { flex:1; min-width:0; border:0; outline:0; color:var(--ink); background:transparent; font:12px var(--sans); }
.command-input-wrap input::placeholder { color:#969698; }
.command-input-wrap .button { min-height:36px; padding:0 13px; }
.play-card-icon { display:grid; place-items:center; width:31px; height:31px; margin-bottom:25px; color:#232325; border-radius:9px; background:var(--acid); }
.unified-workspace { display:grid; gap:20px; }
.work-command-bar { display:flex; align-items:center; gap:12px; min-height:58px; padding:8px 10px 8px 14px; border:1px solid #e3e3e8; border-radius:14px; background:#f5f5f7; }
.work-command-icon { display:grid; place-items:center; width:29px; height:29px; color:#4a6510; border-radius:8px; background:#ececf0; }
.work-command-bar form { display:flex; flex:1; gap:8px; }
.work-command-bar input { flex:1; min-width:0; border:0; outline:0; color:var(--ink); background:transparent; font:12px var(--sans); }
.work-command-bar .button { min-height:36px; padding:0 13px; }
.work-command-hint { color:#8b8b8d; font:11px var(--mono); white-space:nowrap; }
.work-intro { display:flex; align-items:end; justify-content:space-between; gap:15px; }
.work-intro h2 { margin:7px 0 0; font-size:26px; letter-spacing:-.05em; }
.work-tabs { display:flex; gap:4px; border-bottom:1px solid #dcdcde; }
.work-tab { min-height:40px; padding:0 14px; color:#606062; border-bottom:2px solid transparent; font-size:11px; }
.work-tab:hover { color:var(--ink); }
.work-tab.is-active { color:var(--ink); border-bottom-color:var(--acid); font-weight:700; }
.work-tab b { margin-left:6px; padding:2px 5px; color:#7c7c7e; border-radius:999px; background:#ededef; font:11px var(--mono); }
.work-tab.is-active b { color:#24300f; background:var(--acid); }
.work-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr); gap:14px; align-items:start; }
.work-list-panel, .work-detail { border:1px solid #dedee0; border-radius:16px; background:#ffffff; }
.work-list-head { display:grid; grid-template-columns:minmax(120px,1.1fr) minmax(150px,1fr) minmax(150px,1.1fr) minmax(90px,.55fr); gap:12px; padding:13px 16px; color:#9b9b9d; border-bottom:1px solid #e6e6e8; font:11px var(--mono); letter-spacing:.08em; }
.work-list { display:grid; }
.work-row { display:grid; grid-template-columns:28px minmax(120px,1.1fr) minmax(150px,1fr) minmax(150px,1.1fr) minmax(90px,.55fr); gap:12px; align-items:center; min-height:83px; padding:12px 16px; color:var(--ink); border-bottom:1px solid #ebebed; text-align:left; }
.work-row:last-child { border-bottom:0; }
.work-row:hover, .work-row.is-selected { background:#f5f5f7; }
.work-row.is-selected { box-shadow:inset 3px 0 var(--acid); }
.work-row-mark { display:grid; place-items:center; width:25px; height:25px; color:#627d1d; border-radius:8px; background:#f5f5f7; font-size:12px; }
.work-row-mark.review { color:#567417; background:#ececf0; }
.work-row-mark.task { color:#8a6a21; background:#fff4da; }
.work-row-account strong, .work-row-account small, .work-row-why strong, .work-row-why small { display:block; }
.work-row-account strong, .work-row-why strong { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.work-row-account small, .work-row-why small { margin-top:4px; overflow:hidden; color:#969698; font:11px var(--mono); text-overflow:ellipsis; white-space:nowrap; }
.work-row-evidence { display:-webkit-box; overflow:hidden; color:#79797b; font-size:10px; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.work-row-action { color:#65801f; font:11px var(--mono); white-space:nowrap; }
.work-detail { position:sticky; top:22px; min-height:350px; padding:21px; }
.work-detail-kicker { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#929294; font:11px var(--mono); }
.work-detail h2 { margin:18px 0 4px; font-size:25px; letter-spacing:-.05em; }
.work-detail-person { margin:0 0 22px; color:#878789; font-size:11px; }
.work-detail section { padding:15px 0; border-top:1px solid #e6e6e8; }
.work-detail section p { margin:7px 0 0; color:#6b6b6d; font-size:11px; line-height:1.5; }
.work-evidence p { color:var(--ink) !important; overflow-wrap:anywhere; }
.account-find-people { margin-top:12px; }
.account-signal-outcomes { display:grid; gap:10px; }
.account-signal-outcome { display:grid; grid-template-columns:1fr auto; gap:4px 10px; padding:12px 14px; border-radius:14px; background:var(--surface-2, #f4f4f6); }
.account-signal-source { grid-column:1 / -1; color:var(--muted, #6b6b70); font-size:12px; }
.account-signal-source a { color:inherit; text-decoration:underline; }
.account-signal-outcome p { grid-column:1 / -1; margin:0; color:var(--muted, #6b6b70); font-size:13px; line-height:1.45; }
.account-signal-outcome.is-started .pill, .account-signal-outcome.is-research .pill, .account-signal-outcome.is-joined .pill { background:#e4f7c9; }
.account-find-people-note { margin:10px 0 0; color:var(--muted, #6b6b70); font-size:13px; }
.work-evidence small { display:block; margin-top:8px; color:#98989a; font:11px var(--mono); line-height:1.4; }
.work-detail-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.work-detail-actions .button { min-height:36px; padding:0 11px; font-size:10px; }
.work-detail-empty { display:flex; min-height:350px; flex-direction:column; justify-content:center; }
.work-detail-empty h2 { margin-top:10px; font-size:21px; }
.work-empty { display:grid; justify-items:start; gap:7px; padding:42px 20px; }
.work-empty .mini-mark { color:#739126; font-size:21px; }
@media (max-width:1000px) {
  .work-command-hint { display:none; }
  .work-layout { grid-template-columns:1fr; }
  .work-detail { position:static; }
  .work-list-head { display:none; }
  .work-row { grid-template-columns:28px 1fr 1fr; }
  .work-row-evidence { grid-column:2 / 3; }
  .work-row-action { grid-column:3; grid-row:2; }
}
@media (max-width:700px) {
  .workspace-sidebar { position:static; width:100%; height:auto; min-height:0; flex:0 0 auto; padding:13px 14px 10px; border-right:0; border-bottom:1px solid #29292b; }
  .workspace-shell { display:block; }
  .workspace-brand { padding:0 4px 12px; }
  .workspace-switcher-wrap { display:none; }
  .workspace-nav { display:flex; overflow:auto; gap:4px; }
  .workspace-nav-item, .workspace-nav-item:not(.active) { display:flex; min-width:max-content; min-height:36px; padding:0 11px; }
  .workspace-nav-item::before { display:none; }
  .workspace-main { width:100%; padding:0 16px 45px; }
  .workspace-header { min-height:105px; }
  .workspace-header h1 { font-size:30px; }
  .work-intro { align-items:flex-start; flex-direction:column; }
  .work-command-bar { align-items:stretch; flex-direction:column; padding:14px; }
  .work-command-bar form { width:100%; }
  .work-row { grid-template-columns:28px 1fr; }
  .work-row-why, .work-row-evidence, .work-row-action { grid-column:2; }
  .work-row-action { grid-row:auto; }
  .work-detail { min-height:0; }
  .work-tab { padding:0 9px; }
}
.campaign-learning-guardrail { display:flex; flex-direction:column; gap:5px; margin:8px 0; padding:10px 12px; border:1px solid #e3e3e8; border-radius:10px; background:#fbfbfb; }
.campaign-learning-guardrail > div { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.campaign-learning-guardrail span { color:#7b8c38; font:11px var(--mono); letter-spacing:.06em; }
.campaign-learning-guardrail strong { color:#394b1e; font:700 10px var(--mono); }
.campaign-learning-guardrail p { margin:0; color:#6c6c6e; font-size:10px; line-height:1.4; }
.campaign-learning-guardrail small { color:#909092; font-size:11px; line-height:1.35; }
.campaign-learning-guardrail.watch { border-color:#ead8ad; background:#fafafa; }
.campaign-learning-guardrail.watch span, .campaign-learning-guardrail.watch strong { color:#9a6b1f; }
.campaign-learning-guardrail.blocked { border-color:#e5c5b9; background:#fff5f0; }
.campaign-learning-guardrail.blocked span, .campaign-learning-guardrail.blocked strong { color:#9b573c; }
/* Reference-matched Home surface. The rest of the workspace keeps its
   operating shell; Home uses the lighter, calmer command-center composition. */
.workspace-shell.is-overview { background:#f5f5f7; }
.workspace-shell.is-overview .workspace-sidebar { width:245px; flex-basis:245px; padding:38px 20px 28px; color:#202022; background:#f5f5f7; border-right:1px solid #e5e5e7; }
.workspace-shell.is-overview .workspace-brand { justify-content:flex-start; padding:0 20px 46px; color:#272729; font-size:25px; letter-spacing:-.065em; }
.workspace-shell.is-overview .workspace-brand > span { display:inline; }
.workspace-shell.is-overview .workspace-brand .brand-mark { display:none; }
.workspace-shell.is-overview .workspace-switcher-wrap { display:none; }
.workspace-shell.is-overview .workspace-nav { gap:10px; margin:0; }
.workspace-shell.is-overview .workspace-nav-item { min-height:56px; justify-content:flex-start; gap:14px; padding:0 18px; border-radius:16px; color:#272729; font-size:17px; }
.workspace-shell.is-overview .workspace-nav-item::before { width:22px; height:22px; color:#272729; font-size:23px; font-weight:400; }
.workspace-shell.is-overview .workspace-nav-item:hover { color:#202022; background:#f5f5f7; }
.workspace-shell.is-overview .workspace-nav-item.active { color:#202022; background:#f5f5f7; box-shadow:none; }
.workspace-shell.is-overview .workspace-nav-item.active::before { color:#202022; }
.workspace-shell.is-overview .workspace-main { width:calc(100% - 245px); padding:0 35px 72px; }
.workspace-shell.is-overview .workspace-header { display:none; }
.workspace-shell.is-overview .workspace-content { max-width:none; padding-top:72px; }
.reference-subtitle { margin:8px 0 30px; color:#666a45; font-size:17px; line-height:1.4; }
.reference-work-row { display:grid; grid-template-columns:36px minmax(210px,1.05fr) minmax(250px,1fr) minmax(180px,.85fr); gap:18px; align-items:center; }
.reference-work-row input { appearance:none; width:21px; height:21px; margin:0; border:1.5px solid #c1c1c3; border-radius:5px; background:#ffffff; }
.reference-work-row input:checked { border-color:#8ea735; background:#d9f27b; }
.reference-work-row { min-height:113px; padding:0 4px; border-bottom:1px solid #e2e2e4; }
.reference-work-row:last-child { border-bottom:0; }
.reference-work-row:hover { background:#f7f7f9; }
.reference-account { display:flex; align-items:center; min-width:0; gap:20px; }
.reference-account > span:last-child { min-width:0; }
.reference-account strong, .reference-account small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.reference-account strong { color:#18181a; font-size:17px; font-weight:600; letter-spacing:-.02em; }
.reference-account small { margin-top:5px; color:#8c8c8e; font-size:13px; }
.reference-signal-icon { display:grid; flex:0 0 30px; place-items:center; width:30px; height:30px; color:#739d21; font-size:24px; }
.reference-signal-icon.review { color:#65664a; }
.reference-signal-icon.task { color:#789428; }
.reference-empty { padding:45px 0; color:#7b7b7d; font-size:14px; }
@media (max-width:1100px) {
  .workspace-shell.is-overview .workspace-sidebar { width:210px; flex-basis:210px; }
  .workspace-shell.is-overview .workspace-main { width:calc(100% - 210px); }
}
@media (max-width:1250px) and (min-width:701px) {
  .reference-work-row { grid-template-columns:28px minmax(145px,1fr) minmax(165px,1fr) minmax(125px,.8fr); gap:10px; }
  .reference-account { gap:10px; }
  .reference-account strong { font-size:14px; }
  .reference-account small { font-size:11px; }
}
@media (max-width:700px) {
  .workspace-shell.is-overview .workspace-sidebar { width:100%; height:auto; min-height:0; display:block; padding:15px 14px 10px; border-right:0; border-bottom:1px solid #e5e5e7; }
  .workspace-shell.is-overview .workspace-brand { padding:0 6px 15px; font-size:22px; }
  .workspace-shell.is-overview .workspace-nav { display:flex; overflow:auto; gap:5px; }
  .workspace-shell.is-overview .workspace-nav-item, .workspace-shell.is-overview .workspace-nav-item:not(.active) { display:flex; min-height:38px; min-width:max-content; padding:0 13px; font-size:13px; }
  .workspace-shell.is-overview .workspace-nav-item::before { display:none; }
  .workspace-shell.is-overview .workspace-main { width:100%; padding:0 16px 38px; }
  .workspace-shell.is-overview .workspace-content { padding-top:24px; }
  .reference-subtitle { font-size:14px; margin-bottom:20px; }
  .reference-work-row { grid-template-columns:27px minmax(0,1fr); gap:11px; min-height:102px; padding:12px 0; }
  .reference-work-row > input { grid-row:span 3; }
  .reference-account { grid-column:2; gap:11px; }
  .reference-account strong { font-size:14px; }
  .reference-account small { font-size:11px; }
}
/* Shared reference shell for every primary workspace route. */
.workspace-shell.reference-shell:not(.is-overview) { background:#f5f5f7; }
.workspace-shell.reference-shell:not(.is-overview) .workspace-sidebar { width:245px; flex-basis:245px; padding:38px 20px 28px; color:#202022; background:#f5f5f7; border-right:1px solid #e5e5e7; }
.workspace-shell.reference-shell:not(.is-overview) .workspace-brand { justify-content:flex-start; padding:0 20px 46px; color:#272729; font-size:25px; letter-spacing:-.065em; }
.workspace-shell.reference-shell:not(.is-overview) .workspace-brand .brand-mark, .workspace-shell.reference-shell:not(.is-overview) .workspace-switcher-wrap { display:none; }
.workspace-shell.reference-shell:not(.is-overview) .workspace-nav { gap:10px; margin:0; }
.workspace-shell.reference-shell:not(.is-overview) .workspace-nav-item { min-height:56px; justify-content:flex-start; gap:14px; padding:0 18px; border-radius:16px; color:#272729; font-size:17px; }
.workspace-shell.reference-shell:not(.is-overview) .workspace-nav-item::before { width:22px; height:22px; color:#272729; font-size:23px; font-weight:400; }
.workspace-shell.reference-shell:not(.is-overview) .workspace-nav-item:hover { color:#202022; background:#f5f5f7; }
.workspace-shell.reference-shell:not(.is-overview) .workspace-nav-item.active { color:#202022; background:#f5f5f7; box-shadow:none; }
.workspace-shell.reference-shell:not(.is-overview) .workspace-nav-item.active::before { color:#202022; }
.workspace-shell.reference-shell:not(.is-overview) .workspace-main { width:calc(100% - 245px); padding:0 35px 72px; }
.workspace-shell.reference-shell:not(.is-overview) .workspace-header { display:none; }
.workspace-shell.reference-shell:not(.is-overview) .workspace-content { max-width:none; padding-top:72px; }
.workspace-shell.reference-shell:not(.has-ai-panel) .workspace-ai-panel { display:none; }
.reference-page-intro { display:flex; align-items:end; justify-content:space-between; gap:24px; }
.reference-page-intro h1 { margin:8px 0 5px; color:#151517; font-size:37px; letter-spacing:-.06em; }
.reference-page-intro .reference-subtitle { max-width:720px; margin:0; }
.reference-outline-button { min-height:42px; padding:0 15px; color:#353537; border:1px solid #e3e3e8; border-radius:11px; background:#ffffff; font-size:12px; white-space:nowrap; }
.reference-outline-button:hover { border-color:#b7d34d; background:#f5f5f7; }
.reference-readiness-pill { padding:10px 13px; color:#5f741c; border:1px solid #e3e3e8; border-radius:999px; background:#f5f5f7; font:11px var(--mono); white-space:nowrap; }
/* Work */
.reference-work-tabs { display:flex; gap:4px; border-bottom:1px solid #dcdcde; }
.reference-work-tab { min-height:42px; padding:0 14px; color:#606062; border-bottom:2px solid transparent; font-size:12px; }
.reference-work-tab.work-new-task { margin-left:auto; color:#2d2d2f; font-weight:600; }
.reference-work-tab.is-active { color:#212123; border-bottom-color:#c9f33c; font-weight:700; }
.reference-work-tab b { margin-left:6px; padding:3px 6px; color:#6e6e70; border-radius:999px; background:#eeeef0; font:11px var(--mono); }
.reference-work-tab.is-active b { color:#24300f; background:#c9f33c; }
.opportunity-radar { padding:20px; border:1px solid #ececf0; border-radius:16px; background:#f5f5f7; }
.opportunity-radar-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.opportunity-radar-head h2 { margin:8px 0 5px; color:#222224; font-size:20px; letter-spacing:-.04em; }
.opportunity-radar-head p { max-width:650px; margin:0; color:#6f6f71; font-size:11px; line-height:1.45; }
.opportunity-radar-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:18px; }
.opportunity-radar-card { display:grid; gap:3px; padding:13px; color:#2d2d2f; border:1px solid #e3e3e8; border-radius:11px; background:#ffffff; text-align:left; }
.opportunity-radar-card:hover { border-color:#b8d455; background:#f5f5f7; }
.opportunity-radar-card strong { color:#526b19; font:700 24px var(--mono); }
.opportunity-radar-card span { font-size:11px; font-weight:700; }
.opportunity-radar-card small { color:#8f8f91; font:11px var(--mono); }
.opportunity-radar.is-empty { padding-block:14px; }
.opportunity-radar.is-empty .opportunity-radar-grid { display:none; }
.reference-settings-internal { grid-column:1 / -1; border:1px solid #ececf0; border-radius:14px; background:#fbfbfb; }
.reference-settings-internal > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; color:#303032; cursor:pointer; list-style:none; }
.reference-settings-internal > summary::-webkit-details-marker { display:none; }
.reference-settings-internal > summary strong, .reference-settings-internal > summary small { display:block; }
.reference-settings-internal > summary small { margin-top:4px; color:#828284; font-size:11px; }
.reference-settings-internal > summary em { color:#71834a; font:11px var(--mono); font-style:normal; white-space:nowrap; }
.reference-settings-internal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0 12px 12px; }
.work-row-mark.opportunity { color:#536c18; background:#f5f5f7; }
/* Accounts */
.reference-accounts { display:grid; gap:34px; }
.reference-account-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; overflow:hidden; border:1px solid #e0e0e2; border-radius:14px; background:#e0e0e2; }
.reference-account-summary > div { display:grid; gap:4px; padding:17px 19px; background:#ffffff; }
.reference-account-summary strong { color:#212123; font-size:23px; letter-spacing:-.04em; }
.reference-account-summary span { color:#606062; font:11px var(--mono); text-transform:uppercase; }
.reference-account-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr); gap:18px; align-items:start; }
.reference-account-list, .reference-account-detail { border:1px solid #dfdfe1; border-radius:16px; background:#ffffff; box-shadow:0 5px 18px rgba(53,57,37,.025); }
.reference-account-list { overflow:hidden; }
.reference-section-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:19px 20px; border-bottom:1px solid #e7e7e9; }
.reference-section-heading h2 { margin:6px 0 0; color:#242426; font-size:20px; letter-spacing:-.04em; }
.reference-search { width:190px; padding:10px 11px; border:1px solid #e3e3e8; border-radius:9px; color:#2d2d2f; background:#fff; font:11px var(--sans); outline:none; }
.reference-search:focus { border-color:#b9d651; box-shadow:0 0 0 3px rgba(201,243,60,.18); }
.reference-account-row { display:grid; grid-template-columns:40px minmax(0,1fr) 52px; gap:12px; align-items:center; width:100%; min-height:78px; padding:11px 20px; color:#1e1e20; border-bottom:1px solid #ebebed; text-align:left; }
.reference-account-row:last-child { border-bottom:0; }
.reference-account-row:hover, .reference-account-row.is-selected { background:#f7f7f9; }
.reference-account-row.is-selected { box-shadow:inset 3px 0 #c9f33c; }
.reference-account-avatar { display:grid; place-items:center; width:38px; height:38px; color:#304620; border-radius:11px; background:#ececf0; font-weight:700; }
.reference-account-row strong, .reference-account-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.reference-account-row strong { font-size:13px; }
.reference-account-row small { margin-top:4px; color:#8f8f91; font:11px var(--mono); }
.reference-account-row small.reference-account-context { color:#6f7f5d; }
.reference-account-row b { display:grid; justify-items:end; color:#506b19; font:700 17px var(--mono); }
.reference-account-row b small { color:#929294; font-size:11px; }
.reference-account-detail { min-height:350px; padding:24px; }
.reference-detail-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.reference-account-detail h2 { margin:18px 0 4px; color:#1a1a1c; font-size:28px; letter-spacing:-.05em; }
.reference-account-detail > p { margin:0 0 24px; color:#858587; font-size:12px; }
.reference-detail-metrics { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; overflow:hidden; border:1px solid #e5e5e7; border-radius:10px; background:#e5e5e7; }
.reference-detail-metrics > div { display:grid; gap:6px; padding:12px; background:#fbfbfb; }
.reference-detail-metrics span { color:#9a9a9c; font:11px var(--mono); letter-spacing:.08em; }
.reference-detail-metrics strong { color:#373739; font-size:12px; }
.reference-account-detail section { display:grid; gap:8px; margin-top:22px; padding-top:19px; border-top:1px solid #e7e7e9; }
.reference-account-detail section p { margin:0; color:#676769; font-size:11px; line-height:1.5; }
.reference-account-detail section > strong { color:#373739; font-size:13px; }
.reference-chip-list { display:flex; flex-wrap:wrap; gap:6px; margin-top:20px; }
.reference-chip-list span { padding:6px 8px; color:#5a6d21; border:1px solid #e3e3e8; border-radius:999px; background:#f5f5f7; font:11px var(--mono); }
.reference-chip-list span.is-missing { color:#88744a; border-color:#eadfb8; background:#fff9e7; }
.account-brain-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr); gap:18px; align-items:start; }
.account-brain-opportunity { gap:10px!important; margin-top:14px!important; padding:16px!important; border:1px solid #e5e5e7; border-radius:12px; background:#fbfbfb; }
.account-brain-opportunity-head { display:flex; justify-content:space-between; gap:12px; }
.account-brain-opportunity-head strong { display:block; margin-top:6px; color:#272729; font-size:13px; }
.account-brain-opportunity-head em { color:#506b19; font:11px var(--mono); font-style:normal; white-space:nowrap; }
.account-brain-opportunity p { margin:0!important; }
.account-brain-opportunity .reference-chip-list { margin:2px 0 4px; }
/* Plays */
.reference-play-tabs { display:flex; gap:4px; border-bottom:1px solid #dcdcde; }
.reference-play-tabs button { min-height:42px; padding:0 16px; color:#606062; border-bottom:2px solid transparent; font-size:12px; }
.reference-play-tabs button:hover { color:#353537; }
.reference-play-tabs button.is-active { color:#212123; border-bottom-color:#c9f33c; font-weight:700; }
/* Settings */
.reference-settings { display:grid; gap:34px; }
.reference-settings-grid { display:grid; gap:12px; }
.reference-setting-card { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:16px; align-items:center; padding:20px; border:1px solid #dfdfe1; border-radius:16px; background:#ffffff; box-shadow:0 5px 18px rgba(53,57,37,.025); }
.reference-setting-icon { display:grid; place-items:center; width:44px; height:44px; color:#526b19; border-radius:12px; background:#f5f5f7; font-size:22px; }
.reference-setting-card h2 { margin:5px 0 3px; color:#1f1f21; font-size:18px; letter-spacing:-.035em; }
.reference-setting-card p { margin:0; color:#636365; font-size:11px; line-height:1.45; }
.reference-setting-card > div > small { display:block; margin-top:7px; color:#636365; font:11px var(--mono); letter-spacing:.03em; }
.reference-setting-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.reference-security-card { align-items:start; }
.mfa-setup-panel, .mfa-recovery-panel { margin-top:14px; padding:14px; border:1px solid #e1e5d4; background:#fafcf3; }
.mfa-setup-panel strong, .mfa-recovery-panel strong { display:block; color:#405019; font-size:12px; }
.mfa-setup-panel small, .mfa-recovery-panel small { display:block; margin-top:6px; color:#6d715f; font:11px var(--mono); line-height:1.45; }
.mfa-secret { display:block; margin-top:10px; padding:10px; overflow-wrap:anywhere; color:#273212; background:#eef4d9; font:700 13px var(--mono); letter-spacing:.08em; }
.mfa-qr { display:block; width:220px; height:220px; margin:12px auto; padding:8px; background:#ffffff; border:1px solid #dfe5c9; border-radius:8px; image-rendering:auto; }
.mfa-setup-steps { display:grid; grid-template-columns:auto 1fr; gap:22px; align-items:center; padding:18px; }
.mfa-setup-steps .mfa-qr { width:180px; height:180px; margin:0; }
.mfa-setup-steps ol { display:grid; gap:18px; margin:0; padding:0; list-style:none; counter-reset:mfa-step; }
.mfa-setup-steps li { position:relative; padding-left:34px; counter-increment:mfa-step; }
.mfa-setup-steps li::before { content:counter(mfa-step); position:absolute; left:0; top:-2px; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; color:#fff; background:#405019; font:700 11px var(--mono); }
.mfa-secret-row { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:10px; }
.mfa-secret-row .mfa-secret { flex:1 1 220px; margin:0; }
.mfa-setup-steps form { display:flex; gap:8px; align-items:center; max-width:none; margin-top:10px; }
.mfa-setup-steps form label { margin:0; }
.mfa-setup-steps form input { box-sizing:border-box; width:150px; height:40px; padding:0 12px; border:1px solid #d6dcc4; border-radius:8px; background:#fff; color:#273212; font:700 18px var(--mono); letter-spacing:.2em; }
.mfa-setup-steps form input:focus { outline:2px solid #b9cf6a; outline-offset:1px; border-color:#9fb455; }
.mfa-restart { margin-top:12px; font-size:11px; }
@media (max-width:640px) { .mfa-setup-steps { grid-template-columns:1fr; justify-items:center; } .mfa-setup-steps ol { justify-self:stretch; } }
.mfa-setup-panel form { max-width:260px; margin-top:10px; }
.mfa-setup-panel form label { margin:0 0 8px; }
.mfa-recovery-panel pre { margin:10px 0; padding:10px; color:#273212; background:#eef4d9; font:700 13px/1.7 var(--mono); letter-spacing:.08em; white-space:pre-wrap; }
.reference-security-card [data-mfa-disable-form] { display:grid; gap:7px; min-width:210px; }
.reference-security-card [data-mfa-disable-form] input { width:100%; min-height:36px; padding:0 9px; border:1px solid #dedee0; font:11px var(--mono); }
.reference-support-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.reference-support-actions .reference-outline-button { display:inline-flex; align-items:center; text-decoration:none; }
.reference-team-ops { display:grid; gap:17px; padding:20px; border:1px solid #ececf0; border-radius:16px; background:#f5f5f7; }
.reference-team-ops-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.reference-team-ops-head h2 { margin:7px 0 5px; color:#1f1f21; font-size:21px; letter-spacing:-.04em; }
.reference-team-ops-head p { max-width:720px; margin:0; color:#6f6f71; font-size:11px; line-height:1.5; }
.reference-team-ops-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid #ececf0; border-radius:11px; background:#ececf0; }
.reference-team-ops-summary > div { display:grid; gap:4px; padding:13px; background:#ffffff; }
.reference-team-ops-summary strong { color:#526b19; font:700 22px var(--mono); }
.reference-team-ops-summary span, .reference-team-coverage span { color:#606062; font:11px var(--mono); letter-spacing:.04em; text-transform:uppercase; }
.reference-observed-scorecard { display:grid; grid-template-columns:minmax(190px,1.35fr) repeat(7,minmax(88px,1fr)); gap:1px; overflow:hidden; border:1px solid #ececf0; border-radius:11px; background:#ececf0; }
.reference-observed-scorecard > div { display:grid; align-content:center; gap:4px; min-height:72px; padding:11px; background:#ffffff; }
.reference-observed-scorecard > div:first-child { background:#f5f5f7; }
.reference-observed-scorecard strong { color:#526b19; font:700 18px var(--mono); }
.reference-observed-scorecard span { color:#606062; font:11px var(--mono); letter-spacing:.04em; text-transform:uppercase; }
.reference-observed-scorecard small { color:#6f6f71; font-size:10px; line-height:1.35; }
.reference-team-coverage { display:flex; flex-wrap:wrap; gap:8px 20px; padding-top:1px; }
.reference-team-coverage strong { margin-left:5px; color:#36452a; font:11px var(--mono); }
.reference-team-handoffs { display:grid; gap:10px; padding:15px; border:1px solid #ececf0; border-radius:12px; background:#f5f5f7; }
.reference-team-handoffs h3 { margin:4px 0 2px; color:#2e2e30; font-size:15px; }
.reference-team-handoffs small { color:#6f6f71; font-size:10px; line-height:1.4; }
.reference-task-handoff-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(100px,max-content) minmax(150px,190px) max-content; gap:10px; align-items:center; padding-top:9px; border-top:1px solid #ececf0; }
.reference-task-handoff-row strong, .reference-task-handoff-row small { display:block; }
.reference-task-handoff-row strong { color:#2e2e30; font-size:11px; }
.reference-task-handoff-row small, .reference-task-owner { color:#606062; font:11px var(--mono); }
.reference-task-handoff-row select { min-width:0; padding:8px 10px; border:1px solid #e3e3e8; border-radius:8px; background:#ffffff; color:#3c3c3e; font-size:11px; }
.reference-team-member-list { display:grid; gap:0; border-top:1px solid #ececf0; }
.reference-team-member { display:grid; grid-template-columns:minmax(0,1fr) max-content max-content; gap:18px; align-items:center; padding:12px 0; border-bottom:1px solid #ececf0; }
.reference-team-member strong, .reference-team-member small { display:block; }
.reference-team-member strong { color:#2e2e30; font-size:12px; }
.reference-team-member small, .reference-team-member span, .reference-team-member em { color:#606062; font:11px var(--mono); font-style:normal; }
.reference-team-member em { color:#657d24; }
.reference-settings-advanced { border:1px solid #dfdfe1; border-radius:14px; background:#ffffff; overflow:hidden; }
.reference-settings-advanced summary { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 20px; color:#353537; cursor:pointer; font-size:13px; font-weight:700; }
.reference-settings-advanced summary span { color:#919193; font:11px var(--mono); font-weight:400; }
.reference-settings-advanced > .workspace-content { padding:0 20px 25px; }
/* Insights: a compact read on outcomes, with the existing reporting depth behind disclosure. */
.reference-insights { display:grid; gap:28px; }
.reference-insights-tabs { display:flex; gap:4px; border-bottom:1px solid #dcdcde; }
.reference-insights-tabs button { min-height:42px; padding:0 16px; color:#606062; border-bottom:2px solid transparent; font-size:12px; }
.reference-insights-tabs button:hover { color:#353537; }
.reference-insights-tabs button.is-active { color:#212123; border-bottom-color:#c9f33c; font-weight:700; }
.reference-insights-tabs button b { margin-left:6px; padding:3px 6px; color:#6e6e70; border-radius:999px; background:#eeeef0; font:11px var(--mono); }
.reference-insights-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid #e0e0e2; border-radius:14px; background:#e0e0e2; }
.reference-insights-metrics > div { display:grid; gap:5px; padding:18px 19px; background:#ffffff; }
.reference-insights-metrics span, .reference-insights-metrics strong, .reference-insights-metrics em { display:block; }
.reference-insights-metrics span { color:#606062; font:11px var(--mono); letter-spacing:.05em; }
.reference-insights-metrics strong { color:#212123; font-size:25px; letter-spacing:-.05em; }
.reference-insights-metrics em { color:#4a6510; font:11px var(--mono); font-style:normal; }
.reference-insights-grid, .reference-insights-table-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:14px; align-items:start; }
.reference-insights-table-grid { grid-template-columns:1fr 1fr; }
.reference-insights-card { min-width:0; border:1px solid #dfdfe1; border-radius:16px; background:#ffffff; box-shadow:0 5px 18px rgba(53,57,37,.025); }
.reference-insights-card .reference-section-heading { align-items:flex-start; }
.reference-insights-card .reference-section-heading p { max-width:560px; margin:7px 0 0; color:#636365; font-size:11px; line-height:1.5; }
.reference-insights-funnel-list { display:grid; gap:13px; padding:2px 20px 22px; }
.reference-insights-funnel-row { position:relative; display:grid; grid-template-columns:minmax(145px,1fr) minmax(100px,1.15fr) 42px; gap:12px; align-items:center; }
.reference-insights-funnel-row > div:first-child { display:grid; gap:3px; }
.reference-insights-funnel-row small { color:#979799; font:11px var(--mono); }
.reference-insights-funnel-row > b { color:#536d1b; font:700 12px var(--mono); text-align:right; }
.reference-insights-bar { height:12px; overflow:hidden; border-radius:999px; background:#f5f5f7; }
.reference-insights-bar i { display:block; height:100%; border-radius:inherit; background:#c9f33c; }
.reference-insights-funnel-arrow { position:absolute; bottom:-13px; left:18px; color:#a9b77c; font-size:10px; }
.reference-insights-health-list { display:grid; padding:0 20px 18px; }
.reference-insights-health-list > div { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:10px; align-items:center; padding:12px 0; border-top:1px solid #ebebed; }
.reference-insights-health-list > div:first-child { border-top:0; }
.reference-insights-health-list strong, .reference-insights-health-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.reference-insights-health-list strong { color:#353537; font-size:11px; }
.reference-insights-health-list small { margin-top:4px; color:#919193; font:11px var(--mono); }
.reference-insights-health-list em { color:#4a6510; font:11px var(--mono); font-style:normal; }
.reference-insights-health-score { display:grid; place-items:center; width:30px; height:30px; color:#526b19; border-radius:9px; background:#f5f5f7; font:700 10px var(--mono); }
.reference-insights-health-score.risky { color:#8a5c22; background:#fff0d8; }
.reference-insights-table { display:grid; padding:0 20px 18px; }
.reference-insights-table > div { display:grid; grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(48px,1fr)); gap:8px; align-items:center; padding:11px 0; border-top:1px solid #ebebed; color:#636365; font:11px var(--mono); }
.reference-insights-table > div:first-child { border-top:0; }
.reference-insights-table strong { overflow:hidden; color:#474749; font:11px var(--sans); text-overflow:ellipsis; white-space:nowrap; }
.reference-insights-detail { border:1px solid #dfdfe1; border-radius:14px; background:#ffffff; overflow:hidden; }
.reference-insights-detail summary { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 20px; color:#353537; cursor:pointer; font-size:13px; font-weight:700; }
.reference-insights-detail summary small { display:block; margin-top:4px; color:#919193; font:11px var(--mono); font-weight:400; }
.reference-insights-detail summary em { color:#657d24; font:11px var(--mono); font-style:normal; }
.reference-insights-detail > .review-funnel-panel, .reference-insights-detail > .signal-loop-metrics-panel, .reference-insights-detail > .signal-explainability-panel { margin:0; border:0; border-top:1px solid #e7e7e9; border-radius:0; box-shadow:none; }
.reference-insights-activity-summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.75fr); gap:14px; padding:22px 20px; border:1px solid #dfdfe1; border-radius:16px; background:#ffffff; }
.reference-insights-activity-summary h2 { margin:7px 0 5px; color:#1f1f21; font-size:22px; letter-spacing:-.04em; }
.reference-insights-activity-summary p { margin:0; color:#636365; font-size:11px; }
.reference-insights-activity-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; overflow:hidden; border:1px solid #e5e5e7; border-radius:10px; background:#e5e5e7; }
.reference-insights-activity-stats > div { display:grid; gap:5px; padding:12px; background:#fbfbfb; }
.reference-insights-activity-stats span { color:#909092; font:11px var(--mono); }
.reference-insights-activity-stats strong { color:#353537; font-size:18px; }
.reference-insights-filter-row { display:flex; flex-wrap:wrap; gap:6px; padding:0 20px 14px; }
.reference-insights-filter-row .filter { min-height:29px; padding:0 9px; font-size:11px; }
.reference-insights-activity-list, .reference-insights-mini-list { display:grid; padding:0 20px 18px; }
.reference-insights-activity-row, .reference-insights-mini-list > div { display:grid; grid-template-columns:10px minmax(0,1fr) auto; gap:10px; align-items:center; padding:12px 0; border-top:1px solid #ebebed; }
.reference-insights-activity-row:first-child, .reference-insights-mini-list > div:first-child { border-top:0; }
.reference-insights-activity-row strong, .reference-insights-activity-row small, .reference-insights-mini-list strong, .reference-insights-mini-list small { display:block; }
.reference-insights-activity-row strong, .reference-insights-mini-list strong { color:#353537; font-size:11px; }
.reference-insights-activity-row small, .reference-insights-mini-list small { margin-top:4px; color:#919193; font:11px var(--mono); }
.reference-insights-activity-row em, .reference-insights-mini-list em { color:#4a6510; font:11px var(--mono); font-style:normal; }
.reference-insights-activity-dot { display:block; width:8px; height:8px; border-radius:50%; background:#a3a3a5; }
.reference-insights-activity-dot.category-ai { background:#b7dc35; }
.reference-insights-activity-dot.category-human { background:#8eb3d3; }
.reference-insights-activity-dot.category-risk { background:#e9a76b; }
@media (max-width:1000px) {
  .reference-insights-grid, .reference-insights-activity-summary { grid-template-columns:1fr; }
  .reference-insights-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .reference-insights { gap:22px; }
  .reference-insights-metrics { grid-template-columns:1fr 1fr; }
  .reference-insights-table-grid { grid-template-columns:1fr; }
  .reference-insights-tabs button { padding:0 11px; }
  .reference-insights-funnel-row { grid-template-columns:minmax(105px,1fr) minmax(70px,1fr) 32px; gap:8px; }
  .reference-insights-table > div { grid-template-columns:1fr 1fr; }
  .reference-insights-table > div span:nth-of-type(3), .reference-insights-table > div span:nth-of-type(4) { display:none; }
  .reference-insights-detail summary { align-items:flex-start; flex-direction:column; }
  .reference-insights-activity-stats { grid-template-columns:repeat(3,1fr); }
  .reference-insights-activity-row, .reference-insights-mini-list > div { grid-template-columns:10px minmax(0,1fr); }
  .reference-insights-activity-row em, .reference-insights-mini-list em { grid-column:2; text-align:left; }
}
@media (max-width:1100px) {
  .workspace-shell.reference-shell:not(.is-overview) .workspace-sidebar { width:210px; flex-basis:210px; }
  .workspace-shell.reference-shell:not(.is-overview) .workspace-main { width:calc(100% - 210px); }
  .reference-account-layout { grid-template-columns:1fr; }
}
@media (max-width:700px) {
  .workspace-shell.reference-shell:not(.is-overview) .workspace-sidebar { width:100%; height:auto; min-height:0; display:block; padding:15px 14px 10px; border-right:0; border-bottom:1px solid #e5e5e7; }
  .workspace-shell.reference-shell:not(.is-overview) .workspace-brand { padding:0 6px 15px; font-size:22px; }
  .workspace-shell.reference-shell:not(.is-overview) .workspace-nav { display:flex; overflow:auto; gap:5px; }
  .workspace-shell.reference-shell:not(.is-overview) .workspace-nav-item, .workspace-shell.reference-shell:not(.is-overview) .workspace-nav-item:not(.active) { display:flex; min-height:38px; min-width:max-content; padding:0 13px; font-size:13px; }
  .workspace-shell.reference-shell:not(.is-overview) .workspace-nav-item::before { display:none; }
  .workspace-shell.reference-shell:not(.is-overview) .workspace-main { width:100%; padding:0 16px 38px; }
  .workspace-shell.reference-shell:not(.is-overview) .workspace-content { padding-top:24px; }
  .reference-page-intro { align-items:flex-start; flex-direction:column; }
  .reference-page-intro h1 { font-size:31px; }
  .reference-account-summary { grid-template-columns:1fr; }
  .reference-section-heading { align-items:flex-start; flex-direction:column; }
  .reference-search { width:100%; }
  .reference-setting-card { grid-template-columns:40px minmax(0,1fr); }
  .reference-setting-card .reference-outline-button { grid-column:2; justify-self:start; }
  .reference-settings-advanced summary { align-items:flex-start; flex-direction:column; }
  .reference-settings-advanced > .workspace-content { padding:0 12px 20px; }
}
@media (max-width:700px) {
  .reference-setting-actions { grid-column:2; justify-content:flex-start; }
}
@media (max-width:900px) {
  .reference-observed-scorecard { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .reference-observed-scorecard > div:first-child { grid-column:1 / -1; }
}
@media (max-width:700px) {
  .reference-team-ops-head { flex-direction:column; }
  .reference-team-ops-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .reference-observed-scorecard { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .reference-observed-scorecard > div:first-child { grid-column:1 / -1; }
  .reference-team-member { grid-template-columns:minmax(0,1fr); gap:5px; }
  .reference-task-handoff-row { grid-template-columns:minmax(0,1fr); gap:6px; }
}
/* Keep advanced routes discoverable without returning to the old shell. */
/* Accounts is the home for market discovery, people, and signals. */
.reference-account-tabs { display:flex; gap:4px; width:max-content; max-width:100%; border-bottom:1px solid #dcdcde; }
.reference-account-tabs button { min-height:42px; padding:0 16px; color:#606062; border-bottom:2px solid transparent; font-size:12px; }
.reference-account-tabs button:hover { color:#353537; }
.reference-account-tabs button.is-active { color:#212123; border-bottom-color:#c9f33c; font-weight:700; }
.opportunity-insights-panel { margin-bottom:16px; }
.opportunity-insights-panel .reference-section-heading { align-items:flex-start; }
.opportunity-insights-panel .reference-section-heading p { max-width:620px; margin:7px 0 0; color:#636365; font-size:11px; line-height:1.45; }
.opportunity-insights-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:18px 0 0; overflow:hidden; border:1px solid #ececf0; border-radius:10px; background:#ececf0; }
.opportunity-insights-stats div { display:grid; gap:5px; padding:14px; background:#fbfbfb; }
.opportunity-insights-stats strong { color:#526b19; font:700 21px var(--mono); }
.opportunity-insights-stats span { color:#606062; font-size:10px; }
.opportunity-insights-recovery { display:flex; align-items:center; gap:12px; margin-top:10px; padding:10px 14px; border:1px solid #ececf0; border-radius:10px; background:#fbfbfb; color:#6d6d6f; font-size:11px; }
.opportunity-insights-recovery .panel-kicker { flex:0 0 auto; color:#526b19; }
.opportunity-insights-list { display:grid; gap:8px; margin-top:16px; }
.opportunity-insights-list > div { display:grid; grid-template-columns:max-content minmax(110px,.5fr) minmax(0,1fr); gap:10px; align-items:center; padding:10px 0; border-top:1px solid #ebebed; }
.opportunity-insights-list strong { color:#353537; font-size:11px; }
.opportunity-insights-list small { color:#838385; font-size:10px; line-height:1.35; }
.reference-account-subpage { display:grid; gap:30px; }
.reference-people-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr); gap:18px; align-items:start; }
@media (max-width:900px) {
  .reference-people-layout { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .reference-account-tabs { width:100%; overflow:auto; }
  .reference-account-tabs button { flex:1 0 auto; padding:0 12px; }
}
@media (max-width:700px) {
  .opportunity-radar-head { flex-direction:column; }
  .opportunity-radar-grid, .opportunity-insights-stats { grid-template-columns:repeat(2,1fr); }
  .account-brain-layout { grid-template-columns:1fr; }
  .opportunity-insights-list > div { grid-template-columns:1fr; gap:5px; }
}
@media (max-width:700px) {
  .reference-settings-internal-grid { grid-template-columns:1fr; }
  .reference-settings-internal > summary { align-items:flex-start; flex-direction:column; }
}
/* At tablet widths the vertical rail can consume the first screen before a
   rep sees the queue. Collapse it into the same horizontal rail used on
   phones before the layout becomes cramped. */
@media (max-width:850px) and (min-width:701px) {
  .workspace-shell { display:block; }
  .workspace-shell .workspace-sidebar, .workspace-shell.is-overview .workspace-sidebar, .workspace-shell.reference-shell:not(.is-overview) .workspace-sidebar { width:100%; height:auto; min-height:0; display:block; padding:15px 14px 10px; border-right:0; border-bottom:1px solid #e5e5e7; }
  .workspace-shell .workspace-brand, .workspace-shell.is-overview .workspace-brand, .workspace-shell.reference-shell:not(.is-overview) .workspace-brand { padding:0 6px 15px; font-size:22px; }
  .workspace-shell .workspace-switcher-wrap, .workspace-shell .workspace-nav { display:flex; overflow:auto; gap:5px; }
  .workspace-shell .workspace-nav-item, .workspace-shell .workspace-nav-item:not(.active) { display:flex; min-height:38px; min-width:max-content; padding:0 13px; font-size:13px; }
  .workspace-shell .workspace-nav-item::before { display:none; }
  .workspace-shell .workspace-main, .workspace-shell.is-overview .workspace-main, .workspace-shell.reference-shell:not(.is-overview) .workspace-main { width:100%; padding:0 20px 45px; }
  .workspace-shell .workspace-content, .workspace-shell.is-overview .workspace-content, .workspace-shell.reference-shell:not(.is-overview) .workspace-content { padding-top:28px; }
}
.join-request-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--line); }
.join-request-row small { display:block; color:var(--muted); }
.join-request-row > div:last-child { display:flex; gap:8px; align-items:center; flex-shrink:0; }
@media (max-width: 640px) {
  .join-request-row { flex-direction:column; align-items:flex-start; }
}
/* Client signals and plays: onboarding review */
.auth-optional { color:var(--muted); font-weight:400; font-size:12px; margin-left:4px; }
.cp-banner { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; margin-bottom:16px; border:1px solid var(--line); border-radius:14px; background:#f5f5f7; }
.cp-banner small { display:block; color:var(--muted); margin-top:2px; }
.cp-banner-actions { display:flex; gap:8px; flex-wrap:wrap; flex-shrink:0; }
.cp-hero h1 { font-size:clamp(26px, 4vw, 38px); line-height:1.1; margin:8px 0 10px; letter-spacing:-.02em; }
.cp-hero p { color:var(--muted); max-width:720px; line-height:1.55; }
.cp-error { color:#a33a16; background:#fdf0ea; border:1px solid #f3c9b6; border-radius:10px; padding:10px 12px; max-width:720px; }
.cp-domain-form { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; margin:18px 0 10px; }
.cp-domain-form label { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:600; flex:1 1 260px; max-width:420px; }
.cp-domain-form input { width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:10px; font:inherit; background:#fff; color:var(--ink); }
.cp-manual { margin:6px 0 10px; max-width:560px; }
.cp-manual summary { cursor:pointer; font-size:13px; font-weight:600; color:var(--olive); padding:6px 0; }
.cp-manual form { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-top:8px; }
.cp-manual label { display:flex; flex-direction:column; gap:6px; width:100%; font-size:13px; font-weight:600; }
.cp-manual textarea { width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:10px; font:inherit; font-weight:400; background:#fff; color:var(--ink); resize:vertical; }
.cp-progress { height:4px; max-width:420px; border-radius:4px; background:var(--paper-2); overflow:hidden; margin:18px 0; }
.cp-progress span { display:block; width:35%; height:100%; background:var(--acid); animation:cp-progress 1.6s ease-in-out infinite; }
@keyframes cp-progress { from { transform:translateX(-100%); } to { transform:translateX(300%); } }
@media (prefers-reduced-motion: reduce) {
  .cp-progress span { animation:none; width:60%; }
}
.cp-card-actions { display:flex; flex-direction:column; gap:8px; align-items:flex-start; }
.cp-card-feedback { display:block; margin-top:8px; color:var(--muted); line-height:1.45; }
.cp-card-feedback strong { color:inherit; font-weight:600; }
@media (max-width: 640px) {
  .cp-banner { flex-direction:column; align-items:flex-start; }
  .cp-solutions { grid-template-columns:1fr; }
  .cp-actions .button { width:100%; justify-content:center; }
}
/* Review screen: one company, one signal, the people it reaches. */
.review-screen { max-width:1180px; }
.review-back { display:inline-flex; gap:6px; margin-bottom:18px; color:#575759; font-size:14px; }
.review-head h1 { margin:6px 0 8px; color:#151517; font-size:34px; line-height:1.1; letter-spacing:-.04em; }
.review-why { max-width:820px; margin:0 0 26px; color:#4d5233; font-size:17px; line-height:1.5; }
.review-why a { color:#5d7a12; font-weight:700; }
.review-layout { display:grid; grid-template-columns:280px minmax(0, 1fr); gap:24px; align-items:start; }
.review-people { display:flex; flex-direction:column; gap:8px; padding:18px; border:1px solid var(--line); border-radius:18px; background:#ffffff; }
.review-person { display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:10px; padding:10px; border-radius:12px; text-align:left; }
.review-person:hover, .review-person.is-selected { background:#f5f5f7; }
.review-person strong { display:block; font-size:14px; }
.review-person small { display:block; color:#6c6c6e; font-size:12px; }
.review-status { padding:3px 8px; border-radius:999px; background:#efeff1; color:#4d5233; font-size:11px; font-style:normal; font-weight:700; white-space:nowrap; }
.review-status.is-executed { background:#ececf0; color:#2f4110; }
.review-status.is-pending { background:#fff4cf; color:#6a5307; }
.review-sequence { margin-top:12px; padding-top:14px; border-top:1px solid var(--line); }
.review-sequence ol { margin:8px 0; padding-left:18px; color:#4d5233; font-size:13px; line-height:1.7; }
.review-sequence small { color:#6c6c6e; font-size:12px; }
.review-email { padding:24px; border:1px solid var(--line); border-radius:18px; background:#ffffff; }
.review-to { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin-bottom:16px; font-size:15px; }
.review-to span { color:#6c6c6e; }
.review-to small { color:#6c6c6e; font-size:13px; }
.review-field { display:block; margin-bottom:12px; color:#4d5233; font-size:13px; font-weight:700; }
.review-field input, .review-field textarea { display:block; width:100%; margin-top:6px; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--ink); font:15px/1.55 var(--sans); }
.review-field textarea { resize:vertical; min-height:260px; }
.review-subject-static { margin:0 0 12px; font-size:18px; }
.review-body-static { white-space:pre-wrap; color:#323234; font-size:15px; line-height:1.6; }
.review-blockers { margin:18px 0 0; padding:14px 16px; border:1px solid #f0d58a; border-radius:12px; background:#fff8e2; color:#5c4708; font-size:14px; }
.review-blockers ul { margin:8px 0 0; padding-left:18px; line-height:1.6; }
.review-ready, .review-sent { margin:18px 0 0; color:#3d5413; font-size:14px; font-weight:700; }
.review-autopilot { margin:14px 0 0; padding:10px 14px; border-radius:12px; background:#eef2f7; color:#2b3a4f; font-size:14px; line-height:1.5; }
.review-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:18px; }
.review-actions .button[disabled] { opacity:.45; cursor:not-allowed; transform:none; }
.review-skip { display:inline-flex; align-items:center; gap:8px; margin-left:auto; }
.review-skip select { padding:8px 10px; border:1px solid var(--line); border-radius:10px; background:#fff; font-size:13px; }
.review-empty { padding:40px; border:1px solid var(--line); border-radius:18px; background:#ffffff; }
@media (max-width: 900px) {
  .review-layout { grid-template-columns:1fr; }
  .review-skip { margin-left:0; }
}
/* The client's own plays on the Plays page. */
.client-plays { margin:8px 0 34px; }
.client-play-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:14px; margin-top:16px; }
.client-play-card { display:flex; flex-direction:column; gap:8px; padding:18px; border:1px solid var(--line); border-radius:16px; background:#ffffff; }
.client-play-top { display:flex; justify-content:space-between; align-items:center; }
.client-play-waiting { padding:3px 9px; border-radius:999px; background:#fff4cf; color:#6a5307; font-size:12px; font-weight:700; }
.client-play-card h3 { margin:4px 0 0; font-size:18px; letter-spacing:-.02em; }
.client-play-trigger, .client-play-buyers { margin:0; color:#4d5233; font-size:13px; line-height:1.45; }
.client-play-stats { display:flex; flex-wrap:wrap; gap:6px 16px; color:#6c6c6e; font-size:13px; }
.client-play-stats strong { color:var(--ink); }
.client-play-actions { display:flex; gap:12px; align-items:center; margin-top:auto; padding-top:6px; }
/* Home "Needs attention": columns shrink to fit beside the Today panel, and
   names, signals, and actions wrap instead of being cut off. */
.reference-work-row { grid-template-columns:28px minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr) auto; gap:14px; }
.reference-account strong { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.25; }
.reference-account small { white-space:normal; }
@media (max-width:1250px) and (min-width:701px) {
  .reference-work-row { grid-template-columns:24px minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr) auto; gap:10px; }
}
.reference-team-more { margin-top:14px; }
.reference-team-more > summary { cursor:pointer; color:#5e5e60; font-size:13px; font-weight:600; padding:6px 0; }
.reference-settings-tabs { margin:4px 0 18px; }
/* Page columns never grow past the screen; wide rows such as tab bars scroll. */
.workspace-content { grid-template-columns:minmax(0,1fr); }
.reference-work-tabs, .reference-account-tabs { max-width:100%; overflow-x:auto; scrollbar-width:none; }
.cp-slow { margin-top:14px; color:#6c6c6e; font-size:13px; }
.dt-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:8px; }
.dt-actions small { color:#6c6c6e; }
.dt-settings { margin-top:24px; }
.dt-settings h2 { margin:6px 0 0; }
.cp-research { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:14px; color:#5e5e60; font-size:13px; }
.cp-research .cp-progress { width:120px; margin:0; }
.cp-research.is-done { color:#41561a; }
.dt-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:14px; align-items:start; margin:20px 0; }
.dt-card { display:flex; flex-direction:column; gap:14px; padding:20px; border:1px solid #e1e1e3; border-radius:16px; background:#ffffff; box-shadow:0 1px 2px rgba(28,37,24,.04); }
.dt-card.is-connected { border-color:#e3e3e8; background:#fcfcfc; }
.dt-card header { display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:start; gap:12px; }
.dt-card h3 { margin:2px 0 4px; font-size:17px; }
.dt-card header p { margin:0; color:#5e5e60; font-size:13px; line-height:1.45; }
.dt-logo { display:block; width:40px; height:40px; border-radius:10px; object-fit:contain; background:#fff; box-shadow:0 0 0 1px rgba(28,37,24,.08); }
.dt-logo-sm { width:20px; height:20px; border-radius:5px; box-shadow:none; }
.dt-logo-pair { display:flex; }
.dt-logo-pair .dt-logo + .dt-logo { margin-left:-12px; box-shadow:0 0 0 2px #ffffff, 0 0 0 3px rgba(28,37,24,.08); }
.dt-status { font-size:12px; font-weight:600; padding:3px 9px; border-radius:999px; white-space:nowrap; }
.dt-status.is-ok { color:#41561a; background:#ececf0; }
.dt-status.is-error { color:#8a2f1d; background:#fbe6df; }
.dt-signin { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:44px; padding:0 16px; border:0; border-radius:999px; color:#f7f7f9; background:var(--ink); font:inherit; font-size:13px; font-weight:700; text-decoration:none; cursor:pointer; transition:background .2s, transform .2s; }
.dt-signin:hover { transform:translateY(-1px); }
.dt-signin-light { color:var(--ink); background:#fff; border:1px solid #d7d7d9; }
.dt-signin .dt-logo-sm { background:#fff; }
.dt-note { margin-top:-6px; color:#6c6c6e; font-size:12px; text-align:center; }
.dt-form { display:grid; gap:10px; margin-top:10px; }
.dt-form label { display:grid; gap:4px; font-size:13px; font-weight:600; }
.dt-form input { min-height:38px; padding:0 10px; border:1px solid #d7d7d9; border-radius:9px; font:inherit; font-weight:400; }
.dt-form small { color:#6c6c6e; font-weight:400; }
.dt-connected { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.dt-connected small { color:#6c6c6e; }
.dt-more { display:grid; gap:8px; padding-top:12px; border-top:1px solid #ededef; }
.dt-covers summary, .dt-key-option summary { cursor:pointer; color:#5e5e60; font-size:12px; font-weight:600; }
.dt-covers ul { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 0; padding:0; list-style:none; }
.dt-covers li { padding:3px 9px; border-radius:999px; background:#efeff1; color:#4f4f51; font-size:12px; }
.dt-crm-buttons { display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:8px; }
.dt-api-note { display:block; margin:0 0 10px; text-align:left; }
/* Review screen: one card per product, signals as chips grouped by kind. */
.cp-solutions { display:grid; grid-template-columns:repeat(auto-fill, minmax(420px, 1fr)); gap:14px; margin-top:22px; }
.cp-solution { display:flex; flex-direction:column; gap:12px; padding:20px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.cp-solution:has([data-cp-enabled]:not(:checked)) > :not(.cp-solution-top) { opacity:.45; }
.cp-solution-top { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.cp-solution-title { display:grid; gap:3px; flex:1; min-width:0; }
.cp-include { display:inline-flex; padding-top:2px; cursor:pointer; }
.cp-include input { position:absolute; opacity:0; width:1px; height:1px; }
.cp-include input:focus-visible + .cp-switch { outline:2px solid #9fbd3b; outline-offset:2px; }
.cp-switch { position:relative; flex:none; width:30px; height:17px; border-radius:999px; background:#d6d6d8; transition:background .15s; }
.cp-switch::after { content:""; position:absolute; top:2px; left:2px; width:13px; height:13px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2); transition:transform .15s; }
.cp-include input:checked + .cp-switch { background:var(--ink); }
.cp-include input:checked + .cp-switch::after { transform:translateX(13px); }
.cp-solution .cp-name { width:calc(100% + 12px); margin:0 -6px; padding:2px 6px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--ink); font:inherit; font-size:19px; font-weight:700; letter-spacing:-.01em; }
.cp-solution input:hover { border-color:var(--line); }
.cp-solution input:focus { border-color:#b9cf5a; outline:none; background:#fff; }
.cp-summary { margin:0; color:var(--muted); font-size:13.5px; line-height:1.45; }
.cp-buyers { display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:12.5px; }
.cp-buyers-label { margin-right:2px; color:var(--muted); }
.cp-person { display:inline-flex; align-items:center; gap:2px; padding:3px 4px 3px 9px; border-radius:999px; background:#eef4fb; color:#264a6b; }
.cp-person button { width:18px; height:18px; border-radius:50%; color:#5b7a96; font-size:14px; line-height:1; }
.cp-person button:hover { background:#dbe8f5; color:#264a6b; }
.cp-solution .cp-buyer-new { width:110px; padding:3px 8px; border:1px dashed #cfd9e3; border-radius:999px; background:transparent; color:var(--ink); font:inherit; font-size:12.5px; }
.cp-signals { padding-top:12px; border-top:1px solid #ededef; }
.cp-win { color:#4a6510; font-weight:700; }
.cp-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:22px 0 32px; }
.cp-actions small { color:var(--muted); }
@media (max-width: 760px) {
  .cp-solutions { grid-template-columns:1fr; }
  .cp-solution { padding:16px; }
  .cp-actions .cp-long { display:none; }
  .cp-actions small { width:100%; }
}
/* Today: focus mode, one action at a time */
.td-view { padding-bottom:40px; }
.td-intro p { color:var(--muted); margin:0 0 14px; }
.td-daybar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:18px; }
.td-chip { display:inline-flex; align-items:center; gap:6px; padding:6px 11px; border-radius:999px; background:#ffffff; border:1px solid #e5e5e7; font-size:12.5px; color:#3c3c3e; white-space:nowrap; }
.td-chip b { font-weight:700; }
.td-next { margin-bottom:16px; }
.td-progress { height:6px; background:#e5e5e7; border-radius:9px; overflow:hidden; margin-top:8px; }
.td-progress span { display:block; height:100%; background:var(--acid); border-radius:9px; transition:width .3s; }
.td-focus { display:grid; grid-template-columns:minmax(0, 1fr) 320px; gap:22px; align-items:start; }
.td-card { background:#ffffff; border:1px solid #e5e5e7; border-radius:16px; padding:24px; min-width:0; }
.td-topline { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.td-tag { display:inline-flex; align-items:center; font:600 10.5px var(--mono); letter-spacing:.08em; text-transform:uppercase; padding:4px 8px; border-radius:6px; background:var(--paper-2); color:#4c4c4e; }
.td-tag.is-reply { background:#e4eff7; color:#1d4f73; }
.td-tag.is-li { background:#e3ecf8; color:#1f4c8f; }
.td-cue { font:600 12px var(--mono); color:#606062; }
.td-draft { border:1px solid #e5e5e7; border-radius:12px; padding:12px 14px; font-size:13px; line-height:1.5; min-width:0; }
.td-draft { background:#fff; }
.td-draft h4 { margin:0 0 6px; font:600 10.5px var(--mono); letter-spacing:.1em; text-transform:uppercase; color:#606062; }
.td-body { white-space:pre-wrap; overflow-wrap:anywhere; }
.td-angles { color:var(--muted); font-size:12.5px; margin:0 0 10px; }
.td-actions, .td-outcomes { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:14px; }
.td-outcomes > span { color:var(--muted); font-size:12.5px; }
.td-actions a.button { text-decoration:none; }
.td-skip { position:relative; }
.td-skip summary { list-style:none; }
.td-skip summary::-webkit-details-marker { display:none; }
.td-skip-menu { position:absolute; z-index:5; top:calc(100% + 6px); left:0; display:flex; flex-direction:column; gap:2px; min-width:170px; padding:8px; background:#ffffff; border:1px solid #e5e5e7; border-radius:12px; box-shadow:0 8px 24px rgba(16,18,14,.08); }
.td-skip-menu .text-button { text-align:left; padding:6px 8px; border-radius:8px; }
.td-skip-menu .text-button:hover { background:var(--paper-2); }
.td-rail-head { padding:12px 14px; border-bottom:1px solid #eaeaec; }
.td-mini { display:block; width:100%; text-align:left; padding:12px 14px; border-bottom:1px solid #eaeaec; }
.td-mini:last-child { border-bottom:0; }
.td-mini:hover { background:#f1f1f3; }
.td-mini strong { display:block; font-size:13px; line-height:1.35; margin:6px 0 2px; }
.td-mini small { color:var(--muted); font-size:12px; }
.td-rail-empty { color:var(--muted); font-size:12.5px; padding:12px 14px; margin:0; }
.td-foot { color:var(--muted); font-size:12px; margin-top:18px; }
.td-launch { background:#ffffff; border:1px solid #e5e5e7; border-radius:16px; padding:16px 18px; margin-bottom:18px; }
.td-launch .td-progress { height:8px; margin:10px 0; }
.td-live { display:inline-flex; align-items:center; gap:8px; font:600 10.5px var(--mono, ui-monospace, monospace); letter-spacing:.1em; text-transform:uppercase; color:#4a5b12; }
.td-live i { width:8px; height:8px; border-radius:50%; background:#7fa61e; box-shadow:0 0 0 4px #ececf0; }
.td-live.is-done i { box-shadow:none; }
.td-launch-nums { display:flex; gap:18px; flex-wrap:wrap; margin:0; font-size:13px; color:#3c3c3e; }
.td-launch-nums b { font-size:15px; }
.td-feed { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; font-size:12.5px; }
.td-found { padding:5px 10px; border-radius:999px; background:#f1f1f3; border:1px solid #e5e5e7; overflow-wrap:anywhere; }
.td-need .button { margin-top:8px; }
.td-rail-solo { max-width:420px; margin-bottom:18px; }
.cp-wins { margin:6px 0 14px; padding:18px 20px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.cp-wins ul { margin:8px 0 0; padding-left:18px; line-height:1.6; }
.cp-wins-lead { font-weight:650; margin:4px 0 0; }
.cp-wins-note { color:var(--muted); font-size:12.5px; margin:8px 0 0; }
@media (max-width: 860px) {
  .td-focus { grid-template-columns:1fr; }
  .td-card { padding:16px; }
  .td-reason { font-size:17px; }
}
/* Company dossier on the review screen: what deep research learned, and
   the personas who buy, above the products. */
.cp-dossier { margin:6px 0 18px; padding:20px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.cp-dossier-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:24px; }
.cp-section-label { margin:14px 0 8px; color:#8c8c8e; font:500 10.5px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.cp-dossier-grid > div > .cp-section-label:first-child { margin-top:0; }
.cp-sells { margin:0 0 4px; font-size:16px; font-weight:600; line-height:1.4; }
.cp-src { color:#8c8c8e; font-size:11px; font-weight:400; }
.cp-tags, .cp-gaps { display:flex; flex-wrap:wrap; gap:6px; }
.cp-tag { padding:4px 10px; border-radius:999px; background:var(--paper-2); font-size:12.5px; }
.cp-buyers-note { flex-basis:100%; color:var(--muted); font-size:12px; }
.cp-competitor { display:inline-flex; align-items:center; gap:4px; }
.cp-competitor button { border:0; background:transparent; color:var(--muted); font-size:14px; line-height:1; padding:0 0 0 2px; cursor:pointer; }
.cp-competitor-input { min-width:0; width:160px; border:0; border-bottom:1px solid var(--line); background:transparent; font-size:12.5px; color:var(--ink); padding:4px 2px; }
.cp-suggest { border:1px dashed var(--line); color:var(--ink); cursor:pointer; }
.cp-suggest:hover { background:var(--paper); }
.cp-competitor-note { margin:0 0 8px; color:var(--muted); font-size:12.5px; }
.cp-proof { margin:0; padding-left:16px; font-size:13px; line-height:1.5; }
.cp-gap { display:inline-flex; flex-wrap:wrap; align-items:center; gap:6px; padding:4px 10px; border:1px dashed #e5c27a; border-radius:999px; background:#fff7e6; color:#8a5a00; font-size:12.5px; }
.cp-gap input { min-width:0; width:180px; border:0; border-bottom:1px solid #e5c27a; background:transparent; font-size:12.5px; color:var(--ink); }
.cp-meter { display:flex; align-items:center; gap:10px; color:#575759; font-size:13px; }
.cp-meter-bar { width:120px; height:8px; overflow:hidden; border-radius:99px; background:var(--paper-2); }
.cp-meter-bar i { display:block; height:100%; background:#95b82a; }
.cp-dossier.is-loading { color:#575759; }
.cp-dossier-wait { display:flex; align-items:center; gap:10px; margin:0; font-size:13.5px; }
.cp-personas { display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:12px; margin-bottom:18px; }
.cp-persona { padding:14px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.cp-persona.is-removed { opacity:.45; }
.cp-persona header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.cp-persona h3 { margin:8px 0 2px; font-size:15px; line-height:1.25; }
.cp-persona ul { margin:0 0 6px; padding-left:16px; font-size:13px; line-height:1.45; }
.cp-persona-titles { margin:0 0 8px; color:#636365; font-size:12.5px; }
.cp-persona-buys { margin:0; font-size:12.5px; }
.cp-persona-tools { display:flex; align-items:center; gap:6px; }
.cp-persona-remove { width:24px; height:24px; border-radius:50%; color:#636365; }
.cp-persona-remove:hover { background:var(--paper-2); }
.cp-persona-form { display:grid; gap:8px; margin-top:8px; }
.cp-persona-form[hidden], .cp-persona-view[hidden] { display:none; }
.cp-persona-form label { display:grid; gap:4px; color:#636365; font-size:11.5px; }
.cp-persona-form input, .cp-persona-form textarea { width:100%; padding:7px 9px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--ink); font:inherit; font-size:13px; }
.cp-mini { margin:8px 0 3px; color:#8c8c8e; font:600 10.5px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.cp-role { display:inline-block; padding:3px 7px; border-radius:6px; font:600 10px var(--mono); letter-spacing:.08em; text-transform:uppercase; background:#f5f5f7; color:#3d4d12; }
.cp-role.is-champions { background:#e4eff7; color:#264a6b; }
.cp-role.is-evaluates { background:#ededef; color:#575759; }
.cp-role.is-uses { background:#ede8fa; color:#4b3a7a; }
.cp-roles { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 4px; font-size:13px; }
.cp-roles .cp-role { margin-right:2px; }
.cp-roles-sep { color:#b7b7b9; }
@media (max-width:720px) {
  .cp-dossier { padding:16px; }
  .cp-dossier-grid { grid-template-columns:1fr; gap:6px; }
  .cp-gap input { width:140px; }
  .cp-meter-bar { width:80px; }
}
/* What's working: what the journey learning changed, with undo. */
.lw-panel { background:#ffffff; border:1px solid #e5e5e7; border-radius:16px; padding:20px; margin-bottom:18px; }
.lw-head h2 { margin:4px 0 4px; font-size:20px; }
.lw-head p { margin:0; color:var(--muted); font-size:13px; }
.lw-kpis { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:10px; margin:16px 0; }
.lw-kpis > div { border:1px solid #e5e5e7; border-radius:12px; padding:12px 14px; background:#fff; }
.lw-kpis b { display:block; font-size:22px; letter-spacing:-.01em; }
.lw-kpis span { color:var(--muted); font-size:12px; }
.lw-kpis em { font-style:normal; font-weight:700; }
.lw-kpis em.is-up { color:#4a5b12; }
.lw-kpis em.is-down { color:#a3400f; }
.lw-list { border:1px solid #e5e5e7; border-radius:12px; background:#fff; }
.lw-row { display:grid; grid-template-columns:auto minmax(0, 1fr) auto; gap:6px 14px; padding:12px 14px; border-top:1px solid #eaeaec; align-items:start; }
.lw-row:first-child { border-top:0; }
.lw-row p { margin:0; font-size:13.5px; line-height:1.45; overflow-wrap:anywhere; }
.lw-row small { color:var(--muted); font-size:12px; }
.lw-badge { font:600 10.5px var(--mono, ui-monospace, monospace); letter-spacing:.08em; text-transform:uppercase; padding:4px 8px; border-radius:6px; white-space:nowrap; background:#ededef; color:#636365; }
.lw-badge.is-up { background:#f5f5f7; color:#4a5b12; }
.lw-badge.is-off { background:#fdece3; color:#a3400f; }
.lw-badge.is-keep { background:#e4eff7; color:#1d4f73; }
.lw-empty, .lw-note { color:var(--muted); font-size:12.5px; margin:12px 0 0; }
.lw-weekly { background:#ffffff; border:1px solid #e5e5e7; border-radius:16px; padding:16px 18px; margin-bottom:18px; }
.lw-weekly ul { margin:8px 0 10px; padding-left:18px; line-height:1.55; font-size:13.5px; }
.lw-weekly-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
@media (max-width: 760px) {
  .lw-kpis { grid-template-columns:1fr 1fr; }
  .lw-row { grid-template-columns:1fr; }
}
/* ===== Signal theme: top bar shell and story-first Today ===== */
h1 em, h2 em, .modal h2 em { color:var(--deep); font-family:var(--sans); font-style:normal; font-weight:700; letter-spacing:inherit; }
.button { border-radius:12px; font-size:14px; font-weight:600; }
.button:hover { transform:none; }
.button-acid:hover { background:#bde22c; }
.button-light { background:#ffffff; border:1px solid #d6d6d8; }
.button-light:hover { background:#f5f5f7; }
.compact { min-height:40px; font-size:13px; border-radius:10px; }
.panel-kicker { font-family:var(--mono); color:var(--deep); }
.workspace-shell.sg { display:flex; flex-direction:column; min-height:100vh; background:var(--paper); color:var(--ink); }
.sg-topbar { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:12px max(24px, calc((100vw - 1240px) / 2)); background:#ffffff; border-bottom:1px solid var(--line); }
.sg-brand { display:flex; align-items:center; gap:10px; font-weight:700; font-size:20px; letter-spacing:-.02em; color:var(--ink); }
.workspace-shell.sg .sg-topbar .workspace-nav { flex:0 1 auto; width:auto !important; height:auto; display:flex; flex-direction:row; flex-wrap:wrap; gap:2px; margin:0; padding:4px; border-radius:12px; background:var(--paper); }
.workspace-shell.sg .sg-topbar .workspace-nav-item { min-height:40px; padding:0 16px; border-radius:9px; color:#4d4d4f; font-size:15px; font-weight:500; background:transparent; justify-content:center; gap:8px; }
.workspace-shell.sg .sg-topbar .workspace-nav-item::before { display:none; content:none; }
.workspace-shell.sg .sg-topbar .workspace-nav-item:hover { color:var(--ink); background:#ededef; }
.workspace-shell.sg .sg-topbar .workspace-nav-item.active { color:var(--ink); background:#ffffff; font-weight:600; box-shadow:0 1px 2px rgba(16,18,14,.1); }
.workspace-shell.sg .nav-badge { font:500 11px var(--mono); padding:1px 6px; border-radius:999px; background:#f5f5f7; color:var(--deep); opacity:1; }
.sg-top-actions { display:flex; align-items:center; gap:8px; }
.sg-icon { position:relative; width:44px; height:44px; display:grid; place-items:center; border-radius:12px; color:#4d4d4f; }
.sg-icon:hover { background:var(--paper); color:var(--ink); }
.sg-icon i { position:absolute; top:6px; right:6px; min-width:16px; height:16px; padding:0 4px; border-radius:999px; background:var(--ink); color:#ffffff; font:500 10px/16px var(--mono); font-style:normal; }
.workspace-shell.sg .sg-topbar .workspace-switcher-wrap { position:relative; display:block !important; margin:0; padding:0; }
.sg-avatar { width:44px; height:44px; border-radius:999px; background:#f5f5f7; color:var(--deep); font-weight:700; font-size:14px; }
.workspace-shell.sg .workspace-menu { position:absolute; right:0; left:auto; top:calc(100% + 8px); width:280px; z-index:30; background:#ffffff; color:var(--ink); border:1px solid var(--line); border-radius:14px; box-shadow:0 16px 40px -16px rgba(16,18,14,.25); }
.sg-menu-me { display:flex; flex-direction:column; gap:6px; margin-top:6px; padding-top:10px; border-top:1px solid var(--line); }
.sg-menu-me strong, .sg-menu-me small { display:block; padding:0 10px; }
.sg-menu-me small { color:var(--muted); font-size:12px; }
.sg-body { flex:1; display:flex; min-width:0; }
.workspace-shell.sg .workspace-main { flex:1; width:auto !important; min-width:0; padding:0 24px 72px !important; }
.workspace-shell.sg .workspace-content { max-width:1240px !important; margin:0 auto; padding-top:36px !important; }
.workspace-shell.sg .workspace-header { max-width:1240px; margin:0 auto; padding-top:32px; border:0; background:transparent; }
.workspace-shell.sg.reference-shell .workspace-header, .workspace-shell.sg.is-overview .workspace-header { display:none; }
.workspace-shell.sg .workspace-ai-panel { position:sticky; top:69px; height:calc(100vh - 69px); background:#ffffff; border-left:1px solid var(--line); }
/* Today */
.td-intro h1 { font-size:clamp(32px, 5vw, 44px); font-weight:700; letter-spacing:-.03em; line-height:1.05; margin:6px 0 6px; }
.td-intro p { color:#4d4d4f; font-size:17px; }
.td-chip { background:#ffffff; border-color:var(--line); font-size:13px; }
.td-chip.is-hot { background:#fff1ea; border-color:#f6dccd; color:#a83a12; }
.td-launch { background:#ffffff; border-color:var(--line); border-radius:16px; }
.td-progress { background:#e5e5e7; }
.td-live { color:var(--deep); }
.td-found.is-ready { background:#f5f5f7; border-color:#e3e3e8; }
.td-focus { display:block; }
.td-card { background:#ffffff; border:1px solid var(--line); border-radius:24px; padding:28px; box-shadow:0 12px 32px -18px rgba(16,18,14,.18); }
.sg-card-head { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.sg-acct { display:flex; align-items:center; gap:12px; }
.sg-acct-mark { width:44px; height:44px; flex:none; border-radius:12px; background:var(--ink); color:#ffffff; display:grid; place-items:center; font-weight:700; }
.sg-acct strong { display:block; font-size:20px; letter-spacing:-.01em; }
.sg-acct small { display:block; color:var(--muted); font-size:13px; }
.td-tag { font-family:var(--mono); border-radius:999px; padding:5px 10px; }
.td-tag.is-email { background:#f5f5f7; color:var(--deep); }
.td-tag.is-call { background:#fff1ea; color:#a83a12; }
.td-cue { font-family:var(--mono); color:var(--muted); }
.td-reason { font-size:clamp(22px, 2.6vw, 28px); font-weight:700; letter-spacing:-.02em; line-height:1.2; margin:20px 0 18px; }
.sg-steps { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.sg-step { background:var(--paper); border-radius:16px; padding:20px; min-width:0; }
.sg-step-k { display:block; margin-bottom:10px; font:500 12px var(--mono); letter-spacing:.04em; text-transform:uppercase; color:var(--deep); }
.sg-step > strong { display:block; font-size:18px; font-weight:600; line-height:1.3; overflow-wrap:anywhere; }
.sg-step p { margin:8px 0 0; color:#4d4d4f; font-size:14px; }
.sg-step ul { margin:8px 0 0; padding-left:18px; color:#4d4d4f; font-size:14px; line-height:1.45; }
.sg-source { display:inline-block; margin-top:10px; font-size:13px; color:var(--deep); }
.sg-person { display:flex; align-items:center; gap:12px; }
.sg-person strong { display:block; font-size:18px; font-weight:600; line-height:1.2; }
.sg-person p { margin:2px 0 0; }
.sg-face { width:40px; height:40px; flex:none; border-radius:999px; background:#f5f5f7; color:var(--deep); display:grid; place-items:center; font-weight:700; font-size:14px; }
.sg-pills { display:flex; gap:6px; flex-wrap:wrap; margin-top:12px; }
.sg-pill { font-size:12px; padding:4px 9px; border-radius:999px; background:#f0f0f2; color:#145a32; }
.sg-group { font-size:13px !important; }
.td-draft.sg-say { margin-top:16px; background:#ffffff; border:1px solid var(--line); border-radius:16px; padding:22px 24px; font-size:15px; line-height:1.55; }
.td-subject { font-weight:600; margin-bottom:8px; }
.td-body { color:#2d2d2f; max-width:72ch; }
.td-actions { margin-top:20px; gap:10px; }
.td-actions .button-acid { min-height:48px; padding:0 24px; }
.td-skip-menu { background:#ffffff; border-color:var(--line); }
.td-rail { background:transparent; border:0; border-radius:0; overflow:visible; }
.sg-next { display:grid; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:12px; }
.sg-next .td-mini { display:flex; flex-direction:column; align-items:flex-start; gap:4px; height:100%; padding:16px; background:#ffffff; border:1px solid var(--line); border-radius:14px; }
.sg-next .td-mini:hover { border-color:#c6c6c8; background:#ffffff; }
.sg-next .td-mini strong { margin:6px 0 0; font-size:15px; }
.sg-next .td-mini small { color:var(--muted); font-size:13px; }
.sg-next .td-mini em { font-style:normal; font-size:13px; margin-top:auto; padding-top:8px; }
.td-needs, .td-rail-solo { background:#f9f9fb; border:1px solid #f6dccd; border-radius:16px; padding:6px 20px 14px; }
.td-needs .td-rail-head, .td-rail-solo .td-rail-head { padding:12px 0 6px; border:0; }
.td-needs .td-mini, .td-rail-solo .td-mini { padding:12px 0; border-bottom:1px solid #f6dccd; background:transparent; }
.td-needs .td-mini:last-child, .td-rail-solo .td-mini:last-child { border-bottom:0; }
.td-foot { margin-top:22px; }
@media (max-width:900px) {
  .sg-steps { grid-template-columns:1fr; }
  .td-card { padding:18px; border-radius:18px; }
}
@media (max-width:700px) {
  .sg-topbar { padding:10px 16px; gap:10px; }
  .workspace-shell.sg .sg-topbar .workspace-nav { order:3; width:100%; overflow-x:auto; flex-wrap:nowrap; }
  .workspace-shell.sg .sg-topbar .workspace-nav-item { padding:0 12px; font-size:14px; flex:none; }
  .workspace-shell.sg .workspace-main { padding:0 16px 48px !important; }
  .workspace-shell.sg .workspace-content { padding-top:22px !important; }
  .workspace-shell.sg .workspace-ai-panel { display:none; }
  .workspace-shell.sg.has-ai-panel .workspace-ai-panel { display:block; position:fixed; inset:auto 0 0 0; top:auto; height:70vh; z-index:40; border-left:0; border-top:1px solid var(--line); overflow:auto; }
}
.workspace-shell.sg .workspace-menu { padding:8px; }
.workspace-shell.sg .workspace-menu-label { color:var(--muted); padding:6px 10px; }
.workspace-shell.sg .workspace-menu-item { color:var(--ink); background:transparent; border:0; border-radius:10px; }
.workspace-shell.sg .workspace-menu-item:hover { background:var(--paper); }
.workspace-shell.sg .workspace-menu-item.is-current { background:#f5f5f7; color:var(--ink); }
.workspace-shell.sg .workspace-menu-item small { color:var(--muted); }
.workspace-shell.sg .workspace-menu-create { min-height:40px; width:100%; text-align:left; padding:0 10px; border:0; border-radius:10px; color:var(--deep); font:600 14px var(--sans); background:transparent; }
.workspace-shell.sg .workspace-menu-create:hover { background:var(--paper); }
.workspace-shell.sg .sg-menu-me strong { font-size:15px; }
/* Icons, search, feedback and motion (Lucide icons; Apple HIG: 44px
   targets, visible focus, reduced motion) */
.ic { flex:none; display:inline-block; vertical-align:-3px; }
.button .ic { margin-left:2px; }
.sg-logo { flex:none; }
.workspace-shell.sg .sg-topbar .workspace-nav-item .ic { opacity:.75; }
.workspace-shell.sg .sg-topbar .workspace-nav-item.active .ic { opacity:1; color:var(--deep); }
.sg-search { display:flex; align-items:center; gap:10px; min-width:220px; min-height:44px; padding:0 8px 0 14px; border:1px solid var(--line); border-radius:12px; background:var(--paper); color:var(--muted); font-size:14px; transition:border-color .15s, background .15s; }
.sg-search:hover { border-color:#c6c6c8; background:#ffffff; }
.sg-search span { flex:1; text-align:left; }
.sg-search kbd { font:500 11px var(--mono); padding:3px 7px; border:1px solid var(--line); border-radius:6px; background:#ffffff; color:var(--muted); }
/* Feedback: every press answers right away */
.button, .sg-icon, .sg-search, .sg-avatar, .td-mini, .workspace-nav-item { transition:background-color .15s, border-color .15s, color .15s, transform .12s, box-shadow .15s; }
.button:active, .sg-icon:active, .sg-avatar:active, .td-mini:active { transform:scale(.97); }
.sg-next .td-mini:hover { transform:translateY(-2px); box-shadow:0 10px 24px -16px rgba(16,18,14,.3); }
.td-card { transition:box-shadow .2s; }
:focus-visible { outline:3px solid var(--deep); outline-offset:2px; border-radius:8px; }
input:focus-visible, textarea:focus-visible, select:focus-visible { outline-offset:0; }
@media (pointer:coarse) {
  .button, .compact, .sg-icon, .workspace-nav-item, .td-mini, .text-button { min-height:44px; }
}
@media (max-width:1100px) {
  .sg-search { min-width:0; }
  .sg-search span, .sg-search kbd { display:none; }
}
@media (max-width:700px) {
  .workspace-shell.sg .sg-topbar .workspace-nav-item .ic { display:none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
  .button:active, .sg-icon:active, .sg-avatar:active, .td-mini:active, .sg-next .td-mini:hover { transform:none; }
}
.workspace-shell.sg .sg-topbar .workspace-nav-item .sg-nav-label { font:inherit; opacity:1; letter-spacing:normal; }
@media (min-width:701px) {
  .sg-topbar { flex-wrap:nowrap; gap:16px; padding-left:max(20px, calc((100vw - 1240px) / 2)); padding-right:max(20px, calc((100vw - 1240px) / 2)); }
  .workspace-shell.sg .sg-topbar .workspace-nav { flex-wrap:nowrap; }
  .workspace-shell.sg .sg-topbar .workspace-nav-item { white-space:nowrap; }
  .sg-search { min-width:0; width:200px; }
}
@media (max-width:1300px) {
  .sg-search { width:auto; }
  .sg-search span, .sg-search kbd { display:none; }
}
@media (max-width:1000px) and (min-width:701px) {
  .workspace-shell.sg .sg-topbar .workspace-nav-item .ic { display:none; }
}
.sg-search { white-space:nowrap; }
/* Command palette: search and ask in one place */
.modal-backdrop { z-index:50; background:rgba(16,18,14,.38); backdrop-filter:blur(4px); }
.modal { border-radius:20px; border:1px solid var(--line); background:#ffffff; box-shadow:0 30px 80px -30px rgba(16,18,14,.45); }
.sg-pal-backdrop { align-items:flex-start; padding-top:12vh; }
.global-search-modal.sg-palette { width:min(640px, 100%); max-height:min(560px, calc(100vh - 24vh)); padding:0; display:flex; flex-direction:column; overflow:hidden; }
.sg-pal-input { display:flex; align-items:center; gap:12px; padding:16px 18px; border-bottom:1px solid var(--line); color:var(--muted); }
.sg-pal-input input { flex:1; min-width:0; border:0; outline:none; background:transparent; font:500 18px var(--sans); color:var(--ink); padding:6px 0; margin:0; box-shadow:none; }
.sg-pal-input input:focus-visible { outline:none; }
.sg-palette kbd { font:500 11px var(--mono); padding:2px 6px; border:1px solid var(--line); border-radius:6px; background:var(--paper); color:var(--muted); }
.sg-pal-list { overflow:auto; padding:8px; display:flex; flex-direction:column; gap:2px; }
.sg-pal-row { display:flex; align-items:center; gap:14px; width:100%; min-height:52px; padding:8px 12px; border-radius:12px; text-align:left; color:var(--ink); }
.sg-pal-row > .ic:last-child { margin-left:auto; color:var(--muted); opacity:0; transition:opacity .12s; }
.sg-pal-row.is-active, .sg-pal-row:hover { background:var(--paper); }
.sg-pal-row.is-active > .ic:last-child, .sg-pal-row:hover > .ic:last-child { opacity:1; }
.sg-pal-kind { flex:none; width:92px; font:500 11px var(--mono); text-transform:uppercase; letter-spacing:.04em; color:var(--muted); }
.sg-pal-text { min-width:0; display:flex; flex-direction:column; }
.sg-pal-text strong { font-weight:600; font-size:15px; }
.sg-pal-text small { color:var(--muted); font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sg-pal-row.is-ask > .ic:first-child { color:var(--deep); }
.sg-pal-row.is-ask.is-active, .sg-pal-row.is-ask:hover { background:#f5f5f7; }
.sg-pal-empty { margin:0; padding:22px 14px; color:var(--muted); font-size:14px; }
.sg-pal-foot { display:flex; gap:18px; padding:10px 18px; border-top:1px solid var(--line); background:var(--paper); color:var(--muted); font-size:12px; }
.sg-pal-foot kbd { margin-right:4px; background:#ffffff; }
@media (max-width:700px) {
  .sg-pal-backdrop { padding:12px; padding-top:10vh; }
  .sg-pal-kind { display:none; }
  .sg-pal-foot { display:none; }
}
/* Inner pages: one heading style, segmented tabs, number cards */
.workspace-shell.sg .reference-page-intro { align-items:flex-end; margin-bottom:24px; }
.workspace-shell.sg .reference-page-intro h1 { font-size:clamp(30px, 4vw, 40px); font-weight:700; letter-spacing:-.03em; line-height:1.05; margin:8px 0 8px; color:var(--ink); }
.workspace-shell.sg .reference-subtitle { color:#4d4d4f; font-size:16px; line-height:1.5; }
.workspace-shell.sg .reference-readiness-pill { background:#f5f5f7; border-color:#e3e3e8; color:var(--deep); border-radius:999px; }
.workspace-shell.sg .reference-outline-button { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border:1px solid #d6d6d8; border-radius:12px; background:#ffffff; color:var(--ink); font-size:14px; font-weight:600; }
.workspace-shell.sg .reference-outline-button:hover { border-color:#c6c6c8; background:var(--paper); }
.workspace-shell.sg :is(.reference-work-tabs, .reference-account-tabs, .reference-play-tabs, .reference-insights-tabs) { display:inline-flex; width:auto; max-width:100%; gap:2px; padding:4px; margin-bottom:24px; border:0; border-radius:12px; background:#ededef; overflow-x:auto; scrollbar-width:none; }
.workspace-shell.sg :is(.reference-work-tabs, .reference-account-tabs, .reference-play-tabs, .reference-insights-tabs) button { flex:none; min-height:38px; padding:0 14px; border:0; border-radius:9px; color:#4d4d4f; font-size:14px; font-weight:500; white-space:nowrap; }
.workspace-shell.sg :is(.reference-work-tabs, .reference-account-tabs, .reference-play-tabs, .reference-insights-tabs) button:hover { color:var(--ink); background:rgba(255,255,255,.6); }
.workspace-shell.sg :is(.reference-work-tabs, .reference-account-tabs, .reference-play-tabs, .reference-insights-tabs) button:is(.is-active, .active, [aria-selected="true"]) { color:var(--ink); background:#ffffff; font-weight:600; box-shadow:0 1px 2px rgba(16,18,14,.1); border:0; }
.workspace-shell.sg :is(.reference-account-row, .reference-work-row).is-selected, .workspace-shell.sg :is(.reference-account-row, .reference-work-row).selected { background:#f5f5f7; box-shadow:inset 3px 0 0 var(--acid); }
.workspace-shell.sg .reference-section-heading h2 { font-size:20px; font-weight:700; letter-spacing:-.02em; }
.workspace-shell.sg input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), .workspace-shell.sg select, .workspace-shell.sg textarea { border-color:#d6d6d8; border-radius:10px; }
.workspace-shell.sg .pill, .workspace-shell.sg .pill-lime { border-radius:999px; }
@media (max-width:700px) {
  .workspace-shell.sg .reference-page-intro { flex-direction:column; align-items:flex-start; }
}
.workspace-shell.sg :is(.reference-work-tabs, .reference-account-tabs, .reference-play-tabs, .reference-insights-tabs) { width:fit-content !important; }
.workspace-shell.sg .reference-detail-metrics { gap:8px; border:0; background:transparent; }
.workspace-shell.sg .reference-detail-metrics > * { border:0; border-radius:12px; background:var(--paper); }
.workspace-shell.sg small { font-family:var(--sans) !important; letter-spacing:normal; }
.sg-palette .sg-pal-row.global-search-result { border:0; background:transparent; box-shadow:none; }
.sg-palette .sg-pal-row.global-search-result.is-active, .sg-palette .sg-pal-row.global-search-result:hover { background:var(--paper); }
:where(.workspace-shell.sg) h2 { font-size:clamp(22px, 2.4vw, 30px); letter-spacing:-.02em; line-height:1.15; }
.workspace-shell.sg .reference-empty { grid-column:1 / -1; font-family:var(--sans) !important; font-size:14px; color:var(--muted); letter-spacing:normal; padding:14px 0; }
/* Public homepage */
.sg-hero-copy > p { max-width:520px; color:#4d4d4f; font-size:19px; line-height:1.55; margin:0; }
.sg-hero-card { background:#ffffff; border:1px solid var(--line); border-radius:24px; padding:22px; box-shadow:0 30px 60px -32px rgba(16,18,14,.35); display:grid; gap:10px; }
@media (max-width:640px) {
  .sg-hero-copy > p { font-size:17px; }
}
/* Sign in */
.auth-reference-shell { background:var(--paper); }
.auth-reference-card { border-color:var(--line); border-radius:24px; box-shadow:0 30px 70px -36px rgba(16,18,14,.35); padding:36px 48px 40px; }
.auth-reference-card h1 { font-size:30px; font-weight:700; letter-spacing:-.03em; margin-top:8px; }
.auth-reference-card .auth-sub { color:#4d4d4f; font-size:15px; }
.auth-reference-card .brand { color:var(--ink); }
.auth-provider { min-height:52px; border-color:#d6d6d8; background:#ffffff; color:var(--ink); font-weight:500; }
.auth-provider:not(.is-ready) { color:#4d4d4f; }
.auth-reference-card label { color:#4d4d4f; font-size:13px; font-weight:500; }
.auth-reference-card input { border-color:#d6d6d8; }
.auth-reference-card .auth-tabs button { color:#4d4d4f; font-size:14px; }
.auth-reference-card .auth-tabs button.active { border-bottom-color:var(--acid); }
.auth-reference-card .auth-submit { background:var(--acid); color:var(--ink); font-weight:600; }
.auth-reference-card button:focus-visible, .auth-reference-card input:focus-visible { outline-color:var(--deep); }
@media (max-width:620px) {
  .auth-reference-card { padding:28px 20px 30px; }
}
.auth-reference-card label, .auth-reference-card .auth-magic, .auth-reference-card [data-magic-link] { font-family:var(--sans); letter-spacing:normal; }
/* Audit pass: type, depth, motion and states (Apple HIG, GSAP-style reveals) */
html { -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
h1, h2, h3 { text-wrap:balance; }
p, li, small { text-wrap:pretty; }
.workspace-shell.sg, .auth-reference-shell { min-height:100dvh; }
.td-tag, .sg-pill { border-radius:7px; }
.sg-face, .sg-acct-mark { border-radius:12px; }
.sg-avatar { border-radius:14px; }
/* Skip link */
.sg-skip { position:absolute; left:16px; top:-60px; z-index:60; padding:10px 14px; border-radius:10px; background:var(--ink); color:#fff; font-weight:600; text-decoration:none; transition:top .15s; }
.sg-skip:focus { top:12px; }
#main-content:focus { outline:none; }
/* Grain and light: a faint texture and a soft lime glow behind the hero */
/* Spotlight: a soft light follows the pointer across a card */
[data-spotlight] { position:relative; }
[data-spotlight]::before { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0; transition:opacity .25s; background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%), rgba(201,238,61,.16), transparent 60%); }
[data-spotlight]:hover::before { opacity:1; }
/* Reveal on scroll */
[data-reveal].is-waiting { opacity:0; transform:translateY(18px); }
[data-reveal].is-in { opacity:1; transform:none; transition:opacity .6s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms), transform .6s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms); }
/* How it works: sticky heading beside a numbered list */
/* Why it's safe: one large card and three smaller ones */
/* Plays: a ranked list */
/* Closing panel sits inside the page instead of a full dark band */
/* Today loading: the shape of the card, not a spinner */
.sg-skeleton { display:grid; gap:16px; padding:28px; border:1px solid var(--line); border-radius:24px; background:#ffffff; }
.sg-sk { display:block; border-radius:10px; background:linear-gradient(90deg, #ededef 0%, #f5f5f7 50%, #ededef 100%); background-size:200% 100%; animation:sg-shimmer 1.4s ease-in-out infinite; }
.sg-sk-head { display:flex; align-items:center; gap:12px; }
.sg-sk-mark { width:44px; height:44px; border-radius:12px; }
.sg-sk-line { height:16px; }
.w-30 { width:30%; }
.sg-sk-title { height:28px; width:70%; }
.sg-sk-steps { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; }
.sg-sk-block { height:120px; border-radius:16px; }
.sg-sk-draft { height:140px; border-radius:16px; }
@keyframes sg-shimmer { from { background-position:100% 0; } to { background-position:-100% 0; } }
/* Toast: a check that draws itself */
.toast { display:flex; align-items:center; gap:10px; background:var(--ink); color:#f5f5f7; border:0; font-size:14px; padding:12px 18px 12px 14px; }
.sg-toast-ic { display:inline-grid; place-items:center; width:24px; height:24px; border-radius:8px; background:rgba(201,238,61,.18); color:var(--acid); flex:none; }
.toast.is-problem .sg-toast-ic { background:rgba(255,140,90,.18); color:#ffb08a; }
.toast.show .sg-draw { stroke-dasharray:24; stroke-dashoffset:24; animation:sg-draw .45s cubic-bezier(.2,.8,.2,1) .08s forwards; }
@keyframes sg-draw { to { stroke-dashoffset:0; } }
@media (max-width:640px) {
  .sg-sk-steps { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) {
  [data-reveal].is-waiting { opacity:1; transform:none; }
  .sg-sk { animation:none; }
  .toast.show .sg-draw { animation:none; stroke-dashoffset:0; }
}
/* App pass: large titles, ranked lists, calmer panels (Apple HIG, Creators Toolbox) */
.workspace-shell.sg .reference-page-intro .panel-kicker { display:none; }
.workspace-shell.sg .reference-page-intro h1 { font-size:clamp(32px, 4vw, 40px); margin:0 0 6px; }
/* Work: a ranked list beside a sticky detail */
.workspace-shell.sg .work-layout { grid-template-columns:minmax(0, 1.6fr) minmax(300px, .8fr); gap:20px; }
.workspace-shell.sg .work-list-panel { border:1px solid var(--line); border-radius:20px; background:#ffffff; overflow:hidden; }
.workspace-shell.sg .work-list-head { display:none; }
.workspace-shell.sg .work-row { grid-template-columns:28px 40px minmax(0, 1fr) minmax(0, 1.25fr) auto; gap:14px; min-height:84px; padding:14px 18px; border-bottom:1px solid var(--line); transition:background-color .12s; }
.workspace-shell.sg .work-row:last-child { border-bottom:0; }
.workspace-shell.sg .work-row:hover { background:var(--paper); }
.workspace-shell.sg .work-row.is-selected { background:#f5f5f7; box-shadow:inset 3px 0 0 var(--acid); }
.workspace-shell.sg .work-row-rank { font:500 15px var(--mono); color:var(--muted); font-variant-numeric:tabular-nums; text-align:right; }
.workspace-shell.sg .work-row-mark { width:40px; height:40px; border-radius:12px; background:#f5f5f7; color:var(--deep); }
.workspace-shell.sg .work-row-mark.task { background:#fff1ea; color:#a83a12; }
.workspace-shell.sg .work-row-mark.opportunity { background:#fff1ea; color:#a83a12; }
.workspace-shell.sg .work-row-mark.signal { background:#ededef; color:var(--ink); }
.workspace-shell.sg .work-row-account strong, .workspace-shell.sg .work-row-why strong { font-size:15px; font-weight:600; }
.workspace-shell.sg .work-row-account small, .workspace-shell.sg .work-row-why small { color:var(--muted); font-size:13px; }
.workspace-shell.sg .work-row-evidence { display:none; }
.workspace-shell.sg .work-row-action { display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:0 12px; border-radius:10px; background:var(--paper); color:var(--ink); font:600 13px var(--sans) !important; white-space:nowrap; transition:background-color .15s; }
.workspace-shell.sg .work-row:hover .work-row-action { background:var(--acid); }
.workspace-shell.sg .work-detail { top:92px; max-height:calc(100vh - 108px); overflow-y:auto; overscroll-behavior:contain; border:1px solid var(--line); border-radius:20px; background:#ffffff; padding:24px; }
.workspace-shell.sg .work-detail h2 { font-size:28px; letter-spacing:-.02em; }
.workspace-shell.sg .work-detail .panel-kicker { color:var(--muted); }
.workspace-shell.sg .work-empty { padding:40px 24px; text-align:center; display:grid; justify-items:center; gap:8px; }
.workspace-shell.sg .work-empty > span { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; background:#f5f5f7; color:var(--deep); }
/* Recovery numbers: a quiet strip, not a tinted panel */
.workspace-shell.sg .opportunity-radar { margin-bottom:20px; padding:20px 24px; border:1px solid var(--line); border-radius:20px; background:#ffffff; }
.workspace-shell.sg .opportunity-radar h2 { font-size:20px; }
.workspace-shell.sg .opportunity-radar p { color:var(--muted); font-size:14px; max-width:62ch; }
.workspace-shell.sg .opportunity-radar-grid { gap:0; margin-top:16px; border-top:1px solid var(--line); }
.workspace-shell.sg .opportunity-radar-card { border:0; border-right:1px solid var(--line); border-radius:0; background:transparent; padding:16px 18px 4px; transition:background-color .12s; }
.workspace-shell.sg .opportunity-radar-card:last-child { border-right:0; }
.workspace-shell.sg .opportunity-radar-card:hover { background:var(--paper); }
.workspace-shell.sg .opportunity-radar-card strong { font:700 28px var(--sans); color:var(--ink); font-variant-numeric:tabular-nums; }
/* Accounts: list rows like the work list */
.workspace-shell.sg .reference-account-row { grid-template-columns:44px minmax(0, 1fr) auto; min-height:80px; padding:14px 20px; border-bottom-color:var(--line); }
.workspace-shell.sg .reference-account-avatar { width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:#f5f5f7; color:var(--deep); font-weight:700; }
.workspace-shell.sg .reference-account-row strong { font-size:15px; font-weight:600; }
.workspace-shell.sg .reference-account-row small { font-size:13px; color:var(--muted); }
.workspace-shell.sg .reference-account-row b { color:var(--ink); font:700 20px var(--sans); font-variant-numeric:tabular-nums; }
.workspace-shell.sg .reference-account-row b small { font:500 11px var(--mono) !important; letter-spacing:.04em; }
/* The account panel stays in view while the list scrolls, and scrolls on
   its own when it is taller than the window, so all of it is reachable. */
.workspace-shell.sg .reference-account-detail { position:sticky; top:92px; max-height:calc(100vh - 108px); overflow-y:auto; overscroll-behavior:contain; }
@media (max-width:1100px) {
  .workspace-shell.sg .work-layout { grid-template-columns:1fr; }
  .workspace-shell.sg .work-detail { position:static; max-height:none; overflow:visible; }
  .workspace-shell.sg .opportunity-radar-grid { grid-template-columns:repeat(3, 1fr); }
}
@media (max-width:700px) {
  .workspace-shell.sg .work-row { grid-template-columns:40px minmax(0, 1fr); }
  .workspace-shell.sg .work-row-rank, .workspace-shell.sg .work-row-why { display:none; }
  .workspace-shell.sg .work-row-action { grid-column:2; justify-self:start; }
  .workspace-shell.sg .opportunity-radar-grid { grid-template-columns:repeat(2, 1fr); }
  .workspace-shell.sg .reference-account-detail { position:static; max-height:none; overflow:visible; }
}
/* Plays: built-in plays as a ranked list */
/* ===== Codex components: Fluff, agent library and builder, people search,
   campaign review, warm accounts. Taken from the live build. ===== */
/* Muse conversation mode: use the visual grammar of a calm personal agent
   rather than another OutbndAI dashboard card. */
.workspace-shell.has-ai-panel.muse-mode { display: block; }
.workspace-shell.has-ai-panel.muse-mode .workspace-sidebar, .workspace-shell.has-ai-panel.muse-mode .workspace-main { min-width: 0; }
@keyframes fluffFloat { 0%, 100% { transform: translate3d(-1px, 0, 0) rotate(-1deg); } 24% { transform: translate3d(2px, -4px, 0) rotate(1deg); } 50% { transform: translate3d(5px, -7px, 0) rotate(2deg); } 76% { transform: translate3d(1px, -3px, 0) rotate(0deg); } }
@keyframes fluffThink { 0%, 100% { transform: translate3d(-2px, 0, 0) rotate(-3deg) scale(1); } 50% { transform: translate3d(4px, -8px, 0) rotate(4deg) scale(1.04); } }
@keyframes fluffShadow { 0%, 100% { transform: translateX(-1px) scaleX(1); opacity: .65; } 50% { transform: translateX(5px) scaleX(.76); opacity: .35; } }
@keyframes fluffEarLeft { 0%, 76%, 100% { transform: rotate(-24deg); } 84% { transform: rotate(-34deg); } 92% { transform: rotate(-18deg); } }
@keyframes fluffEarRight { 0%, 76%, 100% { transform: rotate(24deg); } 84% { transform: rotate(34deg); } 92% { transform: rotate(18deg); } }
@keyframes fluffBlink { 0%, 44%, 48%, 100% { transform: scaleY(1); } 46% { transform: scaleY(.12); } }
@keyframes museTyping { 0%, 60%, 100% { opacity: .35; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-2px); } }
/* Selected design: review-first campaign builder with a full-width flow map and
   a focused step drawer. */
.is-campaigns .campaign-review-builder { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,420px); gap:14px; min-width:0; height:calc(100vh - 212px); min-height:540px; }
.is-campaigns .campaign-review-builder:not(.is-drawer-open) { grid-template-columns:1fr; }
.campaign-review-map { min-width:0; overflow:auto; border:1px solid #e2e8f0; border-radius:16px; background:#fff; box-shadow:0 5px 20px rgba(15,23,42,.035); scrollbar-width:thin; }
.campaign-review-map-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:20px 22px 16px; border-bottom:1px solid #e8edf3; }
.campaign-review-map-head h2 { margin:5px 0 0; color:#0f172a; font-size:20px; letter-spacing:-.045em; }
.campaign-review-map-head p { max-width:520px; margin:6px 0 0; color:#64748b; font-size:12px; line-height:1.45; }
.campaign-review-map-meta { display:flex; align-items:center; gap:9px; flex:0 0 auto; }
.campaign-review-map-meta > span { padding:7px 9px; color:#64748b; border:1px solid #e2e8f0; border-radius:8px; background:#f8fafc; font-size:10px; white-space:nowrap; }
.campaign-review-map-meta > span b { margin-right:3px; color:#1e293b; font-size:12px; }
.campaign-review-map-meta .button { min-height:32px; }
.campaign-review-timeline { position:relative; max-width:980px; margin:0 auto; padding:20px 28px 30px 76px; }
.campaign-review-line { position:absolute; top:105px; bottom:105px; left:43px; width:1px; background:#dbe3eb; }
.campaign-review-trigger, .campaign-review-outcome { position:relative; z-index:1; display:flex; align-items:center; gap:12px; min-height:78px; padding:14px 16px; border:1px solid #ececf0; border-radius:12px; background:#f5f5f7; }
.campaign-review-trigger { margin-bottom:22px; }
.campaign-review-outcome { margin-top:22px; border-color:#e2e8f0; background:#f8fafc; }
.campaign-review-trigger-mark, .campaign-review-outcome-mark { display:grid; flex:0 0 38px; width:38px; height:38px; place-items:center; color:#527311; border:1px solid #e3e3e8; border-radius:11px; background:#f5f5f7; font-size:15px; }
.campaign-review-outcome-mark { color:#64748b; border-color:#dbe3eb; background:#fff; }
.campaign-review-trigger span:nth-child(2), .campaign-review-outcome span:nth-child(2) { display:flex; min-width:0; flex-direction:column; gap:3px; }
.campaign-review-trigger small, .campaign-review-outcome small { color:#7c982b; font:10px var(--mono); letter-spacing:.08em; }
.campaign-review-trigger strong, .campaign-review-outcome strong { color:#365314; font-size:14px; }
.campaign-review-trigger em, .campaign-review-outcome em { overflow:hidden; color:#7a8794; font-size:11px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.campaign-review-trigger .button, .campaign-review-outcome .button { margin-left:auto; flex:0 0 auto; min-height:30px; }
.campaign-review-step { position:relative; z-index:1; margin:10px 0; }
.campaign-review-day { position:absolute; top:50%; left:-65px; width:46px; transform:translateY(-50%); color:#94a3b8; font:10px var(--mono); text-align:right; }
.campaign-review-step-row { display:grid; grid-template-columns:34px 38px minmax(0,1fr) auto 28px; align-items:center; gap:12px; width:100%; min-height:82px; padding:12px 14px; border:1px solid #e2e8f0; border-radius:12px; color:#334155; background:#fff; text-align:left; cursor:pointer; box-shadow:0 2px 8px rgba(15,23,42,.02); transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; }
.campaign-review-step-row:hover { border-color:#c9df75; background:#fdfdfd; box-shadow:0 6px 16px rgba(15,23,42,.05); transform:translateX(2px); }
.campaign-review-step.is-selected .campaign-review-step-row { border-color:#acd03d; background:#f5f5f7; box-shadow:0 0 0 2px #f5f5f7; }
.campaign-review-step-number { display:grid; width:28px; height:28px; place-items:center; color:#64748b; border:1px solid #dbe3eb; border-radius:50%; background:#f8fafc; font:11px var(--mono); }
.campaign-review-step.is-selected .campaign-review-step-number { color:#527311; border-color:#e3e3e8; background:#f5f5f7; }
.campaign-review-channel { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; color:#527311; background:#f5f5f7; font:11px var(--mono); }
.campaign-review-channel.type-linkedin { color:#2563a8; background:#e5f0ff; }
.campaign-review-channel.type-task { color:#7c5a19; background:#fff1c8; }
.campaign-review-channel.type-wait { color:#64748b; background:#eef2f6; }
.campaign-review-step-copy { display:flex; min-width:0; flex-direction:column; gap:3px; }
.campaign-review-step-copy strong { color:#64748b; font:10px var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.campaign-review-step-copy b { overflow:hidden; color:#1e293b; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.campaign-review-step-copy small { overflow:hidden; color:#94a3b8; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.campaign-review-step-status { display:inline-flex; align-items:center; gap:6px; padding:6px 8px; border-radius:999px; font-size:10px; white-space:nowrap; }
.campaign-review-step-status i { width:7px; height:7px; border-radius:50%; }
.campaign-review-more { color:#94a3b8; font-weight:700; letter-spacing:2px; }
.campaign-review-branch { display:flex; align-items:center; gap:10px; max-width:78%; margin:7px 0 0 82px; padding:10px 12px; border:1px solid #ececf0; border-radius:10px; background:#fdfdfd; }
.campaign-review-branch > span:first-child { display:grid; flex:0 0 24px; width:24px; height:24px; place-items:center; color:#6d9320; border-radius:7px; background:#f5f5f7; }
.campaign-review-branch > span:nth-child(2) { display:flex; min-width:0; flex-direction:column; gap:2px; }
.campaign-review-branch b { color:#819034; font:9px var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.campaign-review-branch strong { overflow:hidden; color:#40531c; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.campaign-review-branch small { overflow:hidden; color:#94a3b8; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.campaign-review-branch em { margin-left:auto; color:#789125; font:10px var(--mono); font-style:normal; white-space:nowrap; }
.campaign-review-drawer { min-width:0; overflow:auto; border:1px solid #dbe3eb; border-radius:16px; background:#fff; box-shadow:-8px 10px 28px rgba(15,23,42,.08); scrollbar-width:thin; }
.campaign-review-drawer-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px 12px; border-bottom:1px solid #e8edf3; }
.campaign-review-drawer-head strong { display:block; margin-top:4px; color:#1e293b; font-size:15px; }
.campaign-review-drawer .campaign-editor-pane { padding:0 18px 18px; border:0; border-radius:0; box-shadow:none; overflow:visible; }
.campaign-review-drawer .campaign-editor-tabs { display:none; }
.campaign-review-drawer .campaign-editor-heading { padding-top:18px; }
.campaign-review-drawer .campaign-editor-heading h2 { max-width:265px; font-size:16px; }
.campaign-review-drawer .campaign-control-card { border-radius:10px; }
.campaign-review-drawer .campaign-control-row { min-height:48px; }
.campaign-review-drawer .campaign-message-editor { margin-top:16px; padding-top:15px; }
.campaign-review-drawer .campaign-message-editor textarea { min-height:170px; }
.campaign-review-drawer .campaign-editor-branch { margin-top:16px; }
.campaign-review-ai { margin:0 18px 18px; padding:14px; border:1px solid #ececf0; border-radius:12px; background:#f5f5f7; }
.campaign-review-ai strong { display:block; margin-top:4px; color:#365314; font-size:13px; }
.campaign-review-ai p { margin:8px 0 12px; color:#64748b; font-size:11px; line-height:1.45; }
.campaign-review-ai .button { width:100%; justify-content:center; min-height:34px; }
.campaign-review-drawer-closed { display:flex; align-items:flex-start; justify-content:center; flex-direction:column; min-height:240px; padding:28px; border:1px dashed #cbd5e1; border-radius:16px; background:#fff; }
.campaign-review-drawer-closed strong { margin-top:7px; color:#334155; font-size:15px; }
.campaign-review-drawer-closed p { margin:6px 0 0; color:#94a3b8; font-size:11px; }
.is-campaigns .campaign-review-builder + .campaign-studio-footer { display:flex; justify-content:space-between; gap:12px; padding:9px 2px 0; color:#94a3b8; font-size:10px; }
@media (max-width:1100px) and (min-width:761px) {
  .is-campaigns .campaign-review-builder { grid-template-columns:minmax(0,1fr) minmax(320px,380px); }
  .campaign-review-map-head { flex-direction:column; }
  .campaign-review-map-meta { width:100%; }
}
@media (max-width:760px) {
  .is-campaigns .campaign-review-builder, .is-campaigns .campaign-review-builder:not(.is-drawer-open) { display:flex; height:auto; min-height:0; flex-direction:column; }
  .campaign-review-map-head { padding:16px; flex-direction:column; }
  .campaign-review-map-meta { width:100%; flex-wrap:wrap; }
  .campaign-review-timeline { padding:16px 14px 24px 58px; }
  .campaign-review-line { left:29px; }
  .campaign-review-day { left:-51px; width:36px; font-size:9px; }
  .campaign-review-step-row { grid-template-columns:28px 34px minmax(0,1fr) 22px; gap:8px; padding:10px; }
  .campaign-review-step-status { display:none; }
  .campaign-review-channel { width:34px; height:34px; }
  .campaign-review-step-copy b { font-size:12px; }
  .campaign-review-branch { max-width:none; margin-left:62px; }
  .campaign-review-drawer { max-height:none; box-shadow:0 -4px 20px rgba(15,23,42,.05); }
  .is-campaigns .campaign-review-builder + .campaign-studio-footer { align-items:flex-start; flex-direction:column; }
}
/* The selected reference uses a detail drawer over the map, so the sequence
   keeps its full reading width even when a step is open. */
.is-campaigns .campaign-review-builder, .is-campaigns .campaign-review-builder:not(.is-drawer-open) { display:block; }
.is-campaigns .campaign-review-map { height:100%; }
.is-campaigns .campaign-review-drawer { position:absolute; top:0; right:0; bottom:0; z-index:4; width:min(420px,42vw); }
.is-campaigns .campaign-review-builder.is-drawer-open .campaign-review-map { width:100%; }
@media (max-width:760px) {
  .is-campaigns .campaign-review-builder, .is-campaigns .campaign-review-builder:not(.is-drawer-open) { display:flex; }
  .is-campaigns .campaign-review-map { height:auto; }
  .is-campaigns .campaign-review-drawer { position:static; width:auto; }
}
@media (max-width:700px) {
  .opportunity-radar-head { flex-direction:column; }
  .opportunity-radar-grid, .opportunity-insights-stats { grid-template-columns:repeat(2,1fr); }
}
.review-context-card { display:grid; gap:12px; margin-top:15px; padding-top:15px; border-top:1px solid var(--line); }
.review-context-item { display:grid; gap:4px; }
.review-context-item > span { color:#8a8a8c; font:600 10px var(--mono); letter-spacing:.08em; }
.review-context-item strong { color:#323234; font-size:12.5px; line-height:1.4; }
.review-context-item strong.is-blocked { color:#8b5b12; }
.review-context-item strong.is-ready { color:#527017; }
.review-context-item small { color:#7a7a7c; font-size:11px; }
.review-context-card > p { margin:0; color:#7e7e80; font-size:11.5px; line-height:1.45; }
/* Agents command center + build workspace */
.agent-library-detail, .agent-secondary-panel { min-width:0; border:1px solid var(--workspace-border); border-radius:22px; background:var(--workspace-card); box-shadow:var(--workspace-shadow); }
.agent-checkmark { display:grid; width:21px; height:21px; place-items:center; color:#71804e; border:1px solid #e3e3e8; border-radius:7px; background:#f5f5f7; font:12px var(--mono); }
.agent-checkmark.review { color:#af7418; border-color:#f1d48a; background:#fff7da; }
.agent-checkmark.paused { color:#9a9a9c; border-color:#dcdcde; background:#f5f5f7; }
.agent-name-cell { display:block; min-width:0; }
.agent-name-cell strong, .agent-name-cell small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.agent-name-cell strong { color:#28282a; font-size:13px; }
.agent-name-cell small { margin-top:5px; color:#969698; font-size:11px; }
.agent-table-context { overflow:hidden; color:#737375; font:11px var(--mono); text-overflow:ellipsis; white-space:nowrap; }
.agent-row-arrow { color:#839255; font-size:20px; text-align:right; }
.agent-status-pill { display:inline-flex; align-items:center; gap:6px; width:max-content; padding:7px 10px; color:#608026; border-radius:999px; background:#f5f5f7; font:11px var(--mono); white-space:nowrap; }
.agent-status-pill i, .agent-build-step-status i { display:inline-block; width:7px; height:7px; border-radius:50%; background:#70aa1e; }
.agent-status-pill.is-review { color:#9e6a18; background:#fff3cf; }
.agent-status-pill.is-review i { background:#e7a917; }
.agent-status-pill.is-paused { color:#838385; background:#f0f0f2; }
.agent-status-pill.is-paused i { background:#a2a2a4; }
.agent-status-pill.is-ready { color:#5e6d91; background:#eef2fb; }
.agent-status-pill.is-ready i { background:#869cc8; }
.agent-library-detail { position:sticky; top:22px; padding:25px; }
.agent-detail-eyebrow { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.agent-library-detail h2 { margin:21px 0 9px; font-size:29px; letter-spacing:-.065em; }
.agent-library-detail > p { margin:0; color:#79797b; font-size:13px; line-height:1.55; }
.agent-detail-facts { display:grid; gap:14px; margin:24px 0; padding:18px 0; border-top:1px solid #e6e6e8; border-bottom:1px solid #e6e6e8; }
.agent-detail-facts div { display:grid; grid-template-columns:74px minmax(0,1fr); gap:12px; }
.agent-detail-facts dt { color:#a5a5a7; font:10px var(--mono); }
.agent-detail-facts dd { margin:0; color:#464648; font-size:12px; line-height:1.4; }
.agent-detail-safeguard { display:flex; gap:10px; padding:14px; border:1px solid #ececf0; border-radius:14px; background:#f5f5f7; }
.agent-detail-safeguard > span { color:#729b1e; font-size:18px; }
.agent-detail-safeguard strong { display:block; color:#4d621c; font-size:12px; }
.agent-detail-safeguard p { margin:5px 0 0; color:#778466; font-size:11px; line-height:1.4; }
.agent-detail-activity { display:grid; gap:7px; margin:22px 0; }
.agent-detail-activity strong { color:#565658; font-size:12px; }
.agent-detail-activity small { color:#9d9d9f; font-size:11px; }
.agent-build-workspace { max-width:1420px; padding-bottom:80px; }
.agent-build-breadcrumb { display:flex; align-items:center; gap:9px; margin-bottom:22px; color:#a1a1a3; font:11px var(--mono); }
.agent-build-breadcrumb button { color:#71852a; font:inherit; }
.agent-build-breadcrumb strong { color:#565658; font-weight:600; }
.agent-build-header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding-bottom:24px; border-bottom:1px solid var(--workspace-border); }
.agent-build-header h1 { margin:8px 0 8px; font-size:clamp(35px,4vw,56px); letter-spacing:-.075em; }
.agent-build-header p { max-width:680px; margin:0; color:#848486; font-size:14px; line-height:1.5; }
.agent-build-header-actions { display:flex; align-items:center; gap:10px; }
.agent-build-tabs { display:flex; gap:3px; margin:20px 0 24px; border-bottom:1px solid var(--workspace-border); }
.agent-build-tab { min-height:42px; padding:0 16px; color:#949496; border-bottom:3px solid transparent; font-size:12px; }
.agent-build-tab.is-active { color:#262628; border-color:var(--acid); font-weight:750; }
.agent-build-columns { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr); gap:22px; align-items:start; }
.agent-build-flow, .agent-step-editor { min-width:0; }
.agent-build-flow-head { display:flex; align-items:flex-end; justify-content:space-between; gap:15px; margin-bottom:15px; }
.agent-build-flow-head h2 { margin:7px 0 5px; font-size:25px; letter-spacing:-.055em; }
.agent-build-flow-head p { margin:0; color:#909092; font-size:12px; }
.agent-build-progress { color:#6c8429; font:11px var(--mono); }
.agent-build-step-list { position:relative; display:grid; gap:10px; }
.agent-build-step-list::before { content:''; position:absolute; z-index:0; top:26px; bottom:26px; left:22px; width:1px; background:#e3e3e8; }
.agent-build-step { position:relative; z-index:1; display:grid; grid-template-columns:32px 44px minmax(0,1fr) auto 18px; gap:12px; align-items:center; width:100%; min-height:80px; padding:13px 17px 13px 8px; text-align:left; border:1px solid #e5e5e7; border-radius:13px; background:#ffffff; box-shadow:0 4px 13px rgba(35,42,26,.025); transition:border-color .18s, box-shadow .18s, background .18s; }
.agent-build-step:hover { border-color:#c9dd79; }
.agent-build-step.is-selected { border-color:#c5e477; background:#f5f5f7; box-shadow:0 7px 20px rgba(114,145,31,.09); }
.agent-build-step-marker { display:grid; width:28px; height:28px; place-items:center; color:#858587; border:1px solid #dedee0; border-radius:50%; background:#f7f7f9; font:11px var(--mono); }
.agent-build-step.is-selected .agent-build-step-marker { color:#253114; border-color:#b7de31; background:var(--acid); font-weight:700; }
.agent-build-step-icon { display:grid; width:42px; height:42px; place-items:center; color:#303032; border:1px solid #e6e6e8; border-radius:50%; background:#f8f8fa; font-size:21px; }
.agent-build-step-copy { min-width:0; }
.agent-build-step-copy strong, .agent-build-step-copy small { display:block; }
.agent-build-step-copy strong { color:#272729; font-size:14px; }
.agent-build-step-copy small { margin-top:5px; overflow:hidden; color:#909092; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.agent-build-step-status { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; color:#5d7d20; border-radius:999px; background:#f5f5f7; font:10px var(--mono); white-space:nowrap; }
.agent-build-step-status.is-review { color:#9c6b1b; background:#fff2ca; }
.agent-build-step-status.is-review i { background:#e6a81b; }
.agent-build-step-chevron { color:#616163; font-size:24px; }
.agent-step-editor { padding:23px; border:1px solid #ececf0; border-radius:18px; background:#f5f5f7; box-shadow:var(--workspace-shadow); }
.agent-step-editor-top { display:flex; align-items:center; justify-content:space-between; color:#81915c; font:10px var(--mono); letter-spacing:.06em; }
.agent-step-editor-top button { display:grid; width:23px; height:23px; place-items:center; color:#758260; border:1px solid #e3e3e8; border-radius:50%; font:11px var(--mono); }
.agent-step-editor h2 { margin:18px 0 7px; font-size:27px; letter-spacing:-.06em; }
.agent-step-editor > p { margin:0; color:#7e7e80; font-size:12px; line-height:1.5; }
.agent-editor-tabs { display:flex; gap:18px; margin:24px 0 19px; border-bottom:1px solid #ececf0; }
.agent-editor-tabs button { padding:0 0 10px; color:#a0a0a2; border-bottom:2px solid transparent; font-size:11px; }
.agent-editor-tabs button.is-active { color:#435b20; border-color:#8bb32a; font-weight:700; }
.agent-editor-form { display:grid; gap:17px; }
.agent-editor-form > label { display:grid; gap:7px; color:#727274; font:10px var(--mono); letter-spacing:.04em; }
.agent-editor-form select { min-height:40px; padding:0 11px; color:#525254; border:1px solid #e3e3e8; border-radius:10px; background:#fff; font:12px var(--sans); }
.agent-source-checks { display:grid; gap:8px; padding:12px; border:1px solid #ececf0; border-radius:10px; background:#fff; }
.agent-source-checks label { display:flex; align-items:center; gap:8px; color:#616163; font:11px var(--sans); letter-spacing:0; }
.agent-source-checks input { accent-color:#8cbf17; }
.agent-editor-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:24px; padding-top:17px; border-top:1px solid #ececf0; }
.agent-editor-foot span { display:flex; align-items:center; gap:6px; color:#668126; font:10px var(--mono); }
.agent-editor-foot i { width:7px; height:7px; border-radius:50%; background:#72ad1e; }
.agent-preview-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; margin-top:18px; padding:21px; border:1px solid #ececf0; border-radius:18px; background:#f5f5f7; }
.agent-preview-card h3 { margin:7px 0 6px; font-size:17px; letter-spacing:-.03em; }
.agent-preview-card p { margin:0; color:#778267; font-size:11px; }
.agent-preview-path { grid-column:1 / -1; display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:10px; align-items:center; padding-top:16px; border-top:1px solid #ececf0; }
.agent-preview-path span { display:grid; grid-template-columns:24px 1fr; column-gap:7px; align-items:center; }
.agent-preview-path i { display:grid; grid-row:span 2; width:24px; height:24px; place-items:center; color:#3d5415; border-radius:50%; background:#d9f27b; font:10px var(--mono); font-style:normal; }
.agent-preview-path strong { color:#50603b; font-size:11px; }
.agent-preview-path small { color:#939395; font-size:10px; }
.agent-preview-path b { color:#9bab7c; font-size:17px; }
.agent-secondary-panel { padding:25px; }
.agent-secondary-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid var(--workspace-border); }
.agent-secondary-head h2 { margin:7px 0 5px; font-size:28px; letter-spacing:-.06em; }
.agent-secondary-head p { margin:0; color:#8d8d8f; font-size:12px; }
.agent-run-list, .agent-activity-list { display:grid; }
.agent-run-list > div { display:grid; grid-template-columns:10px minmax(0,1fr) auto; gap:13px; align-items:center; padding:18px 0; border-bottom:1px solid #e8e8ea; }
.agent-run-list > div:last-child { border-bottom:0; }
.agent-run-dot { width:8px; height:8px; border-radius:50%; background:#81b52a; }
.agent-run-dot.is-failed { background:#c75d42; }
.agent-run-list strong, .agent-run-list small { display:block; }
.agent-run-list strong { color:#404042; font-size:12px; }
.agent-run-list small { margin-top:4px; color:#98989a; font:10px var(--mono); }
.agent-run-list b { color:#718a2a; font:11px var(--mono); }
.agent-performance-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:24px; border:1px solid var(--workspace-border); background:var(--workspace-border); }
.agent-performance-grid div { padding:21px; background:#fff; }
.agent-performance-grid strong, .agent-performance-grid span { display:block; }
.agent-performance-grid strong { color:#3e3e40; font-size:31px; letter-spacing:-.06em; }
.agent-performance-grid span { margin-top:4px; color:#969698; font-size:11px; }
.agent-performance-note { margin-top:18px; padding:14px; color:#68765a; border-radius:12px; background:#f5f5f7; font-size:12px; }
.agent-activity-list > div { display:grid; grid-template-columns:64px minmax(0,1fr); gap:5px 15px; padding:20px 0; border-bottom:1px solid #e8e8ea; }
.agent-activity-list > div:last-child { border-bottom:0; }
.agent-activity-list span { color:#a0a0a2; font:10px var(--mono); }
.agent-activity-list strong, .agent-activity-list small { grid-column:2; }
.agent-activity-list strong { color:#49494b; font-size:13px; }
.agent-activity-list small { color:#929294; font-size:11px; }
@media (max-width:1000px) {
  .agent-build-columns { grid-template-columns:1fr; }
  .agent-library-detail { position:static; }
  .agent-step-editor { order:2; }
  .agent-build-flow { order:1; }
}
@media (max-width:720px) {
  .agent-build-header, .agent-secondary-head { align-items:flex-start; flex-direction:column; }
  .agent-build-header-actions { width:100%; justify-content:space-between; }
  .agent-build-tabs { overflow:auto; }
  .agent-build-step { grid-template-columns:30px 38px minmax(0,1fr) 18px; gap:9px; padding-right:11px; }
  .agent-build-step-status { display:none; }
  .agent-build-step-icon { width:36px; height:36px; }
  .agent-build-step-copy small { white-space:normal; line-height:1.35; }
  .agent-preview-card { grid-template-columns:1fr; }
  .agent-preview-path { grid-template-columns:1fr; gap:9px; }
  .agent-preview-path b { display:none; }
  .agent-preview-path span { grid-template-columns:24px 1fr; }
  .agent-performance-grid { grid-template-columns:1fr; }
  .agent-performance-grid div { padding:15px 18px; }
}
/* Full-width Agents library variant */
.agent-full-identity, .agent-full-trigger, .agent-full-number, .agent-full-run, .agent-full-owner { min-width:0; display:flex; align-items:center; gap:11px; }
.agent-full-icon { display:grid; flex:0 0 auto; width:31px; height:31px; place-items:center; color:#3d3d3f; border-radius:9px; background:#f0f0f2; font-size:16px; }
.agent-full-identity > span:last-child, .agent-full-trigger, .agent-full-number, .agent-full-run, .agent-full-owner { display:block; }
.agent-full-identity strong, .agent-full-identity small, .agent-full-trigger strong, .agent-full-trigger small, .agent-full-number strong, .agent-full-number small, .agent-full-run strong, .agent-full-run small, .agent-full-owner strong, .agent-full-owner small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.agent-full-identity strong { color:#2d2d2f; font-size:12px; }
.agent-full-identity small, .agent-full-trigger small, .agent-full-number small, .agent-full-run small, .agent-full-owner small { margin-top:4px; color:#98989a; font-size:10px; }
.agent-full-trigger strong, .agent-full-run strong, .agent-full-owner strong { color:#5f5f61; font-size:11px; }
.agent-full-number strong { color:#3d4d29; font-size:14px; }
.agent-full-owner { position:relative; padding-right:18px; }
.agent-full-owner b { position:absolute; right:0; top:1px; color:#72874b; font-size:21px; font-weight:400; }
.agent-full-identity > span:last-child { min-width:0; }
/* AI-first agent creation */
.agent-ai-modal { max-width:680px; }
.agent-ai-modal > p { max-width:590px; color:#79797b; line-height:1.55; }
.agent-ai-modal label { display:grid; gap:8px; margin-top:18px; color:#656567; font:11px var(--mono); }
.agent-ai-modal textarea { width:100%; min-height:132px; padding:14px; resize:vertical; color:#343436; border:1px solid #e3e3e8; border-radius:12px; outline:0; background:#fff; font:13px/1.5 var(--sans); }
.agent-ai-modal textarea:focus { border-color:#afd44b; box-shadow:0 0 0 3px rgba(189,230,62,.18); }
.agent-builder-examples { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:12px; }
.agent-builder-examples span { width:100%; color:#a0a0a2; font:10px var(--mono); letter-spacing:.04em; }
.agent-builder-examples button { padding:8px 10px; color:#60704c; border:1px solid #ececf0; border-radius:999px; background:#fbfbfb; font-size:11px; }
.agent-builder-examples button:hover { color:#32431d; border-color:#b9d96a; background:#f5f5f7; }
.agent-builder-contract { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:20px; }
.agent-builder-contract div { min-height:67px; padding:12px; border:1px solid #e6e6e8; border-radius:11px; background:#fbfbfb; }
.agent-builder-contract span, .agent-builder-contract strong { display:block; }
.agent-builder-contract span { color:#a5a5a7; font:9px var(--mono); }
.agent-builder-contract strong { margin-top:7px; color:#58585a; font-size:11px; }
.agent-generated-name { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:22px 0 16px; padding:15px; border:1px solid #ececf0; border-radius:13px; background:#f5f5f7; }
.agent-generated-name > div > span, .agent-generated-name strong, .agent-generated-name small { display:block; }
.agent-generated-name strong { margin-top:5px; color:#323234; font-size:21px; letter-spacing:-.04em; }
.agent-generated-name small { margin-top:4px; color:#868688; font:10px var(--mono); }
.agent-generated-request { margin:0 0 18px; padding:12px 14px; border-left:3px solid #b9dd50; background:#fbfbfb; font-size:12px; }
.agent-generated-request strong { color:#475d2d; }
.agent-generated-flow { display:grid; gap:8px; }
.agent-generated-flow > .panel-kicker { margin-bottom:2px; }
.agent-generated-step { display:grid; grid-template-columns:27px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 12px; border:1px solid #e7e7e9; border-radius:11px; background:#fff; }
.agent-generated-step > span { display:grid; width:24px; height:24px; place-items:center; color:#55701f; border-radius:50%; background:#f5f5f7; font:10px var(--mono); }
.agent-generated-step strong, .agent-generated-step small { display:block; }
.agent-generated-step strong { color:#3e3e40; font-size:12px; }
.agent-generated-step small { margin-top:3px; color:#8f8f91; font-size:10px; line-height:1.35; }
.agent-generated-step em { padding:5px 8px; color:#5c7b20; border-radius:999px; background:#f5f5f7; font:9px var(--mono); font-style:normal; white-space:nowrap; }
.agent-generated-step em.is-review { color:#9e6a18; background:#fff3cf; }
@media (max-width:720px) {
  .agent-builder-contract { grid-template-columns:1fr 1fr; }
  .agent-generated-name { align-items:flex-start; flex-direction:column; }
  .agent-generated-step { grid-template-columns:27px minmax(0,1fr); }
  .agent-generated-step em { grid-column:2; width:max-content; }
}
/* Rox-inspired agent workspace: prospect, configure, execute, monitor */
.agent-rox-workspace { position:relative; max-width:1500px; padding-right:350px; padding-bottom:90px; }
.agent-rox-workspace .agent-build-breadcrumb, .agent-rox-workspace .agent-build-header, .agent-rox-workspace .agent-stage-nav, .agent-rox-workspace .agent-draft-banner { margin-right:0; }
.agent-rox-workspace .agent-build-header { align-items:center; }
.agent-rox-workspace .agent-build-header h1 { font-size:clamp(30px,3.2vw,48px); }
.agent-autopilot-pill { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; color:#668126; border-radius:999px; background:#f5f5f7; font:10px var(--mono); white-space:nowrap; }
.agent-autopilot-pill i { width:7px; height:7px; border-radius:50%; background:#7bb52a; }
.agent-stage-nav { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:20px 0 16px; }
.agent-stage-card { display:flex; align-items:center; gap:11px; min-height:68px; padding:12px 14px; text-align:left; border:1px solid #ececf0; border-radius:14px; background:#ffffff; transition:border-color .18s, box-shadow .18s, background .18s; }
.agent-stage-card:hover { border-color:#bedb69; }
.agent-stage-card.is-active { border-color:#abcF46; background:#f5f5f7; box-shadow:0 5px 15px rgba(118,151,35,.08); }
.agent-stage-number { display:grid; flex:0 0 auto; width:25px; height:25px; place-items:center; color:#6c6c6e; border:1px solid #e2e2e4; border-radius:50%; font:10px var(--mono); }
.agent-stage-card.is-active .agent-stage-number { color:#334315; border-color:#b9df43; background:#c9f04d; font-weight:700; }
.agent-stage-card strong, .agent-stage-card small { display:block; }
.agent-stage-card strong { color:#3c3c3e; font-size:12px; }
.agent-stage-card small { margin-top:4px; color:#9e9ea0; font:10px var(--mono); }
.agent-draft-banner { display:flex; align-items:center; gap:9px; min-height:45px; margin-bottom:15px; padding:8px 12px; color:#6c6c6e; border:1px solid #e3e3e8; border-radius:11px; background:#f5f5f7; font-size:11px; }
.agent-draft-banner > span:first-child { color:#82a92e; }
.agent-draft-banner > span:nth-child(3) { color:#979799; }
.agent-draft-banner button:first-of-type { margin-left:auto; color:#818183; font-size:11px; }
.agent-draft-banner .button { padding:7px 12px; }
.agent-stage-panel { min-width:0; padding:22px; border:1px solid #e3e3e5; border-radius:16px; background:#ffffff; box-shadow:var(--workspace-shadow); }
.agent-stage-panel-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding-bottom:17px; border-bottom:1px solid #e9e9eb; }
.agent-stage-panel-head h2 { margin:7px 0 5px; color:#303032; font-size:24px; letter-spacing:-.055em; }
.agent-stage-panel-head p { margin:0; color:#909092; font-size:12px; line-height:1.5; }
.agent-stage-count { padding:7px 9px; color:#688226; border-radius:999px; background:#f5f5f7; font:10px var(--mono); white-space:nowrap; }
.agent-scope-card { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:17px 0; padding:15px; border:1px solid #ececf0; border-radius:12px; background:#f5f5f7; }
.agent-scope-card strong, .agent-scope-card small { display:block; }
.agent-scope-card strong { max-width:760px; margin-top:6px; color:#405034; font-size:13px; line-height:1.45; }
.agent-scope-card small { margin-top:5px; color:#959597; font:10px var(--mono); }
.agent-prospect-toolbar { display:flex; gap:8px; margin:15px 0; }
.agent-prospect-toolbar input { flex:1; min-width:0; min-height:38px; padding:0 12px; border:1px solid #e2e2e4; border-radius:9px; outline:0; background:#fff; font:12px var(--sans); }
.agent-prospect-toolbar input:focus { border-color:#b7d866; }
.agent-prospect-table { overflow:hidden; border:1px solid #e6e6e8; border-radius:12px; }
.agent-prospect-columns, .agent-prospect-row { display:grid; grid-template-columns:28px minmax(185px,1.3fr) 145px 100px minmax(190px,1fr) 20px; gap:12px; align-items:center; }
.agent-prospect-columns { padding:11px 14px; color:#a1a1a3; border-bottom:1px solid #e8e8ea; font:9px var(--mono); letter-spacing:.04em; }
.agent-prospect-row { min-height:62px; padding:10px 14px; border-bottom:1px solid #efeff1; background:#fff; font-size:11px; }
.agent-prospect-row:last-child { border-bottom:0; }
.agent-prospect-row:hover { background:#f5f5f7; }
.agent-prospect-check { display:grid; width:18px; height:18px; place-items:center; color:#59741f; border:1px solid #e3e3e8; border-radius:5px; background:#f5f5f7; font:10px var(--mono); }
.agent-prospect-company strong, .agent-prospect-company small { display:block; }
.agent-prospect-company strong { color:#3c3c3e; }
.agent-prospect-company small { margin-top:4px; color:#a0a0a2; font:10px var(--mono); }
.agent-prospect-fit { color:#628324; }
.agent-prospect-row > button { color:#7b8f5b; font-size:20px; }
.agent-stage-foot { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:17px; color:#9c9c9e; font:10px var(--mono); }
.agent-configure-panel { padding-bottom:20px; }
.agent-tuning-summary { display:grid; grid-template-columns:minmax(0,1fr) 1fr; gap:20px; margin:17px 0 20px; padding:15px; border:1px solid #e7e7e9; border-radius:12px; background:#fbfbfb; }
.agent-tuning-summary p { max-width:780px; margin:7px 0 0; color:#707072; font-size:12px; line-height:1.5; }
.agent-tuning-facts { display:grid; grid-template-columns:1fr 1fr; gap:9px; align-content:center; color:#8d8d8f; font:10px var(--mono); }
.agent-tuning-facts span { display:flex; justify-content:space-between; gap:8px; padding-bottom:6px; border-bottom:1px solid #ececee; }
.agent-tuning-facts b { color:#688525; font-weight:600; }
.agent-configure-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.78fr); gap:16px; align-items:start; }
.agent-configure-layout .agent-build-step-list { min-width:0; }
.agent-add-step { min-height:45px; color:#739127; border:1px dashed #e3e3e8; border-radius:12px; background:#fcfcfc; font:11px var(--mono); }
.agent-add-step:hover { background:#f5f5f7; }
.agent-execution-list { display:grid; gap:10px; margin-top:18px; }
.agent-execution-list > div { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:12px; align-items:center; padding:15px; border:1px solid #e7e7e9; border-radius:12px; background:#fff; }
.agent-execution-icon { display:grid; width:32px; height:32px; place-items:center; color:#5c7a20; border-radius:9px; background:#f5f5f7; font-size:17px; }
.agent-execution-list strong, .agent-execution-list small { display:block; }
.agent-execution-list strong { color:#424244; font-size:12px; }
.agent-execution-list small { margin-top:4px; color:#98989a; font-size:11px; }
.agent-stage-callout { margin-top:17px; padding:15px; border-radius:12px; background:#f5f5f7; }
.agent-stage-callout strong { color:#4c641f; font-size:12px; }
.agent-stage-callout p { margin:5px 0 0; color:#7e8c6f; font-size:11px; line-height:1.45; }
.agent-monitor-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:20px; border:1px solid #e3e3e5; background:#e3e3e5; }
.agent-monitor-grid div { min-height:98px; padding:17px; background:#fff; }
.agent-monitor-grid strong, .agent-monitor-grid span { display:block; }
.agent-monitor-grid strong { color:#3e3e40; font-size:28px; letter-spacing:-.05em; }
.agent-monitor-grid span { margin-top:5px; color:#98989a; font:10px var(--mono); }
.agent-monitor-list { display:grid; gap:0; margin-top:15px; }
.agent-monitor-list > div { display:grid; grid-template-columns:70px minmax(0,1fr); gap:5px 14px; padding:15px 0; border-bottom:1px solid #e8e8ea; }
.agent-monitor-list > div:last-child { border-bottom:0; }
.agent-monitor-list span { color:#a5a5a7; font:9px var(--mono); }
.agent-monitor-list strong, .agent-monitor-list small { grid-column:2; }
.agent-monitor-list strong { color:#545456; font-size:12px; }
.agent-monitor-list small { color:#99999b; font-size:11px; }
.agent-builder-chat { position:absolute; top:118px; right:0; width:325px; min-height:500px; padding:18px; border:1px solid #e4e4e6; border-radius:16px; background:#ffffff; box-shadow:var(--workspace-shadow); }
.agent-builder-chat-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:14px; border-bottom:1px solid #e9e9eb; }
.agent-builder-chat-head button { color:#939395; font-size:19px; }
.agent-builder-chat-message { margin-top:16px; padding:13px; border:1px solid #e6e6e8; border-radius:11px; background:#fff; }
.agent-builder-chat-message.is-note { background:#f5f5f7; border-color:#ececf0; }
.agent-builder-chat-message strong { color:#4f4f51; font-size:12px; }
.agent-builder-chat-message p { margin:6px 0 0; color:#868688; font-size:11px; line-height:1.45; }
.agent-builder-chat-tasks { margin-top:23px; padding-top:17px; border-top:1px solid #e9e9eb; }
.agent-builder-chat-tasks ol { display:grid; gap:10px; margin:10px 0 0; padding-left:20px; color:#6d6d6f; font-size:11px; line-height:1.45; }
.agent-builder-chat-form { display:grid; grid-template-columns:minmax(0,1fr) 30px; gap:8px; margin-top:30px; }
.agent-builder-chat-form input { min-height:37px; padding:0 10px; border:1px solid #e2e2e4; border-radius:9px; outline:0; background:#fff; font:11px var(--sans); }
.agent-builder-chat-form button { display:grid; width:30px; height:37px; place-items:center; color:#465b25; border-radius:9px; background:#d0f451; }
.agent-builder-chat-form small { grid-column:1 / -1; color:#a4a4a6; font:9px var(--mono); }
.agent-builder-chat-reopen { position:absolute; top:118px; right:0; display:flex; align-items:center; gap:10px; border:1px solid #e4e4e6; border-radius:999px; padding:12px 16px; background:#ffffff; color:#252527; font-weight:700; box-shadow:var(--workspace-shadow); }
.agent-builder-chat-reopen span { color:#607b1f; }
@media (max-width:1050px) {
  .agent-rox-workspace { padding-right:0; }
  .agent-builder-chat { position:static; width:auto; min-height:0; margin-top:18px; }
  .agent-configure-layout { grid-template-columns:1fr; }
}
@media (max-width:720px) {
  .agent-stage-nav { grid-template-columns:1fr 1fr; }
  .agent-stage-panel { padding:16px; }
  .agent-stage-panel-head, .agent-stage-foot { align-items:flex-start; flex-direction:column; }
  .agent-tuning-summary { grid-template-columns:1fr; }
  .agent-prospect-table { overflow-x:auto; }
  .agent-prospect-columns, .agent-prospect-row { min-width:720px; }
  .agent-monitor-grid { grid-template-columns:1fr; }
  .agent-draft-banner { align-items:flex-start; flex-wrap:wrap; }
  .agent-draft-banner > span:nth-child(3) { width:100%; }
  .agent-draft-banner button:first-of-type { margin-left:0; }
}
.panel, .agent-card, .integration-card, .campaign-card { border:1px solid var(--workspace-line); border-radius:14px; background:#fff; box-shadow:var(--workspace-shadow); }
.account-table-shell, .work-stream-table, .reference-insights-table, .report-table-panel, .campaign-library-page .campaign-library-card { border-color:var(--workspace-line); border-radius:14px; background:#fff; box-shadow:var(--workspace-shadow); }
.account-table-toolbar, .account-table-topbar, .work-stream-table-head { border-color:var(--workspace-line); }
.account-table th, .work-stream-table-head { color:#94a3b8; font:600 10px var(--sans); letter-spacing:.08em; }
.account-table tr, .work-stream-row, .report-row { border-color:#eef2f7; }
.account-table tbody tr:hover, .work-stream-row:hover, .report-row:hover { background:#f8fafc; box-shadow:inset 3px 0 var(--workspace-blue); }
/* Fluff sits at the bottom right in the new look */
@media (max-width:700px) {
  .workspace-shell.sg .workspace-main { padding-bottom:96px !important; }
}
/* ===========================================================================
   Daylight: the squad redesign.
   Apple-calm light theme. The seven agents (in /assets/agents) lead every
   page; GSAP adds their motion in main.js. Loaded last so it wins the cascade.
   =========================================================================== */
@font-face { font-family:'Geist'; font-style:normal; font-weight:100 900; font-display:swap; src:url('/assets/fonts/geist-variable.woff2') format('woff2'); }
body { background:var(--paper); color:var(--ink); font-family:var(--sans); letter-spacing:-.01em; }
.dl-agent { display:block; width:100%; height:auto; aspect-ratio:1 / 1; object-fit:contain; user-select:none; pointer-events:none; }
.dl-agent-tile { display:inline-flex; align-items:flex-end; justify-content:center; overflow:hidden; flex:none; width:56px; height:56px; border-radius:18px; background:var(--agent-tint, #f3e9df); }
.dl-agent-tile .dl-agent { width:92%; }
.dl-agent-tile.is-lg { width:112px; height:112px; border-radius:28px; }
.dl-agent-tile.is-page { width:64px; height:64px; border-radius:20px; }
.dl-mono { font:500 12px/1.2 var(--mono); color:var(--muted); letter-spacing:.02em; }
/* Buttons: Apple-style pills */
.button { border-radius:980px; font-family:var(--sans); }
.button-dark { background:var(--ink); color:#fff; }
.button-acid { background:var(--acid); color:var(--ink); }
.dl-pill { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 20px; border-radius:980px; font:500 15px/1 var(--sans); letter-spacing:-.01em; cursor:pointer; border:0; transition:background-color .15s, transform .12s; }
.dl-pill:active { transform:scale(.97); }
.dl-pill-lg { min-height:52px; padding:0 28px; font-size:17px; }
.dl-pill-dark { background:var(--ink); color:#fff; }
.dl-pill-dark:hover { background:#000; }
.dl-pill-blue { background:var(--dl-blue); color:#fff; }
.dl-pill-blue:hover { background:#0077ed; }
.dl-pill-lime { background:var(--acid); color:var(--ink); font-weight:600; box-shadow:0 10px 30px -12px rgba(110,160,0,.7); }
.dl-pill-lime:hover { background:#bde33c; }
.dl-link { display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 8px; border:0; background:none; color:var(--dl-link); font:400 15px var(--sans); cursor:pointer; }
.dl-link:hover { text-decoration:underline; }
.dl-link-lg { font-size:17px; }
.dl-link.is-light { color:#6cb4ff; padding:0; }
/* --- Website ------------------------------------------------------------- */
.dl-site { background:var(--paper); color:var(--ink); min-height:100vh; overflow-x:clip; }
.dl-wrap { width:min(1120px, calc(100% - 32px)); margin:0 auto; }
.dl-wrap-wide { width:min(1240px, calc(100% - 32px)); margin:0 auto; }
.dl-nav { position:sticky; top:0; z-index:20; background:rgba(245,245,247,.8); backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px); border-bottom:1px solid var(--line); }
.dl-nav-inner { display:flex; align-items:center; gap:24px; min-height:52px; }
.dl-brand { display:inline-flex; align-items:center; gap:8px; min-height:44px; border:0; background:none; color:var(--ink); font:700 17px var(--sans); letter-spacing:-.02em; cursor:pointer; }
.dl-nav-links { flex:1; display:flex; justify-content:center; gap:4px; }
.dl-nav-links button { min-height:44px; padding:0 12px; border:0; background:none; color:var(--ink); font:400 13px var(--sans); cursor:pointer; opacity:.85; }
.dl-nav-links button:hover { opacity:1; }
.dl-nav-cta { display:flex; align-items:center; gap:8px; }
.dl-nav-cta .dl-link { color:var(--ink); font-size:13px; }
.dl-nav-cta .dl-pill { min-height:36px; padding:0 16px; font-size:13px; }
.dl-hero { padding:88px 0 0; text-align:center; }
.dl-eyebrow { margin:0 0 20px; color:var(--deep); font:600 15px var(--sans); }
.dl-eyebrow.is-lime { color:var(--acid); margin:0; }
.dl-headline { display:flex; flex-direction:column; align-items:center; gap:14px; margin:0 auto; max-width:1120px; font-weight:800; letter-spacing:-.045em; }
.dl-headline-main { font-size:clamp(48px, 7.2vw, 104px); line-height:.98; text-wrap:balance; }
.dl-headline-sub { font-size:clamp(26px, 3.4vw, 46px); line-height:1.1; font-weight:600; letter-spacing:-.03em; color:var(--muted); text-wrap:balance; }
.dl-lede { margin:28px auto 0; max-width:720px; font-size:24px; font-weight:500; line-height:1.4; text-wrap:balance; }
.dl-actions { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:32px; }
.dl-stage-wrap { margin-top:56px; }
.dl-stage { background:var(--dl-card); border-radius:40px; padding:48px 32px 0; overflow:hidden; box-shadow:0 1px 0 rgba(0,0,0,.04), 0 30px 80px -40px rgba(0,0,0,.18); }
.dl-stage-row { display:flex; align-items:flex-end; justify-content:center; flex-wrap:nowrap; transform-origin:50% 100%; }
.dl-stage-agent { margin:0; flex:0 1 140px; min-width:0; }
.dl-stage-agent.is-lead { flex:0 1 280px; margin:0 12px; }
.dl-stage-names { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:0 -32px; padding:20px 16px 28px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.dl-stage-names strong { color:var(--ink); font-weight:600; }
.dl-stage-names i { font-style:normal; }
.dl-section { padding-top:120px; }
.dl-h2 { margin:0; max-width:760px; font-size:clamp(36px, 5vw, 56px); line-height:1.05; letter-spacing:-.035em; font-weight:700; }
.dl-h2.is-center, .dl-sub.is-center { margin-left:auto; margin-right:auto; text-align:center; }
.dl-sub { margin:16px 0 0; max-width:620px; color:var(--muted); font-size:19px; line-height:1.5; }
.dl-card { background:var(--dl-card); border-radius:28px; }
.dl-squad-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:20px; margin-top:48px; }
.dl-squad-card { display:flex; align-items:center; gap:20px; padding:28px; }
.dl-squad-card h3 { margin:6px 0 6px; font-size:22px; letter-spacing:-.02em; }
.dl-squad-card p { margin:0; color:#424245; font-size:15px; line-height:1.45; }
.dl-dark { display:flex; flex-wrap:wrap; align-items:center; gap:56px; padding:72px 56px; border-radius:40px; background:var(--ink); color:#f5f5f7; }
.dl-dark-copy { flex:1 1 360px; display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
.dl-dark-copy p { margin:0; color:#a1a1a6; font-size:18px; line-height:1.55; }
.dl-dark .dl-h2 { color:#f5f5f7; }
.dl-mission { flex:1 1 420px; list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px; }
.dl-mission li { display:flex; align-items:center; gap:16px; padding:12px 16px; border-radius:18px; background:rgba(255,255,255,.05); }
.dl-mission .dl-agent { width:44px; flex:none; }
.dl-mission div { flex:1; min-width:0; display:flex; flex-direction:column; }
.dl-mission strong { font-size:15px; font-weight:600; }
.dl-mission small, .dl-mission span { color:#a1a1a6; font-size:13px; }
.dl-mission > li > span { font:500 12px var(--mono); }
.dl-trust-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap:20px; margin-top:48px; }
.dl-trust-card { display:flex; flex-direction:column; gap:12px; padding:36px; border-radius:32px; overflow:hidden; }
.dl-trust-card h3 { margin:0; font-size:26px; letter-spacing:-.02em; }
.dl-trust-card p { margin:0; color:var(--muted); font-size:16px; line-height:1.5; }
.dl-trust-card .dl-agent { width:220px; max-width:80%; align-self:center; margin-top:12px; }
.dl-play-list { display:flex; flex-direction:column; gap:10px; margin-top:40px; }
.dl-play-row { display:flex; align-items:center; gap:18px; width:100%; min-height:72px; padding:16px 22px; border:0; border-radius:22px; background:var(--dl-card); color:var(--ink); text-align:left; font-family:var(--sans); cursor:pointer; transition:transform .15s; }
.dl-play-row:hover { transform:translateY(-2px); }
.dl-play-text { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.dl-play-text strong { font-size:17px; }
.dl-play-text small { color:var(--muted); font-size:14px; }
.dl-chip { padding:6px 12px; border-radius:980px; background:var(--paper); color:#424245; font-size:12px; font-weight:500; white-space:nowrap; }
.dl-cta { display:flex; flex-direction:column; align-items:center; gap:20px; padding:120px 0; text-align:center; }
.dl-cta .dl-agent { width:160px; }
.dl-footer { border-top:1px solid var(--line); }
.dl-footer-inner { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; padding:20px 0; color:var(--muted); font-size:12px; }
.dl-footer-inner > span { flex:1; }
.dl-footer-inner nav { display:flex; gap:20px; }
.dl-footer-inner a, .dl-footer-inner button { border:0; background:none; color:#424245; font:inherit; cursor:pointer; min-height:44px; }
/* --- Sign in --------------------------------------------------------------- */
.dl-auth.auth-shell { background:var(--paper); }
.dl-auth .auth-reference-card { border:0; border-radius:28px; box-shadow:0 30px 80px -44px rgba(0,0,0,.3); }
.dl-auth .auth-reference-card .auth-submit { background:var(--dl-blue); color:#fff; border-radius:14px; }
.dl-auth .auth-reference-card .auth-tabs button.active { border-bottom-color:var(--ink); }
.dl-auth-squad { align-self:stretch; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:48px 32px; border-radius:36px; background:var(--dl-card); text-align:center; }
.dl-auth-fluff { width:min(260px, 60%); }
.dl-auth-squad h2 { margin:0; font-size:30px; letter-spacing:-.03em; }
.dl-auth-squad p { margin:0; max-width:420px; color:var(--muted); font-size:16px; line-height:1.5; }
.dl-auth-row { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.dl-auth.auth-reference-shell { grid-template-columns:minmax(0, 520px) minmax(0, 560px); justify-content:center; align-items:center; gap:clamp(24px, 4vw, 56px); padding:32px 24px; }
.dl-auth.auth-reference-shell .auth-reference-card { width:100%; }
@media (max-width:900px) {
  .dl-auth.auth-reference-shell { grid-template-columns:minmax(0, 520px); }
  .dl-auth-squad { display:none; }
}
/* --- Workspace shell --------------------------------------------------------- */
.workspace-shell.sg { background:var(--paper); }
.sg-topbar { background:rgba(255,255,255,.82); backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px); border-bottom-color:var(--line); }
.workspace-shell.sg .sg-topbar .workspace-nav { background:transparent; gap:4px; padding:0; }
.workspace-shell.sg .sg-topbar .workspace-nav-item { min-height:44px; padding:0 14px 0 6px; border-radius:980px; color:var(--ink); font-size:14px; font-weight:500; }
.workspace-shell.sg .sg-topbar .workspace-nav-item:hover { background:var(--paper-2); }
.workspace-shell.sg .sg-topbar .workspace-nav-item.active { background:var(--ink); color:#fff; box-shadow:none; }
.workspace-shell.sg .sg-topbar .workspace-nav-item .nav-badge { background:var(--acid); color:var(--ink); }
.dl-nav-agent { display:inline-flex; align-items:flex-end; justify-content:center; flex:none; width:32px; height:32px; overflow:hidden; border-radius:50%; background:var(--agent-tint, #f3e9df); }
.dl-nav-agent .dl-agent { width:94%; }
.workspace-nav-item.active .dl-nav-agent { box-shadow:0 0 0 2px #fff; }
@media (max-width:700px) {
  .workspace-shell.sg .sg-topbar .workspace-nav-item { padding:0 12px 0 4px; }
  .dl-nav-agent { width:28px; height:28px; }
}
.workspace-shell.sg .workspace-header { display:flex; align-items:center; gap:18px; }
.dl-page-agent { flex:none; }
.workspace-shell.sg .reference-page-intro { display:flex; align-items:center; gap:20px; }
.workspace-shell.sg .reference-page-intro .dl-intro-copy { flex:1; min-width:0; }
@media (max-width:700px) {
  .workspace-shell.sg .reference-page-intro .dl-agent-tile.is-page { width:64px; height:64px; border-radius:20px; }
}
/* Today: Fluff leads the mission (matches the Daylight design) */
.td-page-head.dl-hero-card { display:block; padding:32px 36px 28px; border-radius:36px; background:var(--dl-card); text-align:left; }
.dl-mission-top { display:flex; flex-wrap:wrap; align-items:center; gap:20px 28px; }
.dl-mission-fluff { flex:none; width:clamp(120px, 15vw, 200px) !important; max-width:none; height:auto; }
.td-page-head.dl-hero-card .td-intro { flex:1 1 380px; min-width:0; text-align:left; }
.td-page-head.dl-hero-card .td-intro h1 { font-size:clamp(36px, 4.6vw, 60px); letter-spacing:-.045em; line-height:1.02; }
.td-page-head.dl-hero-card .td-intro p { color:var(--muted); font-size:18px; }
.dl-run { flex:none; }
.td-page-head.dl-hero-card .dl-squad-strip { margin:24px 0 0; }
.dl-squad-strip { list-style:none; margin:16px 0 20px; padding:0; display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap:12px; }
.dl-squad-strip li { position:relative; display:flex; flex-direction:column; gap:3px; padding:14px 16px 16px; border-radius:24px; background:var(--agent-tint, #fff); }
.dl-squad-strip li .dl-agent { width:84px; align-self:center; margin-bottom:4px; }
.dl-squad-strip li strong { font-size:15px; }
.dl-squad-strip li small { color:#424245; font-size:13px; }
.dl-squad-strip li.is-waiting { box-shadow:0 0 0 2px var(--dl-blue); }
.dl-squad-strip li.is-waiting::after { content:''; position:absolute; top:14px; right:14px; width:9px; height:9px; border-radius:50%; background:var(--dl-blue); }
.dl-daybar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:16px 0 20px; }
.dl-daybar .td-daybar { margin:0; flex-direction:row; flex-wrap:wrap; }
.dl-today-grid { display:flex; flex-wrap:wrap; align-items:flex-start; gap:20px; }
.dl-today-main { flex:999 1 600px; min-width:0; display:flex; flex-direction:column; gap:14px; }
.dl-today-side { flex:1 1 340px; min-width:0; display:flex; flex-direction:column; gap:16px; }
.dl-today .td-next { margin:0; }
.dl-today .td-focus { display:flex; flex-direction:column; gap:16px; }
.dl-today .td-card { padding:28px; border:0; border-radius:28px; background:var(--dl-card); box-shadow:none; }
.dl-today .td-reason { font-size:clamp(22px, 2.4vw, 28px); letter-spacing:-.025em; line-height:1.2; }
.dl-signal { display:flex; gap:16px; align-items:flex-start; margin:16px 0; padding:18px 20px; border:1px solid var(--line); border-radius:20px; }
.dl-signal-icon { flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:14px; background:#fff1ec; color:#d9480f; }
.dl-signal p { margin:0; font-size:17px; line-height:1.45; }
.dl-signal b { color:#d9480f; font-weight:600; }
.dl-signal small { display:block; margin-top:4px; color:var(--muted); font-size:14px; }
.dl-today .sg-say.dl-recommend { display:flex; margin-top:16px; border:0; box-shadow:none; gap:16px; align-items:flex-start; padding:20px; border:0; border-radius:22px; background:color-mix(in srgb, var(--agent-tint) 70%, #fff); }
.dl-recommend .dl-agent-tile.dl-recommend-agent { width:72px; height:72px; border-radius:20px; background:#fff; }
.dl-today .dl-recommend .td-actions, .dl-today .dl-recommend .td-outcomes, .dl-today .dl-recommend .td-body { margin-left:0; }
.dl-recommend-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; }
.dl-recommend-label { color:var(--agent-ink, #7b2cbf); font-size:13px; font-weight:600; }
.dl-recommend .td-body { background:#fff; border-radius:16px; padding:14px 16px; }
@media (max-width:700px) {
  .dl-recommend { flex-direction:column; }
}
.dl-progress { padding:22px 22px 14px; border-radius:28px; background:var(--dl-card); }
.dl-progress-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.dl-progress-head h2 { margin:0; white-space:nowrap; font-size:19px; letter-spacing:-.02em; }
.dl-evidence { display:inline-flex; align-items:center; gap:5px; padding:5px 10px; border-radius:980px; background:#e8f5e0; color:#1b5e20; font-size:12px; font-weight:500; white-space:nowrap; }
.dl-progress ol { list-style:none; margin:0; padding:0; }
.dl-progress li { position:relative; display:flex; align-items:center; gap:12px; padding:9px 0 9px 18px; }
.dl-progress li::before { content:''; position:absolute; left:4px; top:0; bottom:0; width:2px; background:var(--line); }
.dl-progress li:first-child::before { top:50%; }
.dl-progress li:last-child::before { bottom:50%; }
.dl-progress-dot { position:absolute; left:0; top:50%; width:10px; height:10px; margin-top:-5px; border-radius:50%; background:#34a853; box-shadow:0 0 0 3px #fff; }
.dl-progress li.is-now .dl-progress-dot { background:var(--dl-blue); }
.dl-progress li.is-blocked .dl-progress-dot { background:#d9480f; }
.dl-progress li.is-next .dl-progress-dot { background:#c7c7cc; }
.dl-progress li .dl-agent { flex:none; width:40px; border-radius:50%; background:var(--agent-tint); }
.dl-progress li div { flex:1; min-width:0; display:flex; flex-direction:column; }
.dl-progress li strong { font-size:14px; font-weight:600; }
.dl-progress li small { color:var(--muted); font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dl-progress li.is-next strong, .dl-progress li.is-next small { color:#86868b; }
.dl-progress-when { flex:none; color:var(--muted); font-size:12px; }
.dl-today-side .td-launch, .dl-today-side .lw-weekly, .dl-today-side .td-needs { margin:0; border:0; border-radius:24px; background:var(--dl-card); }
.td-card, .td-launch { border-radius:28px; }
@media (max-width:700px) {
  .td-page-head.dl-hero-card { padding:22px; }
  .dl-mission-fluff { width:110px !important; }
  .dl-run { width:100%; }
  .dl-today .td-card { padding:20px; }
}
/* Page heroes: each page opens on a white card led by its agent */
.workspace-shell.sg .reference-page-intro { padding:24px 28px; border-radius:32px; background:var(--dl-card); margin-bottom:24px; }
.workspace-shell.sg .reference-page-intro h1 { font-size:clamp(32px, 4vw, 44px); letter-spacing:-.04em; }
.workspace-shell.sg .reference-page-intro .dl-agent-tile.is-page { width:104px; height:104px; border-radius:28px; }
@media (max-width:700px) {
  .workspace-shell.sg .reference-page-intro { padding:18px; border-radius:24px; }
  .workspace-shell.sg .reference-page-intro .dl-agent-tile.is-page { width:72px; height:72px; border-radius:20px; }
}
/* Work */
.work-row-mark.dl-row-agent { width:auto; height:auto; padding:0; border:0; background:none; }
.work-row-mark.dl-row-agent .dl-agent-tile { width:48px; height:48px; border-radius:16px; }
.dl-holder { display:flex; align-items:center; gap:12px; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid var(--line); color:var(--muted); font-size:14px; font-weight:500; }
.dl-holder .dl-agent-tile.is-holder { width:64px; height:64px; border-radius:20px; }
.dl-agent-tile.is-section, .dl-agent-tile.is-lead { width:64px; height:64px; border-radius:20px; }
.opportunity-radar-head, .dl-lead-head { display:flex; align-items:center; gap:16px; }
.opportunity-radar-head > div:not(.dl-agent-tile), .dl-lead-head > div { flex:1; min-width:0; }
/* Review: how the squad got here */
.review-people.dl-story { display:flex; flex-direction:column; gap:12px; padding:0; border:0; background:none; box-shadow:none; }
.dl-story-title { margin:0 0 4px; font-size:22px; letter-spacing:-.025em; }
.dl-story-stack { display:flex; flex-direction:column; gap:10px; margin:0; padding:0; border:0; background:none; }
.dl-story-card { display:flex; gap:12px; align-items:flex-start; padding:14px; border-radius:22px; background:var(--dl-card); }
.dl-story-card .dl-agent-tile { width:52px; height:52px; border-radius:16px; }
.dl-story-card > div { min-width:0; display:flex; flex-direction:column; gap:3px; }
.dl-story-k { color:var(--agent-ink, var(--muted)); font:600 11px var(--mono); letter-spacing:.04em; text-transform:uppercase; }
.dl-story-card strong { font-size:15px; line-height:1.35; }
.dl-story-card small { color:var(--muted); font-size:13px; line-height:1.4; }
.dl-story-card.is-ready strong { color:var(--deep); }
.dl-story-card.is-blocked strong { color:#b42318; }
.dl-story-group { display:flex; flex-direction:column; gap:8px; padding:14px; border-radius:22px; background:var(--dl-card); }
.dl-story-group-head { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:13px; font-weight:600; }
.dl-story-group-head .dl-agent-tile { width:40px; height:40px; border-radius:13px; }
.dl-story-group ol { margin:0; padding-left:20px; }
.dl-drafted { display:flex; align-items:center; gap:12px; margin-bottom:12px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.dl-drafted .dl-agent-tile { width:52px; height:52px; border-radius:16px; }
.dl-drafted div { display:flex; flex-direction:column; }
.dl-drafted strong { font-size:15px; }
.dl-drafted small { color:var(--muted); font-size:13px; }
.dl-approval-bar { display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; margin-top:16px; padding:14px 16px; border-radius:22px; background:#eaf5f3; }
.dl-approval-bar .dl-agent-tile { width:56px; height:56px; border-radius:18px; background:#fff; }
.dl-approval-bar > p { flex:1 1 200px; margin:0; color:#1d4d45; font-size:15px; }
.dl-approval-bar .review-actions, .dl-approval-bar .review-sent { margin:0; }
/* Plays: the squad roster and play crews */
.campaign-review-channel.dl-step-agent, .campaign-type-icon.dl-step-agent { width:auto; height:auto; padding:0; border:0; background:none; }
.campaign-review-channel.dl-step-agent .dl-agent-tile, .campaign-type-icon.dl-step-agent .dl-agent-tile { width:44px; height:44px; border-radius:14px; }
/* Insights */
.lw-head.dl-lead-head { align-items:flex-start; }
.reference-insights-funnel-row { grid-template-columns:36px minmax(140px, 1fr) minmax(100px, 1.15fr) 42px; align-items:center; padding:4px 0; }
.reference-insights-funnel-row > div:nth-child(2) { display:grid; gap:3px; }
.reference-insights-funnel-row strong { color:var(--ink); font-size:13px; }
.reference-insights-funnel-arrow { left:16px; }
@media (max-width:700px) {
  .reference-insights-funnel-row { grid-template-columns:28px minmax(0, 1fr) minmax(60px, 1fr) 28px; gap:8px; }
  .dl-agent-tile.is-funnel { width:28px; height:28px; border-radius:9px; }
}
.dl-agent-tile.is-funnel { width:36px; height:36px; border-radius:12px; }
.reference-insights-bar i { background:var(--dl-blue) !important; }
/* Settings */
@media (max-width:700px) {
  .dl-nav-links { display:none; }
  .dl-nav-inner { justify-content:space-between; }
  .dl-hero { padding-top:56px; }
  .dl-lede { font-size:20px; }
  .dl-stage { padding:28px 12px 0; border-radius:28px; }
  .dl-stage-agent.is-lead { margin:0 4px; }
  .dl-stage-names { margin:0 -12px; }
  .dl-section { padding-top:80px; }
  .dl-dark { padding:40px 22px; gap:32px; border-radius:28px; }
  .dl-squad-card { padding:20px; }
  .dl-agent-tile.is-lg { width:84px; height:84px; border-radius:22px; }
}
@media (prefers-reduced-motion: reduce) {
  .dl-play-row:hover { transform:none; }
}
/* ===========================================================================
   Daylight sweep: bring every remaining legacy component onto the new system.
   One place, loaded last. Legacy DM Mono labels become Geist, beige
   segmented tabs become Apple-style controls, tinted panels become white
   cards, and empty states are led by an agent.
   =========================================================================== */
body { font-variant-numeric:tabular-nums; }
/* Labels: one quiet eyebrow style everywhere */
.panel-kicker, .breadcrumb { color:var(--muted) !important; font:600 12px/1.3 var(--sans) !important; letter-spacing:.06em !important; }
.dl-story-k { letter-spacing:.04em; }
/* Segmented controls (Work filters, Accounts, Plays, Insights, Settings tabs) */
.reference-work-tabs, .reference-account-tabs, .reference-play-tabs, .reference-insights-tabs, .reference-settings-tabs { display:inline-flex !important; flex-wrap:nowrap; gap:2px !important; width:auto; max-width:100%; padding:4px !important; border:0 !important; border-radius:14px !important; background:#e8e8ed !important; overflow-x:auto; scrollbar-width:none; }
.reference-work-tabs button, .reference-account-tabs button, .reference-play-tabs button, .reference-insights-tabs button, .reference-settings-tabs button { display:inline-flex; align-items:center; gap:6px; min-height:36px !important; padding:0 14px !important; border:0 !important; border-radius:10px !important; background:transparent !important; color:#424245 !important; font:500 14px var(--sans) !important; letter-spacing:-.01em; white-space:nowrap; box-shadow:none !important; cursor:pointer; }
.reference-work-tabs button:hover, .reference-account-tabs button:hover, .reference-play-tabs button:hover, .reference-insights-tabs button:hover, .reference-settings-tabs button:hover { color:var(--ink) !important; }
.reference-work-tabs button.is-active, .reference-account-tabs button.is-active, .reference-play-tabs button.is-active, .reference-insights-tabs button.is-active, .reference-settings-tabs button.is-active { background:#fff !important; color:var(--ink) !important; font-weight:600 !important; box-shadow:0 1px 3px rgba(0,0,0,.12) !important; }
.reference-work-tabs b, .reference-work-tabs span, .reference-account-tabs b, .reference-account-tabs span, .reference-insights-tabs b, .reference-insights-tabs span, .reference-play-tabs b { min-width:20px; padding:1px 7px; border-radius:980px; background:rgba(0,0,0,.07) !important; color:#424245 !important; font:600 12px/1.5 var(--sans) !important; text-align:center; opacity:1 !important; }
.reference-work-tabs .is-active b, .reference-account-tabs .is-active b, .reference-account-tabs .is-active span, .reference-insights-tabs .is-active b, .reference-insights-tabs .is-active span { background:var(--ink) !important; color:#fff !important; }
/* Stat tiles: borderless white cards, big number, sentence-case label */
.reference-account-summary, .reference-insights-metrics, .reference-insights-activity-stats, .reference-team-ops-summary, .website-collector-metrics, .lw-kpis, .reference-detail-metrics, .opportunity-insights-stats, .signal-loop-metric-grid, .review-funnel-metrics { gap:12px !important; border:0 !important; background:transparent !important; overflow:visible !important; }
.reference-account-summary > div, .reference-insights-metrics > *, .reference-insights-activity-stats > div, .reference-team-ops-summary > div, .website-collector-metrics > div, .lw-kpis > div, .opportunity-insights-stats > *, .signal-loop-metric-grid > *, .review-funnel-metrics > * { padding:18px 20px !important; border:0 !important; border-radius:22px !important; background:var(--dl-card) !important; box-shadow:none !important; }
.reference-account-summary strong, .reference-insights-metrics strong, .reference-insights-activity-stats strong, .reference-team-ops-summary strong, .website-collector-metrics strong, .lw-kpis b, .opportunity-insights-stats strong, .signal-loop-metric-grid strong { color:var(--ink) !important; font:700 32px/1.05 var(--sans) !important; letter-spacing:-.035em !important; }
.reference-account-summary span, .reference-insights-metrics span, .reference-insights-metrics small, .reference-insights-activity-stats span, .reference-team-ops-summary span, .website-collector-metrics span, .lw-kpis span, .opportunity-insights-stats span, .signal-loop-metric-grid span { color:var(--muted) !important; font:500 13px/1.35 var(--sans) !important; letter-spacing:0 !important; text-transform:none !important; }
.reference-account-summary span::first-letter, .reference-insights-metrics span::first-letter, .reference-insights-metrics small::first-letter, .reference-team-ops-summary span::first-letter, .website-collector-metrics span::first-letter, .opportunity-insights-stats span::first-letter { text-transform:uppercase; }
/* Cards: borderless, softly rounded, on the paper ground */
.reference-setting-card, .reference-insights-card, .reference-account-list, .reference-account-detail, .work-list, .work-detail, .client-play-card, .opportunity-radar, .lw-panel, .reference-team-ops, .reference-team-handoffs, .integrations-hero, .reference-insights-activity-summary, .dt-card, .integration-card, .signal-connector-callout, .crm-records-panel, .website-collector-panel, .reference-observed-scorecard, .review-funnel-stage, .cp-hero { border:0 !important; border-radius:28px !important; background:var(--dl-card) !important; box-shadow:none !important; }
.reference-setting-card { padding:20px 24px !important; }
.reference-setting-icon.dl-setting-agent { width:auto !important; height:auto !important; padding:0 !important; border:0 !important; background:none !important; }
.reference-setting-icon.dl-setting-agent .dl-agent-tile { width:56px; height:56px; border-radius:18px; }
.reference-setting-danger .dl-agent-tile { background:#fde8e6; }
/* Selected rows: quiet blue highlight instead of lime */
.work-row.is-selected, .reference-account-row.is-selected { background:#f2f7ff !important; box-shadow:inset 3px 0 0 var(--dl-blue) !important; border-color:transparent !important; }
.work-row-rank { color:#86868b !important; font:500 13px var(--sans) !important; }
/* Pills and chips */
.pill, .pill-lime, .reference-readiness-pill, .integration-state, .connected-label, .stack-complete, .agent-status-pill, .dt-status, .filter, .is-missing { border:0 !important; border-radius:980px !important; font:600 12px/1.6 var(--sans) !important; letter-spacing:0 !important; }
.pill, .reference-readiness-pill, .dt-status { padding:3px 10px !important; background:#f0f0f3 !important; color:#424245 !important; }
.pill-lime, .stack-complete { background:#e8f5e0 !important; color:#1b5e20 !important; }
.is-missing { background:#fff4e5 !important; color:#8a4b00 !important; }
.filter { background:#f0f0f3 !important; color:#424245 !important; }
.filter.is-active, .filter.active { background:var(--ink) !important; color:#fff !important; }
/* Inputs */
input, select, textarea { font-family:var(--sans); }
.workspace-shell.sg input:not([type=checkbox]):not([type=radio]), .workspace-shell.sg select, .workspace-shell.sg textarea { border-color:#d2d2d7; border-radius:12px; }
/* Empty states: led by an agent */
.work-empty { display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:280px; padding:36px 24px !important; text-align:center; border:0 !important; border-radius:28px; background:var(--dl-card) !important; }
.work-empty .dl-agent-tile.dl-empty-agent { width:96px; height:96px; border-radius:28px; }
.work-empty strong { font-size:19px; letter-spacing:-.02em; }
.work-empty p { max-width:420px; margin:0; color:var(--muted); font-size:15px; line-height:1.5; }
.dl-empty-side { display:flex !important; flex-direction:column; align-items:flex-start; gap:8px; padding:28px !important; }
.dl-empty-side .dl-agent { width:120px; margin-bottom:6px; border-radius:28px; background:#eaf5f3; }
.reference-detail-empty.dl-empty-side .dl-agent { background:#fff1ec; }
.dl-empty-side h2 { margin:0; font-size:24px !important; line-height:1.15 !important; letter-spacing:-.025em; }
.dl-empty-side p { margin:0; color:var(--muted); font-size:15px !important; line-height:1.5; }
.reference-empty, .empty-state, .compact-empty { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:140px; width:auto !important; max-width:none !important; padding:24px 20px !important; border:0 !important; border-radius:20px; background:#f5f5f7 !important; color:var(--muted) !important; font:500 14px/1.5 var(--sans) !important; text-align:center; white-space:normal !important; word-break:normal !important; writing-mode:horizontal-tb; }
.reference-empty::before, .empty-state::before { content:''; display:block; width:56px; height:56px; border-radius:18px; background:#f3e9df url('/assets/agents/fluff.webp') center bottom / 92% auto no-repeat; }
.reference-insights-health-list, .reference-insights-health-list > *, .agent-telemetry-panel .empty-state, .activity-workspace .empty-state { min-width:0; width:100%; }
/* Setup screens: Fluff hosts onboarding */
.cp-hero { position:relative; padding:32px 36px 32px 200px !important; min-height:150px; }
.cp-hero::before { content:''; position:absolute; left:28px; top:50%; width:150px; height:150px; transform:translateY(-50%); background:url('/assets/agents/fluff.webp') center / contain no-repeat; }
@media (max-width:700px) {
  .cp-hero { padding:150px 22px 24px !important; }
  .cp-hero::before { left:22px; top:20px; width:110px; height:110px; transform:none; }
}
/* Tinted legacy panels become neutral */
.reference-team-ops, .reference-team-handoffs, .integrations-hero, .signal-connector-callout, .reference-observed-scorecard, .review-funnel-stage, .crm-readiness-panel, .ask-readiness-panel { background:var(--dl-card) !important; background-image:none !important; }
.context-grid, .website-collector-rules { gap:1px; background:var(--line) !important; border-radius:16px; overflow:hidden; }
.context-grid > *, .website-collector-rules > * { background:#fff !important; }
.integration-empty { border:0 !important; border-radius:20px !important; background:#f5f5f7 !important; }
.website-collector-snippet textarea, .website-collector-snippet code, .website-collector-snippet pre { border:0 !important; border-radius:14px !important; background:#f5f5f7 !important; color:#1d1d1f !important; font:12px/1.5 ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace !important; }
.signal-contract-validator { background-image:none !important; background-color:#f5f5f7 !important; border:0 !important; border-radius:20px !important; }
.crm-readiness-panel, .crm-readiness-panel.is-blocked { border:0 !important; background:#fff !important; background-image:none !important; box-shadow:none !important; }
.integration-logo { border:0 !important; background:#1d1d1f !important; color:#fff !important; font:600 12px var(--sans) !important; border-radius:12px !important; }
.reference-empty, .empty-state, .compact-empty { display:flex !important; flex-direction:column !important; align-items:center !important; width:100% !important; box-sizing:border-box; grid-column:1 / -1; }
.reference-empty > *, .empty-state > * { max-width:520px; }
/* Campaign builder: segmented tabs like the rest of the app */
.campaign-workspace-tabs { display:inline-flex !important; gap:2px !important; min-height:0 !important; margin:12px 0 0 !important; padding:4px !important; border:0 !important; border-radius:14px !important; background:#e8e8ed !important; max-width:100%; overflow-x:auto; scrollbar-width:none; }
.campaign-workspace-tabs button { min-height:36px !important; padding:0 14px !important; border:0 !important; border-radius:10px !important; background:transparent !important; color:#424245 !important; font:500 14px var(--sans) !important; white-space:nowrap; }
.campaign-workspace-tabs button.active { background:#fff !important; color:var(--ink) !important; font-weight:600 !important; box-shadow:0 1px 3px rgba(0,0,0,.12) !important; }
.campaign-review-step-number, .campaign-review-trigger-mark, .campaign-review-step-status { background:#f5f5f7 !important; color:#424245 !important; }
.campaign-review-step.is-selected, .campaign-step-card.selected { border-color:var(--dl-blue) !important; background:#f2f7ff !important; }
.tuning-preview .campaign-ai-guardrail strong { color:var(--acid); }
/* Empty states pick the agent who owns that page or panel */
.reference-accounts .reference-empty::before, .reference-accounts .empty-state::before { background-image:url('/assets/agents/scout.webp'); background-color:#fff1ec; }
.reference-people-layout .reference-empty::before, .reference-people-layout .empty-state::before, .campaign-people-dashboard .empty-state::before, .people-search-results .reference-empty::before { background-image:url('/assets/agents/scientist.webp'); background-color:#edf2ff; }
.campaign-tab-panel .empty-state::before, .campaign-tab-panel .reference-empty::before, .campaign-library-empty::before { background-image:url('/assets/agents/wordsmith.webp'); background-color:#f7eefa; }
.reference-insights .reference-empty::before, .reference-insights .empty-state::before, .activity-workspace .empty-state::before, .agent-telemetry-panel .empty-state::before, .reference-insights-card .reference-empty::before { background-image:url('/assets/agents/memory.webp'); background-color:#fcf4e3; }
.reference-settings .reference-empty::before, .integrations-v2 .empty-state::before, .integrations-v2 .reference-empty::before { background-image:url('/assets/agents/sentry.webp'); background-color:#edf5ee; }
.unified-workspace .reference-empty::before, .unified-workspace .empty-state::before, .review-screen .empty-state::before { background-image:url('/assets/agents/approval.webp'); background-color:#eaf5f3; }
.dl-empty-side.is-scientist .dl-agent { background:#edf2ff; }
/* An empty box nested in a white card reads as one surface, not two */
.reference-account-list .reference-empty { background:transparent !important; min-height:200px; }
/* Field labels: sentence case, Geist */
.workspace-shell.sg label { text-transform:none !important; letter-spacing:0 !important; font-family:var(--sans) !important; font-size:13px !important; font-weight:500 !important; color:#424245 !important; }
/* People search card */
/* Daylight: new-campaign wizard, led by the agent who owns each question. */
.campaign-wizard-backdrop { background:rgba(29,29,31,.32); backdrop-filter:saturate(180%) blur(18px); -webkit-backdrop-filter:saturate(180%) blur(18px); }
.campaign-wizard-modal { border:0; border-radius:32px; color:var(--ink); background:#fff; box-shadow:0 40px 120px -30px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.04); grid-template-columns:minmax(260px,.8fr) minmax(460px,1.2fr); width:min(980px,100%); }
.campaign-wizard-rail { position:relative; padding:32px 28px 24px; background:var(--agent-tint, #f3e9df); border-right:0; overflow:hidden; transition:background-color .35s; }
.campaign-wizard-rail .eyebrow { color:var(--muted); font:600 13px var(--sans); letter-spacing:0; text-transform:none; }
.campaign-wizard-rail h2 { margin:10px 0 10px; color:var(--ink); font:800 40px/1 var(--sans); letter-spacing:-.045em; }
.campaign-wizard-rail > p { max-width:none; color:#424245; font-size:14px; line-height:1.45; }
.campaign-wizard-hero { width:180px; margin:12px auto 0; }
.campaign-wizard-context { align-self:flex-start; margin-top:14px; padding:6px 12px; border:0; border-radius:999px; background:rgba(255,255,255,.7); color:var(--ink); font:500 12px var(--sans); letter-spacing:0; }
.campaign-wizard-progress { gap:8px; margin-top:18px; }
.campaign-wizard-progress-step { grid-template-columns:40px 1fr; gap:10px; color:var(--muted); font:500 13px var(--sans); }
.campaign-wizard-progress-step b { position:relative; width:40px; height:40px; border:0; border-radius:14px; background:none; opacity:.5; }
.campaign-wizard-progress-step b .dl-agent-tile { width:40px; height:40px; border-radius:14px; background:#fff; }
.campaign-wizard-progress-step b i { position:absolute; right:-4px; bottom:-4px; width:18px; height:18px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:#fff; font:700 10px var(--sans); font-style:normal; }
.campaign-wizard-progress-step.current, .campaign-wizard-progress-step.done { color:var(--ink); }
.campaign-wizard-progress-step.current b, .campaign-wizard-progress-step.done b { border:0; background:none; opacity:1; }
.campaign-wizard-progress-step.current b .dl-agent-tile { box-shadow:0 0 0 2px var(--ink); }
.campaign-wizard-progress-step.current small { font-weight:600; }
.campaign-wizard-guardrail { flex-direction:row; align-items:center; gap:12px; margin-top:20px; padding:12px; border:0; border-radius:20px; background:rgba(255,255,255,.75); }
.campaign-wizard-guardrail .dl-agent-tile { width:44px; height:44px; border-radius:14px; }
.campaign-wizard-guardrail span { display:flex; flex-direction:column; gap:2px; }
.campaign-wizard-guardrail strong { color:var(--ink); font-size:14px; }
.campaign-wizard-guardrail small { color:var(--muted); font-size:12px; }
.campaign-wizard-main { padding:32px 36px 28px; background:#fff; }
.campaign-wizard-main-head .panel-kicker { display:inline-flex; align-items:center; gap:8px; color:var(--ink); font:600 14px var(--sans); letter-spacing:0; text-transform:none; }
.campaign-wizard-main-head .panel-kicker .dl-agent-tile { width:32px; height:32px; border-radius:10px; }
.campaign-wizard-count { color:var(--muted); font:500 13px var(--sans); }
.campaign-wizard-main h3 { margin:22px 0 8px; color:var(--ink); font:700 30px/1.08 var(--sans); letter-spacing:-.035em; }
.campaign-wizard-detail { color:var(--muted); font-size:15px; }
.campaign-wizard-option { padding:14px 16px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.campaign-wizard-option:hover { border-color:#c7c7cc; }
.campaign-wizard-option.selected { border-color:var(--ink); background:#fff; box-shadow:0 0 0 1px var(--ink); }
.campaign-wizard-option-mark { border-color:#d2d2d7; color:#fff; }
.campaign-wizard-option.selected .campaign-wizard-option-mark { border-color:var(--ink); background:var(--ink); }
.campaign-wizard-option strong { color:var(--ink); font-size:15px; }
.campaign-wizard-option strong em { margin-left:6px; padding:2px 8px; border-radius:999px; background:#f5f5f7; color:var(--muted); font:500 11px var(--sans); }
.campaign-wizard-option small { color:var(--muted); font-size:13px; }
.campaign-wizard-summary { border:0; border-radius:18px; background:#f5f5f7; padding:14px 16px; }
.campaign-wizard-summary .panel-kicker { color:var(--muted); font:600 12px var(--sans); letter-spacing:0; text-transform:none; }
.campaign-wizard-summary strong { font-size:14px; }
.campaign-wizard-summary small { color:var(--muted); font-size:12px; }
.campaign-wizard-actions { border-top:1px solid var(--line); }
.campaign-wizard-actions .button { min-height:44px; padding:0 22px; border-radius:980px; font:600 15px var(--sans); }
@media (max-width:720px) {
  .campaign-wizard-modal { grid-template-columns:1fr; }
  .campaign-wizard-rail { padding:24px 20px 18px; }
  .campaign-wizard-rail h2 { font-size:30px; }
  .campaign-wizard-hero { display:none; }
  .campaign-wizard-progress { flex-direction:row; }
  .campaign-wizard-progress-step { grid-template-columns:40px; }
}
.person-contact-resolution { border:0; border-radius:20px; background:var(--dl-card); box-shadow:0 0 0 1px var(--line); padding:16px; }
.person-contact-resolution strong { color:var(--ink); font-size:14px; }
.person-contact-resolution p { color:var(--muted); font-size:12px; }
/* Daylight: onboarding "Review what we found", signal first.
   One list of signals with the products each covers; the product cards sit
   behind "By product" and remain the source of truth for saving. */
.cp-review { max-width:1200px; display:flex; flex-direction:column; gap:20px; }
.cp-stepper { display:flex; flex-wrap:wrap; gap:8px; margin:4px 0 0; padding:0; list-style:none; }
.cp-step { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 14px; border-radius:980px; background:var(--paper-2); color:#424245; font:500 13px var(--sans); }
.cp-step.is-current { background:var(--ink); color:#fff; }
.cp-step svg { width:14px; height:14px; }
.cp-hero.cp-hero-grid { display:grid; grid-template-columns:minmax(0,1.5fr) repeat(3, minmax(0,1fr)); gap:14px; padding:0 !important; min-height:0; background:none; box-shadow:none; border:0; }
.cp-hero.cp-hero-grid::before { display:none; }
.cp-board [hidden] { display:none !important; }
.cp-hero-intro { display:flex; flex-direction:column; justify-content:flex-end; gap:10px; padding:28px; border-radius:28px; background:var(--dl-card); }
.cp-hero-intro .panel-kicker { color:var(--muted); font:500 14px var(--sans); letter-spacing:0; text-transform:none; }
.cp-hero-intro h1 { margin:0; font:800 clamp(28px, 3.2vw, 40px)/1.04 var(--sans); letter-spacing:-.04em; text-wrap:balance; }
.cp-hero-intro p { margin:0; color:var(--muted); font-size:15px; line-height:1.5; }
.cp-hero-intro .cp-research { display:flex; flex-direction:column; align-items:stretch; gap:8px; color:var(--muted); font-size:13px; }
.cp-hero-intro .cp-research .cp-progress { width:100%; height:6px; border-radius:3px; background:var(--paper-2); }
.cp-hero-intro .cp-research .cp-progress span { background:var(--ink); border-radius:3px; }
.cp-stat { position:relative; display:flex; flex-direction:column; min-height:210px; padding:22px 22px 0; overflow:hidden; border-radius:28px; background:var(--agent-tint); }
.cp-stat span { font:600 14px var(--sans); }
.cp-stat strong, .cp-stat strong b { font:800 56px/1 var(--sans); letter-spacing:-.05em; }
.cp-stat small { max-width:130px; color:#424245; font-size:14px; }
.cp-stat .dl-agent { position:absolute; right:-6px; bottom:-10px; width:110px; }
.cp-board { display:flex; flex-direction:column; padding:6px 28px 20px; border-radius:28px; background:var(--dl-card); }
.cp-board-head { display:flex; align-items:center; gap:12px; min-height:64px; border-bottom:1px solid var(--line); }
.cp-board-head h2 { flex:1; margin:0; font:700 22px var(--sans); letter-spacing:-.02em; }
.cp-view-tabs { display:flex; gap:2px; padding:3px; border-radius:980px; background:var(--paper); }
.cp-view-tabs button { min-height:32px; padding:0 14px; border:0; border-radius:980px; background:none; color:var(--muted); font:500 13px var(--sans); cursor:pointer; }
.cp-view-tabs button[aria-selected="true"] { background:#fff; color:var(--ink); box-shadow:0 1px 3px rgba(0,0,0,.1); }
.cp-sig { display:grid; grid-template-columns:44px minmax(0,1.3fr) minmax(0,1fr) 150px 52px; gap:16px; align-items:center; min-height:80px; padding:8px 0; border-bottom:1px solid #f0f0f3; transition:opacity .2s; }
.cp-sig .dl-agent-tile { width:44px; height:44px; border-radius:14px; }
.cp-sig.is-off { opacity:.5; }
.cp-sig-main strong { display:block; font:600 16px var(--sans); }
.cp-sig-main small { display:block; margin-top:2px; color:var(--muted); font-size:13px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cp-sig-products { display:flex; flex-wrap:wrap; gap:4px; }
.cp-product-tag { padding:4px 10px; border:0; border-radius:980px; background:var(--paper); color:#424245; font:500 12px var(--sans); }
button.cp-product-tag { cursor:pointer; }
button.cp-product-tag:hover { background:var(--paper-2); }
.cp-product-tag.is-all { background:#edf5ee; color:#1b5e20; }
.cp-sig-source { display:flex; flex-direction:column; gap:6px; }
.cp-sig-source small { color:var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cp-sig.is-setup .cp-sig-source small { color:#8a5a00; }
.cp-bars { display:flex; gap:3px; }
.cp-bars i { width:22px; height:5px; border-radius:3px; background:var(--paper-2); }
.cp-bars i.on { background:var(--ink); }
.cp-sig-switch, .cp-row-switch { position:relative; width:44px; height:26px; flex:none; border:0; border-radius:13px; background:#e3e3e8; cursor:pointer; transition:background-color .2s; }
.cp-sig-switch::after, .cp-row-switch::after { content:''; position:absolute; top:2px; left:2px; width:22px; height:22px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.2); transition:transform .2s; }
.cp-sig-switch[aria-pressed="true"], .cp-signal-toggle[aria-pressed="true"] .cp-row-switch { background:#34c759; }
.cp-sig-switch[aria-pressed="true"]::after, .cp-signal-toggle[aria-pressed="true"] .cp-row-switch::after { transform:translateX(18px); }
.cp-board .cp-solutions { margin-top:16px; grid-template-columns:repeat(auto-fill, minmax(440px, 1fr)); }
.cp-board .cp-solution { border:0; border-radius:24px; background:var(--paper); padding:22px; }
.cp-solution .cp-name { font:700 22px var(--sans); letter-spacing:-.02em; border-color:transparent; background:transparent; }
.cp-solution .cp-name:hover, .cp-solution .cp-name:focus { background:#fff; }
.cp-category { color:var(--muted); font:500 13px var(--sans); letter-spacing:0; text-transform:none; }
.cp-summary { color:#424245; font-size:14px; line-height:1.5; }
.cp-person { background:#edf2ff; color:#1d4ed8; }
.cp-signal-heading { display:flex; align-items:baseline; gap:10px; margin-bottom:6px; }
.cp-signal-heading > span { flex:1; font:600 15px var(--sans); }
.cp-signal-table { display:flex; flex-direction:column; }
.cp-signal-table-head { display:none; }
.cp-signal-row { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:'toggle conf' 'meta meta'; align-items:center; column-gap:10px; padding:10px 0; border-top:1px solid var(--line); }
.cp-signal-row.is-off { opacity:.5; }
.cp-signal-toggle { grid-area:toggle; display:flex; align-items:center; gap:10px; min-height:32px; padding:0; border:0; background:none; color:var(--ink); text-align:left; cursor:pointer; }
.cp-signal-name { font:500 14px var(--sans); }
.cp-signal-meta { grid-area:meta; padding-left:54px; color:var(--muted); font-size:12px; }
.cp-signal-meta + .cp-signal-meta { display:none; }
.cp-signal-confidence { grid-area:conf; display:inline-flex; align-items:center; gap:5px; padding:3px 10px; border-radius:980px; background:#fff; color:#424245; font:600 12px var(--sans); }
.cp-signal-confidence i { width:6px; height:6px; border-radius:50%; background:#c7c7cc; }
.cp-signal-confidence.high i { background:#34c759; }
.cp-signal-confidence.medium i { background:#1d1d1f; }
.cp-row-menu { display:none; }
.cp-actions { display:flex; align-items:center; gap:14px; margin-top:18px; padding:12px 12px 12px 14px; border-radius:24px; background:var(--paper); }
.cp-actions .dl-agent-tile { width:44px; height:44px; border-radius:14px; background:#fff; }
.cp-action-status { flex:1; display:flex; flex-direction:column; gap:2px; }
.cp-action-status strong { font:600 15px var(--sans); }
.cp-action-status small { color:var(--muted); font-size:13px; }
.cp-action-buttons { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.cp-action-buttons .button { min-height:44px; padding:0 20px; border-radius:980px; font:600 15px var(--sans); }
@media (max-width:980px) {
  .cp-hero.cp-hero-grid { grid-template-columns:repeat(3, minmax(0,1fr)); }
  .cp-hero-intro { grid-column:1 / -1; }
  .cp-sig { grid-template-columns:44px minmax(0,1fr) 52px; }
  .cp-sig-products, .cp-sig-source { grid-column:2 / 3; }
}
@media (max-width:640px) {
  .cp-hero.cp-hero-grid { grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; padding:0 !important; }
  .cp-hero-intro { padding:22px; }
  .cp-stat { min-height:132px; padding:14px 12px 0; border-radius:22px; }
  .cp-stat span, .cp-stat small { font-size:12px; }
  .cp-stat strong, .cp-stat strong b { font-size:32px; }
  .cp-stat .dl-agent { width:58px; right:-4px; bottom:-6px; }
  .cp-board { padding:4px 16px 16px; }
  .cp-board-head { flex-wrap:wrap; padding:10px 0; }
  .cp-board .cp-solutions { grid-template-columns:1fr; }
  .cp-actions { flex-wrap:wrap; }
  .cp-action-buttons { width:100%; }
  .cp-action-buttons .button { flex:1; }
}
.cp-board .cp-switch { width:51px; height:31px; border-radius:16px; background:#e3e3e8; }
.cp-board .cp-switch::after { width:27px; height:27px; box-shadow:0 2px 4px rgba(0,0,0,.2); }
.cp-board .cp-include input:checked + .cp-switch { background:#34c759; }
.cp-board .cp-include input:checked + .cp-switch::after { transform:translateX(20px); }
.cp-board .cp-include input:focus-visible + .cp-switch { outline:2px solid var(--dl-blue); }
.cp-hero:not(.cp-hero-grid) { display:block; border-radius:28px; background:var(--dl-card); }
.cp-hero:not(.cp-hero-grid) .panel-kicker { color:var(--muted); font:500 14px var(--sans); letter-spacing:0; text-transform:none; }
.cp-hero:not(.cp-hero-grid) h1 { margin:8px 0 10px; font:800 clamp(30px, 3.6vw, 44px)/1.04 var(--sans); letter-spacing:-.04em; text-wrap:balance; }
.cp-hero:not(.cp-hero-grid) p { max-width:680px; color:var(--muted); font-size:16px; line-height:1.5; }
.cp-review .cp-section-label { color:var(--muted); font:600 14px var(--sans); letter-spacing:0; text-transform:none; }
.cp-review .cp-dossier, .cp-review .cp-wins { border:0; border-radius:28px; background:var(--dl-card); }
/* Daylight: Agent center. The squad you can tune, and agents you describe. */
.ac-page { display:flex; flex-direction:column; gap:22px; max-width:1200px; }
.ac-kicker { color:#6b4423; font:600 14px var(--sans); }
.ac-muted { margin:0; color:var(--muted); font-size:14px; line-height:1.5; }
.ac-error { margin:0; color:#b42318; font-size:14px; }
.ac-empty { color:#86868b; }
.ac-card { padding:22px; border-radius:28px; background:var(--dl-card); }
.ac-pill { display:inline-flex; align-items:center; min-height:26px; padding:0 12px; border-radius:980px; background:var(--paper); color:#424245; font:600 13px var(--sans); justify-self:end; }
.ac-pill.is-on { background:#edf5ee; color:#1b5e20; }
.ac-pill-light { background:var(--paper); color:var(--ink); }
.ac-pill-light:hover { background:var(--paper-2); }
.ac-dot { width:8px; height:8px; border-radius:50%; background:#c7c7cc; }
.ac-dot.is-on { background:#34c759; }
.ac-glyph { display:inline-flex; align-items:center; justify-content:center; flex:none; width:52px; height:52px; border-radius:16px; background:var(--ac-tint, #e8f4fd); font-size:24px; }
.ac-hero { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; align-items:center; padding:30px; border-radius:32px; background:var(--dl-card); }
.ac-hero-copy { display:flex; flex-direction:column; gap:14px; }
.ac-hero h1 { margin:0; font:800 clamp(32px, 4vw, 46px)/1.02 var(--sans); letter-spacing:-.045em; text-wrap:balance; }
.ac-prompt { display:flex; align-items:center; gap:8px; padding:6px 6px 6px 20px; border-radius:980px; background:var(--paper); box-shadow:inset 0 0 0 1px var(--line); }
.ac-prompt input { flex:1; min-width:0; min-height:44px; border:0; background:transparent; font:400 17px var(--sans); color:var(--ink); outline:none; }
.ac-ideas { display:flex; flex-wrap:wrap; gap:8px; }
.ac-ideas button, .ac-suggest button { min-height:34px; padding:0 14px; border:0; border-radius:980px; background:var(--paper); color:#424245; font:500 13px var(--sans); cursor:pointer; }
.ac-ideas button:hover, .ac-suggest button:hover { background:var(--paper-2); }
.ac-hero-art { display:flex; align-items:flex-end; justify-content:center; height:230px; overflow:hidden; border-radius:28px; background:#f3e9df; }
.ac-hero-art .dl-agent { width:220px; }
.ac-section { display:flex; flex-direction:column; gap:12px; }
.ac-section-head { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.ac-section-head h2 { margin:0; font:700 24px var(--sans); letter-spacing:-.02em; }
.ac-section-head span { color:var(--muted); font-size:14px; }
.ac-squad { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; }
.ac-squad-card { display:flex; gap:16px; align-items:flex-start; padding:18px; border-radius:28px; background:var(--dl-card); }
.ac-squad-card .dl-agent-tile.is-lg { width:88px; height:88px; border-radius:24px; }
.ac-squad-card > div { display:flex; flex-direction:column; gap:4px; min-width:0; }
.ac-squad-name { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ac-squad-name strong { font-size:18px; }
.ac-squad-name small { color:var(--muted); font-size:12px; }
.ac-squad-card p { margin:0; color:#424245; font-size:14px; }
.ac-squad-card > div > small { color:var(--muted); font-size:13px; }
.ac-squad-card .dl-link { align-self:flex-start; min-height:32px; padding:0; font-size:14px; }
.ac-earlier { padding:4px 4px 0; color:var(--muted); font-size:14px; }
.ac-earlier summary { cursor:pointer; min-height:36px; display:flex; align-items:center; }
.ac-earlier-row { display:flex; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid var(--line); }
.ac-earlier-row strong { color:var(--ink); font-size:14px; }
.ac-earlier-row small { flex:1; }
.ac-crumbs { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:14px; }
.ac-crumbs .dl-link { min-height:32px; padding:0; font-size:14px; }
.ac-create { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:18px; align-items:start; }
.ac-chat { position:sticky; top:84px; display:flex; flex-direction:column; gap:14px; min-height:560px; max-height:calc(100vh - 120px); padding:20px; border-radius:28px; background:var(--dl-card); }
.ac-chat-head { display:flex; align-items:center; gap:10px; }
.ac-chat-head .dl-agent-tile { width:40px; height:40px; border-radius:13px; }
.ac-chat-log { flex:1; display:flex; flex-direction:column; gap:10px; overflow-y:auto; }
.ac-msg { max-width:86%; padding:11px 15px; border-radius:20px; font-size:15px; line-height:1.45; }
.ac-msg.is-me { align-self:flex-end; background:var(--ink); color:#fff; }
.ac-msg.is-ai { align-self:flex-start; background:var(--paper); }
.ac-msg.is-typing { color:var(--muted); }
.ac-suggest { display:flex; flex-wrap:wrap; gap:6px; }
.ac-suggest button { background:#fff; box-shadow:inset 0 0 0 1px #d2d2d7; }
.ac-chat-form { display:flex; align-items:center; gap:8px; padding:5px 5px 5px 16px; border-radius:980px; background:var(--paper); }
.ac-chat-form input { flex:1; min-width:0; min-height:40px; border:0; background:transparent; font:400 15px var(--sans); outline:none; }
.ac-chat-form button { width:40px; height:40px; border:0; border-radius:50%; background:var(--ink); color:#fff; font-size:16px; cursor:pointer; }
.ac-chat-form button:disabled { opacity:.4; }
.ac-build { display:flex; flex-direction:column; gap:14px; min-width:0; }
.ac-build-head { display:flex; align-items:center; gap:16px; }
.ac-build-head > div { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ac-build-head small { color:var(--muted); font-size:13px; }
.ac-build-head h1 { margin:0; font:800 26px var(--sans); letter-spacing:-.03em; }
.ac-name { width:100%; padding:2px 6px; margin-left:-6px; border:0; border-radius:10px; background:transparent; font:800 26px var(--sans); letter-spacing:-.03em; color:var(--ink); }
.ac-name:hover, .ac-name:focus { background:var(--paper); outline:none; }
.ac-spec { display:flex; flex-direction:column; }
.ac-spec.is-empty { color:var(--muted); font-size:15px; padding:6px 0; }
.ac-spec-row { display:grid; grid-template-columns:110px minmax(0,1fr); gap:16px; padding:14px 0; border-bottom:1px solid #f0f0f3; }
.ac-spec-row:last-child { border-bottom:0; }
.ac-spec-row > span { padding-top:8px; color:var(--muted); font:600 13px var(--sans); }
.ac-spec-row > div { display:flex; flex-direction:column; gap:8px; min-width:0; }
.ac-spec-row small { color:var(--muted); font-size:12px; }
.ac-spec select, .ac-spec textarea, .ac-output input, .ac-text, .ac-number, .ac-brief { min-height:40px; padding:8px 12px; border:0; border-radius:12px; background:var(--paper); color:var(--ink); font:400 15px var(--sans); box-shadow:inset 0 0 0 1px transparent; }
.ac-spec select:focus, .ac-spec textarea:focus, .ac-output input:focus, .ac-text:focus, .ac-number:focus, .ac-brief:focus { outline:none; box-shadow:inset 0 0 0 1px var(--dl-blue); background:#fff; }
.ac-spec textarea, .ac-brief { resize:vertical; line-height:1.5; width:100%; box-sizing:border-box; }
.ac-sources { display:flex; flex-wrap:wrap; gap:6px; }
.ac-sources label { display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 12px; border-radius:980px; background:var(--paper); font:500 13px var(--sans); cursor:pointer; }
.ac-sources input { accent-color:var(--ink); }
.ac-outputs { display:flex; flex-direction:column; gap:6px; }
.ac-output { display:grid; grid-template-columns:minmax(0,1fr) 130px 32px; gap:6px; align-items:center; }
.ac-output button { width:32px; height:32px; border:0; border-radius:50%; background:none; color:#86868b; font-size:18px; cursor:pointer; }
.ac-outputs .dl-link { align-self:flex-start; min-height:32px; padding:0; font-size:14px; }
.ac-test { display:flex; flex-direction:column; gap:14px; }
.ac-test-head { display:flex; align-items:baseline; gap:10px; }
.ac-test-head h2 { flex:1; margin:0; font:700 18px var(--sans); }
.ac-test-head span { color:var(--muted); font-size:13px; }
.ac-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.ac-actions .dl-pill { min-height:44px; }
.ac-table { display:flex; flex-direction:column; overflow-x:auto; }
.ac-table-head, .ac-table-row { display:grid; grid-template-columns:minmax(120px,1.1fr) repeat(var(--ac-cols, 1), minmax(90px, .8fr)) minmax(160px,1.6fr) 110px; gap:12px; align-items:center; }
.ac-table-head { padding:10px 0; border-bottom:1px solid var(--line); color:var(--muted); font:600 12px var(--sans); }
.ac-table-row { min-height:56px; padding:8px 0; border-bottom:1px solid #f5f5f7; font-size:14px; }
.ac-table-row strong { font-weight:600; display:flex; flex-direction:column; gap:2px; }
.ac-task-note { color:#0f5f55; font:500 12px var(--sans); }
.ac-evidence { color:#424245; font-size:13px; line-height:1.4; }
.ac-yes { display:inline-flex; padding:3px 10px; border-radius:980px; font:600 13px var(--sans); }
.ac-yes.is-yes { background:#edf5ee; color:#1b5e20; }
.ac-yes.is-no { background:var(--paper); color:#424245; }
.ac-conf { display:inline-block; width:40px; height:5px; margin-right:8px; border-radius:3px; background:var(--paper-2); overflow:hidden; vertical-align:middle; }
.ac-conf i { display:block; height:100%; background:var(--ink); }
.ac-agent-head { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.ac-agent-head .ac-glyph { width:72px; height:72px; border-radius:22px; font-size:34px; }
.ac-agent-head > div:not(.ac-agent-actions) { flex:1; min-width:220px; }
.ac-agent-head h1 { margin:0; font:800 34px var(--sans); letter-spacing:-.04em; }
.ac-agent-head p { margin:4px 0 0; color:var(--muted); font-size:15px; }
.ac-agent-actions { display:flex; align-items:center; gap:8px; }
.ac-agent-actions .dl-pill { min-height:44px; }
.ac-switch { position:relative; display:inline-flex; flex:none; cursor:pointer; }
.ac-switch input { position:absolute; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; }
.ac-switch span { position:relative; width:51px; height:31px; border-radius:16px; background:#e3e3e8; transition:background-color .2s; }
.ac-switch span::after { content:''; position:absolute; top:2px; left:2px; width:27px; height:27px; border-radius:50%; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.2); transition:transform .2s; }
.ac-switch input:checked + span { background:#34c759; }
.ac-switch input:checked + span::after { transform:translateX(20px); }
.ac-switch input:focus-visible + span { outline:2px solid var(--dl-blue); outline-offset:2px; }
.ac-stats { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; }
.ac-stat { padding:18px; border-radius:22px; background:var(--dl-card); }
.ac-stat strong { display:block; font:800 32px var(--sans); letter-spacing:-.04em; }
.ac-stat span { color:var(--muted); font-size:14px; }
.ac-results { display:flex; flex-direction:column; gap:6px; }
.ac-results-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.ac-results-head h2 { flex:1; margin:0; font:700 20px var(--sans); }
.ac-filters { display:flex; gap:2px; padding:3px; border-radius:980px; background:var(--paper); }
.ac-filters button { min-height:32px; padding:0 14px; border:0; border-radius:980px; background:none; color:var(--muted); font:500 13px var(--sans); cursor:pointer; }
.ac-filters button[aria-selected="true"] { background:#fff; color:var(--ink); box-shadow:0 1px 3px rgba(0,0,0,.1); }
.ac-results-foot { display:flex; justify-content:flex-end; padding-top:8px; }
.ac-danger { color:#b42318; font-size:14px; }
.ac-builtin-hero { display:flex; align-items:flex-end; gap:24px; padding:24px 30px 0; overflow:hidden; border-radius:32px; background:var(--agent-tint); }
.ac-builtin-hero .dl-agent { width:160px; }
.ac-builtin-hero > div { padding-bottom:24px; }
.ac-builtin-hero h1 { margin:4px 0; font:800 44px var(--sans); letter-spacing:-.045em; }
.ac-builtin-hero p { margin:0; color:#424245; font-size:16px; }
.ac-builtin { display:grid; grid-template-columns:220px minmax(0,1fr); gap:18px; align-items:start; }
.ac-builtin-nav { display:flex; flex-direction:column; gap:2px; padding:8px; border-radius:24px; background:var(--dl-card); }
.ac-builtin-nav button { display:flex; align-items:center; gap:10px; min-height:48px; padding:4px 10px; border:0; border-radius:16px; background:none; color:var(--ink); font:500 15px var(--sans); cursor:pointer; text-align:left; }
.ac-builtin-nav button .dl-agent-tile { width:36px; height:36px; border-radius:11px; }
.ac-builtin-nav button[aria-current="page"] { background:var(--paper); font-weight:600; }
.ac-builtin-body { display:flex; flex-direction:column; gap:22px; }
.ac-builtin-section { display:flex; flex-direction:column; gap:8px; }
.ac-builtin-section h3 { margin:0 0 4px; font:700 18px var(--sans); letter-spacing:-.01em; }
.ac-builtin-section .dl-link { align-self:flex-start; min-height:32px; padding:0; font-size:14px; }
.ac-setting { display:flex; align-items:center; gap:16px; min-height:56px; padding:6px 0; border-bottom:1px solid #f5f5f7; cursor:default; }
.ac-setting > span:first-child { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ac-setting strong { font:500 15px var(--sans); }
.ac-setting small { color:var(--muted); font-size:13px; }
.ac-number { width:84px; text-align:right; }
.ac-text { width:min(320px, 50%); }
.ac-chips { display:flex; flex-wrap:wrap; gap:6px; }
.ac-chips span { padding:5px 12px; border-radius:980px; background:var(--paper); font:500 13px var(--sans); }
.ac-chips span.is-setup { background:#fcf4e3; color:#8a5a00; }
@media (max-width:980px) {
  .ac-squad { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .ac-create { grid-template-columns:1fr; }
  .ac-chat { position:static; min-height:0; max-height:none; }
  .ac-chat-log { max-height:340px; }
  .ac-stats { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .ac-builtin { grid-template-columns:1fr; }
  .ac-builtin-nav { flex-direction:row; overflow-x:auto; }
  .ac-builtin-nav button span { display:none; }
}
@media (max-width:640px) {
  .ac-hero { grid-template-columns:1fr; padding:22px; }
  .ac-hero-art { display:none; }
  .ac-prompt { flex-wrap:wrap; border-radius:22px; padding:8px; }
  .ac-prompt input { padding:0 8px; }
  .ac-prompt .dl-pill { width:100%; }
  .ac-squad { grid-template-columns:1fr; }
  .ac-spec-row { grid-template-columns:1fr; gap:6px; }
  .ac-spec-row > span { padding-top:0; }
  .ac-output { grid-template-columns:minmax(0,1fr) 110px 32px; }
  .ac-agent-actions { width:100%; }
  .ac-builtin-hero .dl-agent { width:110px; }
  .ac-builtin-hero h1 { font-size:34px; }
  .ac-setting { flex-wrap:wrap; }
  .ac-text { width:100%; }
}
/* Built agents join the squad with a character matched to what they do. */
.ac-avatar { width:64px; height:64px; border-radius:20px; }
.ac-avatar .dl-agent { width:94%; }
.ac-agent-head .ac-avatar { width:76px; height:76px; border-radius:24px; }
.ac-built-tag { display:inline-flex; margin-right:6px; padding:1px 8px; border-radius:980px; background:var(--paper); color:#424245; font:600 11px var(--sans); }
.ac-squad-card.is-built { box-shadow:inset 0 0 0 1px var(--line); }
.ac-squad-new { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:124px; padding:18px; border:1.5px dashed #c7c7cc; border-radius:28px; background:transparent; color:var(--ink); cursor:pointer; font:inherit; }
.ac-squad-new span { font-size:26px; color:#86868b; line-height:1; }
.ac-squad-new strong { font-size:16px; }
.ac-squad-new small { color:var(--muted); font-size:13px; }
.ac-squad-new:hover { border-color:var(--ink); }
/* Character picker: click the agent's character (or the star) to choose one. */
.ac-avatar-wrap { position:relative; flex:none; }
.ac-avatar-btn { position:relative; display:block; padding:0; border:0; border-radius:22px; background:none; cursor:pointer; }
.ac-avatar-btn .ac-glyph, .ac-avatar-btn .ac-avatar { width:64px; height:64px; border-radius:20px; transition:transform .15s, box-shadow .15s; }
.ac-agent-head .ac-avatar-btn .ac-glyph, .ac-agent-head .ac-avatar-btn .ac-avatar { width:76px; height:76px; border-radius:24px; }
.ac-avatar-btn:hover .ac-glyph, .ac-avatar-btn:hover .ac-avatar, .ac-avatar-btn[aria-expanded="true"] .ac-glyph, .ac-avatar-btn[aria-expanded="true"] .ac-avatar { transform:translateY(-1px); box-shadow:0 0 0 2px var(--ink); }
.ac-avatar-btn:focus-visible { outline:2px solid var(--dl-blue); outline-offset:3px; }
.ac-avatar-edit { position:absolute; right:-4px; bottom:-4px; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--ink); color:#fff; font-size:12px; box-shadow:0 2px 6px rgba(0,0,0,.2); }
.ac-char-pop { position:absolute; z-index:30; top:calc(100% + 10px); left:0; width:min(420px, calc(100vw - 48px)); display:flex; flex-direction:column; gap:10px; padding:16px; border-radius:24px; background:#fff; box-shadow:0 24px 60px -20px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.06); }
.ac-char-pop > strong { font-size:15px; }
.ac-char-grid { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:8px; }
.ac-char-grid button { display:flex; flex-direction:column; align-items:center; gap:4px; padding:0; border:0; background:none; cursor:pointer; font:500 12px var(--sans); color:var(--ink); }
.ac-char-grid button span { display:flex; align-items:flex-end; justify-content:center; width:100%; aspect-ratio:1; overflow:hidden; border-radius:16px; background:var(--agent-tint); transition:transform .15s, box-shadow .15s; }
.ac-char-grid button img { width:92%; }
.ac-char-grid button:hover span { transform:translateY(-2px); }
.ac-char-grid button[aria-pressed="true"] span { box-shadow:0 0 0 2px var(--ink); }
.ac-char-grid button:focus-visible span { outline:2px solid var(--dl-blue); outline-offset:2px; }
.ac-build-head > .ac-avatar-wrap, .ac-agent-head > .ac-avatar-wrap { flex:none; min-width:0; }
.ac-agent-head > div.ac-avatar-wrap:not(.ac-agent-actions) { flex:none; min-width:0; }
/* Agents page: the plays the squad runs */
.ac-plays { display:flex; flex-direction:column; padding:8px 22px 14px; }
.ac-play-row { display:flex; align-items:center; gap:16px; min-height:68px; border-bottom:1px solid #f0f0f3; }
.ac-play-team { display:flex; flex:none; }
.ac-play-team > span { margin-left:-8px; border-radius:12px; box-shadow:0 0 0 2px var(--dl-card); }
.ac-play-team > span:first-child { margin-left:0; }
.ac-play-team .dl-agent-tile, .ac-play-team .ac-glyph { width:36px; height:36px; border-radius:12px; font-size:17px; }
.ac-play-copy { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ac-play-copy strong { font-size:16px; font-weight:600; }
.ac-play-copy small { color:var(--muted); font-size:13px; }
.ac-plays-foot { display:flex; flex-wrap:wrap; gap:8px 22px; padding-top:14px; }
.ac-plays-empty { display:flex; align-items:center; gap:16px; flex-wrap:wrap; justify-content:space-between; }
.ac-plays-empty p { margin:0; color:var(--muted); }
@media (max-width:640px) {
  .ac-play-team > span:nth-child(n+3) { display:none; }
}
/* Plays: the list on the left, the selected play as the squad's steps */
.pp-page { display:flex; flex-direction:column; gap:22px; }
.pp-layout { display:grid; grid-template-columns:300px minmax(0,1fr); gap:18px; align-items:start; }
.pp-nav { display:flex; flex-direction:column; gap:2px; padding:10px; position:sticky; top:84px; }
.pp-nav-head { display:flex; align-items:center; padding:8px 10px 10px; }
.pp-nav-head h1 { flex:1; margin:0; font:800 24px var(--sans); letter-spacing:-.03em; }
.pp-add { width:36px; height:36px; border:0; border-radius:50%; background:var(--ink); color:#fff; font-size:20px; line-height:1; cursor:pointer; }
.pp-item { display:flex; align-items:center; gap:10px; min-height:60px; padding:8px 12px; border:0; border-radius:18px; background:transparent; color:var(--ink); text-align:left; font:inherit; cursor:pointer; }
.pp-item:hover { background:#fafafa; }
.pp-item.is-selected { background:var(--paper); }
.pp-item > span:last-child { display:flex; flex-direction:column; gap:2px; min-width:0; }
.pp-item strong { font-size:15px; font-weight:600; }
.pp-item small { font-size:12px; color:var(--muted); }
.pp-dot { flex:none; width:10px; height:10px; border-radius:50%; background:#c7c7cc; }
.pp-dot.is-on { background:#34c759; }
.pp-note { margin:8px 12px 6px; font-size:12px; color:var(--muted); }
.pp-main { display:flex; flex-direction:column; gap:16px; min-width:0; }
.pp-hero { display:flex; flex-direction:column; gap:18px; padding:26px 28px; border-radius:32px; }
.pp-hero-head { display:flex; align-items:flex-start; gap:16px; }
.pp-hero-head > div { flex:1; min-width:0; }
.pp-hero-head small { font-size:13px; font-weight:600; color:var(--muted); }
.pp-hero-head h2 { margin:4px 0 6px; font:800 38px var(--sans); letter-spacing:-.04em; }
.pp-hero-head p { margin:0; font-size:17px; color:#424245; line-height:1.4; }
.pp-switch { display:flex; align-items:center; gap:10px; font-size:15px; flex:none; }
.pp-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:18px 8px; border-radius:24px; background:var(--paper); }
.pp-step { display:flex; flex-direction:column; align-items:center; gap:6px; padding:0 10px; text-align:center; border-right:1px solid #e3e3e8; }
.pp-step:last-child { border-right:0; }
.pp-step .dl-agent-tile { width:84px; height:84px; border-radius:26px; }
.pp-step strong { font:800 34px var(--sans); letter-spacing:-.04em; line-height:1; margin-top:4px; }
.pp-step span { font-size:14px; color:#424245; }
.pp-step small { font-size:12px; color:var(--muted); }
.pp-step .dl-link { font-size:13px; }
.pp-waiting { display:flex; align-items:center; gap:12px; padding:14px 18px; border-radius:18px; background:#eaf5f3; }
.pp-waiting strong { flex:1; font-size:15px; color:#0f5f55; }
.pp-waiting-btn { background:#0f5f55; color:#fff; }
.pp-actions { display:flex; gap:10px; }
.pp-safe { margin:0; font-size:13px; color:var(--muted); }
.pp-recent { padding:8px 24px 14px; }
.pp-recent-head { display:flex; align-items:center; min-height:56px; border-bottom:1px solid #f0f0f3; }
.pp-recent-head h3 { flex:1; margin:0; font-size:18px; }
.pp-row { display:grid; grid-template-columns:1.1fr 1.8fr 1fr auto; gap:14px; align-items:center; min-height:58px; border-bottom:1px solid #f5f5f7; font-size:14px; }
.pp-row strong { font-weight:600; }
.pp-row span { color:#424245; min-width:0; }
.pp-state { justify-self:start; padding:3px 10px; border:0; border-radius:980px; background:var(--paper); color:#424245; font:600 13px var(--sans); }
button.pp-state { cursor:pointer; }
.pp-state.is-wait { background:#eaf5f3; color:#0f5f55; }
.pp-state.is-done { background:#edf5ee; color:#1b5e20; }
.pp-empty { display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
.pp-empty h1 { margin:0; font:800 36px var(--sans); }
.pp-empty p { margin:0; color:var(--muted); max-width:560px; }
@media (max-width:900px) {
  .pp-layout { grid-template-columns:1fr; }
  .pp-nav { position:static; }
  .pp-steps { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:18px; }
  .pp-step:nth-child(2) { border-right:0; }
  .pp-hero { padding:20px; }
  .pp-hero-head { flex-direction:column; }
  .pp-hero-head h2 { font-size:30px; }
  .pp-row { grid-template-columns:1fr; gap:4px; padding:10px 0; }
}
.pp-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.pp-chips span { padding:6px 12px; border-radius:980px; background:var(--paper); font-size:13px; color:#424245; }
.pp-chips span.is-agent { background:#e3f5f6; color:#0f5f55; font-weight:600; }
/* Sequences: the list, grouped by where each sequence comes from */
.sq-page { display:flex; flex-direction:column; gap:24px; }
.sq-head { display:flex; align-items:flex-end; gap:20px; flex-wrap:wrap; }
.sq-head > div { flex:1; min-width:260px; }
.sq-head h1 { margin:0; font:800 44px var(--sans); letter-spacing:-.045em; }
.sq-head p { margin:6px 0 0; max-width:680px; font-size:17px; color:var(--muted); }
.sq-group { display:flex; flex-direction:column; gap:12px; }
.sq-list { display:flex; flex-direction:column; padding:4px 24px; }
.sq-row { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,1fr) auto; gap:18px; align-items:center; min-height:88px; border-bottom:1px solid #f0f0f3; }
.sq-row:last-child { border-bottom:0; }
.sq-row-main { display:flex; flex-direction:column; gap:4px; min-width:0; padding:10px 0; border:0; background:transparent; text-align:left; color:var(--ink); font:inherit; cursor:pointer; }
.sq-row-main:hover strong { text-decoration:underline; }
.sq-row-name { display:flex; align-items:center; gap:8px; }
.sq-row-name strong { font-size:17px; }
.sq-row-main small { font-size:13px; color:var(--muted); }
.sq-dot { flex:none; width:9px; height:9px; border-radius:50%; background:#c7c7cc; }
.sq-dot.is-on { background:#34c759; }
.sq-dot.is-draft { background:#e0a800; }
.sq-chips { display:flex; flex-wrap:wrap; gap:6px; }
.sq-chips span { padding:4px 10px; border-radius:980px; background:var(--paper); font-size:12px; color:#424245; }
.sq-numbers { font-size:14px; color:#424245; }
.sq-status { justify-self:end; padding:5px 12px; border:0; border-radius:980px; background:var(--paper); color:#424245; font:600 13px var(--sans); white-space:nowrap; }
.sq-status.is-on { background:#edf5ee; color:#1b5e20; }
.sq-status.is-draft { background:#fcf4e3; color:#7a5200; }
button.sq-status { cursor:pointer; }
.sq-row-actions { display:flex; align-items:center; gap:12px; justify-self:end; }
.sq-suggested { padding:18px 24px; }
.sq-suggested summary { display:flex; flex-wrap:wrap; gap:6px 12px; align-items:baseline; cursor:pointer; font-size:16px; }
.sq-suggested summary span { font-size:14px; color:var(--muted); }
.sq-suggested .sq-list { padding:6px 0 0; }
.sq-import { padding:18px 24px; margin-bottom:16px; }
.sq-import summary { display:flex; flex-wrap:wrap; gap:6px 12px; align-items:baseline; cursor:pointer; font-size:16px; }
.sq-import summary span { font-size:14px; color:var(--muted); }
.sq-import > p { color:var(--muted); font-size:14px; line-height:1.5; }
.sq-import label { display:grid; gap:6px; margin-top:12px; font-size:13px; font-weight:600; }
.sq-import input, .sq-import textarea { width:100%; font:inherit; font-weight:400; padding:10px 12px; border:1px solid var(--line, #dfe5d3); border-radius:10px; background:var(--surface, #fff); }
.sq-import textarea { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:13px; }
.sq-import-steps { display:grid; gap:8px; margin:14px 0 0; padding-left:20px; }
.sq-import-steps li small { display:block; color:var(--muted); white-space:pre-line; margin-top:2px; }
.sq-import .fv-actions { margin-top:14px; }
.sq-empty { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.sq-empty > div { flex:1; min-width:240px; }
.sq-empty p { margin:4px 0 0; color:var(--muted); }
/* Sequences: the editor, read top to bottom like the emails */
.sq-editor { display:flex; flex-direction:column; gap:18px; }
.sq-editor-head { display:flex; align-items:center; gap:18px; flex-wrap:wrap; padding:22px 26px; border-radius:32px; }
.sq-editor-title { flex:1; min-width:240px; }
.sq-editor-title small { font-size:13px; font-weight:600; color:var(--muted); }
.sq-editor-title h1 { margin:2px 0 0; font:800 34px var(--sans); letter-spacing:-.04em; outline:none; border-radius:8px; }
.sq-editor-title h1[contenteditable]:focus { box-shadow:0 0 0 3px #e3f0ff; }
.sq-editor-tabs { display:flex; align-items:center; gap:4px; padding:4px; border-radius:14px; background:var(--paper); }
.sq-editor-tabs > button, .sq-more summary { min-height:38px; padding:0 16px; border:0; border-radius:11px; background:transparent; color:#424245; font:500 14px var(--sans); cursor:pointer; display:flex; align-items:center; list-style:none; }
.sq-more summary::-webkit-details-marker { display:none; }
.sq-more summary::after { content:'⌄'; margin-left:6px; font-size:12px; }
.sq-editor-tabs > button.is-active, .sq-more.is-active summary { background:#fff; color:var(--ink); font-weight:600; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.sq-more { position:relative; }
.sq-more-menu { position:absolute; right:0; top:calc(100% + 8px); z-index:20; display:flex; flex-direction:column; min-width:230px; padding:6px; border-radius:16px; background:#fff; box-shadow:0 12px 32px rgba(0,0,0,.14); }
.sq-more-menu button { min-height:40px; padding:0 12px; border:0; border-radius:10px; background:transparent; text-align:left; font:14px var(--sans); color:var(--ink); cursor:pointer; }
.sq-more-menu button:hover { background:var(--paper); }
.sq-editor-status { display:flex; align-items:center; gap:10px; }
.sq-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; align-items:start; }
.sq-steps { display:flex; flex-direction:column; min-width:0; }
.sq-starts { display:flex; align-items:center; gap:12px; margin:0 0 14px 86px; padding:12px 16px; border-radius:20px; background:#fff1ec; font-size:15px; }
.sq-starts .dl-agent-tile { width:40px; height:40px; border-radius:13px; }
.sq-step { display:grid; grid-template-columns:72px minmax(0,1fr); gap:14px; }
.sq-when { display:flex; flex-direction:column; align-items:center; }
.sq-when span { padding-top:20px; font-size:13px; font-weight:600; color:var(--muted); text-align:center; }
.sq-when i { flex:1; width:2px; margin-top:8px; background:#e3e3e8; }
.sq-card { display:flex; flex-direction:column; gap:10px; margin-bottom:14px; padding:18px 20px; border-radius:24px; background:#fff; min-width:0; }
.sq-card.is-quiet { background:transparent; box-shadow:inset 0 0 0 1.5px #e3e3e8; padding:14px 20px; }
.sq-card.is-editing { background:#fff; box-shadow:0 0 0 2px #1d1d1f; }
.sq-card-head { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.sq-card-head strong { flex:1; min-width:120px; font-size:16px; }
.sq-card-head small { font-size:13px; color:var(--muted); }
.sq-type { padding:3px 10px; border-radius:980px; background:var(--paper); font-size:12px; font-weight:600; color:#424245; }
.sq-email { padding:14px 16px; border-radius:16px; background:#fafafb; box-shadow:inset 0 0 0 1px #ebebf0; font-size:15px; line-height:1.55; }
.sq-email-subject { margin-bottom:8px; font-size:13px; color:var(--muted); }
.sq-email-subject b { color:var(--ink); font-weight:600; }
.sq-email-body { white-space:pre-line; overflow-wrap:anywhere; }
.sq-token { display:inline-block; padding:0 7px; border-radius:6px; background:#f7eefa; color:#5b2a6e; font-size:.9em; line-height:1.5; }
.sq-rewrite { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.sq-rewrite > span { font-size:13px; color:var(--muted); }
.sq-rewrite button { min-height:34px; padding:0 13px; border:0; border-radius:980px; background:#f7eefa; color:#5b2a6e; font:13px var(--sans); cursor:pointer; }
.sq-rewrite button:hover { background:#efe0f4; }
.sq-rewrite .sq-undo { background:transparent; color:#0066cc; text-decoration:underline; }
.sq-step-note { margin:0; font-size:14px; color:#424245; }
.sq-branches { font-size:12px; color:var(--muted); }
.sq-add { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:12px 16px; border:1.5px dashed #c7c7cc; border-radius:20px; }
.sq-add span { margin-right:4px; font-size:14px; color:#424245; }
.sq-add button { min-height:34px; padding:0 13px; border:0; border-radius:980px; background:var(--paper); font:13px var(--sans); cursor:pointer; }
.sq-side { display:flex; flex-direction:column; gap:14px; position:sticky; top:84px; }
.sq-side-card { display:flex; flex-direction:column; gap:8px; padding:18px; border-radius:24px; }
.sq-side-card small { font-size:13px; color:var(--muted); line-height:1.4; }
.sq-preview-pick { display:flex; flex-direction:column; gap:6px; font-size:15px; font-weight:600; }
.sq-preview-pick select { min-height:44px; padding:0 12px; border:0; border-radius:14px; background:var(--paper); font:14px var(--sans); color:var(--ink); }
.sq-rule { display:flex; align-items:center; gap:10px; min-height:40px; border-bottom:1px solid #f5f5f7; font-size:14px; }
.sq-rule span { flex:1; }
.sq-rule b { font-weight:500; color:var(--muted); text-align:right; }
/* The full step editor, opened in place, in the Daylight look */
.sq-card .campaign-editor-pane { display:flex; flex-direction:column; gap:14px; padding:0; border:0; background:transparent; }
.sq-card .campaign-editor-heading { display:none; }
.sq-card .campaign-editor-tabs { display:flex; justify-content:flex-end; border:0; padding:0; min-height:0; }
.sq-card .campaign-editor-tabs > button.active, .sq-card .campaign-editor-tabs > span { display:none; }
.sq-card .campaign-control-card { border:0; border-radius:16px; background:var(--paper); }
.sq-card .campaign-control-row strong { font-size:14px; }
.sq-card .campaign-control-row small { font-size:12px; }
.sq-card .campaign-control-row select, .sq-card input, .sq-card textarea, .sq-card select { font:14px var(--sans); border-radius:12px; }
.sq-card .campaign-message-editor label { font-size:13px; font-weight:600; color:var(--muted); }
.sq-card .campaign-message-editor textarea { min-height:180px; line-height:1.5; }
.sq-card .toggle input:checked + span { background:#34c759; }
.sq-card .button-acid, .sq-editor .button-acid { background:var(--ink); color:#fff; }
.sq-card .panel-kicker { color:var(--muted); }
@media (max-width:900px) {
  .sq-row { grid-template-columns:1fr; gap:8px; padding:12px 0; }
  .sq-row .sq-status, .sq-row-actions { justify-self:start; }
  .sq-layout { grid-template-columns:1fr; }
  .sq-side { position:static; order:-1; }
  .sq-step { grid-template-columns:52px minmax(0,1fr); gap:8px; }
  .sq-starts { margin-left:0; }
  .sq-editor-head { padding:18px; }
  .sq-editor-title h1 { font-size:28px; }
  .sq-more-menu { left:0; right:auto; }
}
.sq-add button { background:#fff; }
.sq-add button:hover { background:var(--paper-2); }
.sq-card .campaign-editor-pane p, .sq-card .campaign-editor-pane small { font-size:12px; }
.sq-delete-step { min-height:32px; padding:0 12px; border:0; border-radius:980px; background:transparent; color:#b3261e; font:13px var(--sans); cursor:pointer; }
.sq-delete-step:hover { background:#fdecea; }
/* Sequences: drag a step by its handle to move it */
.sq-grip { display:inline-flex; align-items:center; justify-content:center; flex:none; width:28px; height:36px; margin:-6px 0 -6px -8px; padding:0; border:0; border-radius:8px; background:transparent; color:#aeaeb2; cursor:grab; touch-action:none; }
.sq-grip svg { width:10px; height:16px; fill:currentColor; }
.sq-grip:hover, .sq-grip:focus-visible { background:var(--paper); color:var(--ink); }
.sq-grip:focus-visible { outline:2px solid #0071e3; outline-offset:2px; }
.sq-step { position:relative; transition:transform .18s ease; }
.sq-steps.is-reordering .sq-step { transition:none; }
.sq-steps.is-reordering, .sq-steps.is-reordering * { cursor:grabbing; user-select:none; }
.sq-step.is-dragging { z-index:5; }
.sq-step.is-dragging .sq-card { box-shadow:0 18px 40px rgba(0,0,0,.16), 0 0 0 2px #1d1d1f; background:#fff; }
.sq-step.sq-drop-before::before, .sq-step.sq-drop-after::after { content:''; position:absolute; left:86px; right:0; height:3px; border-radius:2px; background:#0071e3; }
.sq-step.sq-drop-before::before { top:-9px; }
.sq-step.sq-drop-after::after { bottom:5px; }
@media (max-width:900px) {
  .sq-step.sq-drop-before::before, .sq-step.sq-drop-after::after { left:60px; }
}
@media (prefers-reduced-motion:reduce) {
  .sq-step { transition:none; }
}
.sq-step.is-dragging .sq-when { visibility:hidden; }
@media (hover:hover) and (pointer:fine) {
  .sq-steps .sq-card:not(.is-editing) { cursor:grab; }
  .sq-steps .sq-card:not(.is-editing) :is(button, a, input, textarea, select) { cursor:pointer; }
}
/* Commander Fluff's onboarding: briefing, orders, missions dock, spotlight */
.fluff-backdrop { position:fixed; inset:0; z-index:80; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(29,29,31,.42); backdrop-filter:blur(6px); overflow-y:auto; }
.fluff-brief { display:grid; grid-template-columns:1fr 1fr; width:min(1120px,100%); min-height:620px; border-radius:40px; background:#fff; overflow:hidden; box-shadow:0 40px 90px rgba(0,0,0,.25); }
.fluff-brief-stage { position:relative; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:0; padding:32px 28px 0; background:#f3e9df; }
.fluff-speech { position:relative; align-self:stretch; padding:20px 22px; border-radius:26px; background:#fff; color:var(--ink); font-size:19px; line-height:1.42; box-shadow:0 12px 30px rgba(107,68,35,.12); }
.fluff-speech b { font-weight:700; }
.fluff-speech::after { content:''; position:absolute; bottom:-11px; left:50%; width:22px; height:22px; background:#fff; transform:translateX(-50%) rotate(45deg); }
.fluff-brief-art { width:min(340px,80%); height:auto; margin-top:14px; }
.fluff-brief-body { display:flex; flex-direction:column; gap:18px; padding:40px 40px 32px; min-width:0; }
.fluff-brief-steps { display:flex; gap:6px; }
.fluff-brief-steps i { flex:1; height:6px; border-radius:3px; background:#e3e3e8; }
.fluff-brief-steps i.is-on, .fluff-brief-steps i.is-done { background:var(--ink); }
.fluff-brief-body h1 { margin:0; font:800 38px var(--sans); letter-spacing:-.045em; line-height:1.05; }
.fluff-members { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.fluff-member { display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 8px; border:0; border-radius:22px; background:var(--paper); color:var(--ink); font:inherit; cursor:pointer; transition:transform .15s ease, box-shadow .15s ease; }
.fluff-member:hover { transform:translateY(-2px); }
.fluff-member:focus-visible { outline:2px solid #0071e3; outline-offset:2px; }
.fluff-member.is-selected { background:#fff; box-shadow:0 0 0 2px var(--ink); }
.fluff-member .dl-agent-tile { width:72px; height:72px; border-radius:22px; }
.fluff-member strong { font-size:14px; }
.fluff-member small { font-size:12px; color:var(--muted); }
.fluff-member small.is-met { color:#1b5e20; font-weight:600; }
.fluff-intro { display:flex; gap:14px; align-items:flex-start; min-height:96px; padding:16px 18px; border-radius:22px; background:var(--agent-tint, var(--paper)); }
.fluff-intro .dl-agent-tile { width:52px; height:52px; border-radius:16px; background:#fff; }
.fluff-intro strong { font-size:15px; }
.fluff-intro p { margin:3px 0 0; font-size:15px; line-height:1.45; color:#424245; }
.fluff-intro.is-empty { align-items:center; justify-content:center; background:transparent; box-shadow:inset 0 0 0 1.5px #e3e3e8; }
.fluff-intro.is-empty p { margin:0; color:var(--muted); }
.fluff-brief-foot { display:flex; align-items:center; gap:14px; margin-top:auto; }
.fluff-brief-foot > span { flex:1; text-align:right; font-size:13px; color:var(--muted); }
.fluff-brief-foot .dl-link { color:var(--muted); }
.fluff-orders { display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none; }
.fluff-orders li { display:flex; align-items:center; gap:14px; min-height:64px; padding:10px 14px; border-radius:20px; background:var(--paper); }
.fluff-orders li > span { display:flex; align-items:center; justify-content:center; flex:none; width:32px; height:32px; border-radius:50%; background:#fff; font-weight:700; box-shadow:inset 0 0 0 2px var(--ink); }
.fluff-orders li.is-done > span { background:#34c759; color:#fff; box-shadow:none; }
.fluff-orders strong { display:block; font-size:16px; }
.fluff-orders small { font-size:13px; color:var(--muted); }
.fluff-dock { position:fixed; right:26px; bottom:26px; z-index:25; width:min(360px,calc(100vw - 32px)); border-radius:30px; background:#fff; box-shadow:0 24px 60px rgba(0,0,0,.18); overflow:hidden; }
.fluff-dock-head { display:flex; align-items:flex-end; gap:12px; padding:14px 16px 0; background:#f3e9df; }
.fluff-dock-art { width:84px; height:84px; object-fit:contain; flex:none; }
.fluff-dock-head > div { flex:1; min-width:0; padding-bottom:14px; }
.fluff-dock-head small { font-size:12px; font-weight:600; color:#6b4423; }
.fluff-dock-head strong { display:block; margin-top:2px; font-size:17px; letter-spacing:-.02em; }
.fluff-progress { display:block; height:6px; margin-top:9px; border-radius:3px; background:rgba(107,68,35,.15); overflow:hidden; }
.fluff-progress i { display:block; height:100%; border-radius:3px; background:#6b4423; transition:width .4s ease; }
.fluff-dock-min { align-self:flex-start; width:32px; height:32px; border:0; border-radius:50%; background:rgba(255,255,255,.65); font-size:18px; line-height:1; cursor:pointer; }
.fluff-missions { display:flex; flex-direction:column; gap:2px; margin:0; padding:8px 12px 4px; list-style:none; }
.fluff-missions li { display:flex; align-items:center; gap:12px; min-height:56px; padding:6px 8px; border-radius:16px; }
.fluff-missions li.is-next { background:var(--paper); }
.fluff-missions li > div { flex:1; min-width:0; }
.fluff-missions strong { display:block; font-size:14px; font-weight:600; }
.fluff-missions small { display:block; font-size:12px; color:var(--muted); }
.fluff-missions li.is-done strong { color:var(--muted); text-decoration:line-through; }
.fluff-missions .dl-pill { min-height:34px; padding:0 14px; font-size:13px; }
.fluff-check { display:flex; align-items:center; justify-content:center; flex:none; width:26px; height:26px; border-radius:50%; font-size:12px; font-weight:700; color:#86868b; box-shadow:inset 0 0 0 1.5px #d2d2d7; }
.fluff-missions li.is-next .fluff-check { color:var(--ink); box-shadow:inset 0 0 0 2px var(--ink); background:#fff; }
.fluff-missions li.is-done .fluff-check { background:#34c759; color:#fff; box-shadow:none; }
.fluff-dock-hide { display:block; margin:2px 20px 14px; font-size:13px; color:var(--muted); }
.fluff-dock-done { padding:14px 20px 18px; }
.fluff-dock-done p { margin:0 0 12px; font-size:14px; color:#424245; }
.fluff-dock-pill { position:fixed; right:26px; bottom:26px; z-index:25; display:flex; align-items:center; gap:4px; padding:0 8px 0 0; border-radius:980px; background:#fff; box-shadow:0 14px 40px -12px rgba(0,0,0,.3); }
.fluff-dock-pill-open { display:flex; align-items:center; gap:10px; padding:6px 8px 6px 6px; border:0; border-radius:980px; background:none; font:inherit; text-align:left; cursor:pointer; }
.fluff-dock-pill .dl-agent-tile { width:40px; height:40px; border-radius:50%; }
.fluff-dock-pill strong { display:block; font-size:14px; }
.fluff-dock-pill small { font-size:12px; color:var(--muted); }
.fluff-dock-pill-close { display:flex; align-items:center; justify-content:center; width:28px; height:28px; border:0; border-radius:50%; background:#f5f5f7; color:#6e6e73; font:inherit; font-size:16px; line-height:1; cursor:pointer; }
.fluff-dock-pill-close:hover { background:#e8e8ed; color:var(--ink); }
.fluff-spot-layer { position:fixed; inset:0; z-index:70; pointer-events:none; }
.fluff-spot-hole { position:fixed; border-radius:22px; box-shadow:0 0 0 4px rgba(255,255,255,.9), 0 0 0 9999px rgba(20,20,24,.5); transition:top .2s ease, left .2s ease, width .2s ease, height .2s ease; }
.fluff-spot-dim { position:fixed; inset:0; background:rgba(20,20,24,.5); }
.fluff-spot-note { position:fixed; display:flex; align-items:flex-end; width:min(520px,calc(100vw - 32px)); pointer-events:auto; }
.fluff-spot-layer.is-centered .fluff-spot-note { top:50%; left:50%; transform:translate(-50%,-50%); }
.fluff-spot-art { width:132px; height:132px; object-fit:contain; flex:none; margin-right:-14px; position:relative; z-index:1; }
.fluff-spot-card { flex:1; display:flex; flex-direction:column; gap:8px; margin-bottom:24px; padding:18px 20px; border-radius:24px; background:#fff; box-shadow:0 20px 50px rgba(0,0,0,.25); }
.fluff-spot-card strong { font-size:17px; }
.fluff-spot-card p { margin:0; font-size:15px; line-height:1.45; color:#424245; }
.fluff-spot-card > div { display:flex; justify-content:flex-end; }
.fluff-cheer { position:fixed; top:84px; left:50%; z-index:90; display:flex; align-items:center; gap:12px; max-width:calc(100vw - 32px); padding:10px 20px 10px 10px; border-radius:980px; background:#1d1d1f; color:#fff; font-size:15px; box-shadow:0 14px 34px rgba(0,0,0,.25); transform:translateX(-50%); animation:fluff-cheer-in .35s cubic-bezier(.2,.9,.3,1.3); }
.fluff-cheer .dl-agent-tile { width:38px; height:38px; border-radius:50%; }
.fluff-cheer.is-leaving { opacity:0; transform:translate(-50%,-8px); transition:opacity .4s ease, transform .4s ease; }
@keyframes fluff-cheer-in { from { opacity:0; transform:translate(-50%,-14px) scale(.96); } to { opacity:1; transform:translateX(-50%); } }
@media (max-width:900px) {
  .fluff-backdrop { align-items:flex-start; padding:12px; }
  .fluff-brief { grid-template-columns:1fr; min-height:0; border-radius:28px; }
  .fluff-brief-stage { flex-direction:row; align-items:flex-end; gap:8px; padding:18px 16px 0; }
  .fluff-speech { flex:1; font-size:15px; padding:14px 16px; margin-bottom:16px; }
  .fluff-speech::after { left:auto; right:-9px; bottom:22px; }
  .fluff-brief-art { order:2; width:96px; margin:0; }
  .fluff-brief-body { padding:22px 18px 20px; gap:14px; }
  .fluff-brief-body h1 { font-size:28px; }
  .fluff-brief-foot > span { display:none; }
  .fluff-brief-foot .dl-pill { margin-left:auto; }
  .fluff-member .dl-agent-tile { width:56px; height:56px; }
  .fluff-dock { left:12px; right:12px; bottom:16px; width:auto; max-height:70vh; overflow-y:auto; }
  .fluff-dock-pill { right:16px; bottom:16px; }
  .fluff-spot-art { width:88px; height:88px; }
}
@media (prefers-reduced-motion:reduce) {
  .fluff-cheer { animation:none; }
  .fluff-member, .fluff-spot-hole, .fluff-progress i { transition:none; }
}
/* Commander Fluff's chat: side panel, full screen, and the ask bar */
.fc-panel { position:fixed; top:84px; right:16px; bottom:16px; z-index:60; display:flex; flex-direction:column; width:min(440px,calc(100vw - 32px)); border-radius:30px; background:#fff; box-shadow:0 24px 60px rgba(0,0,0,.16), 0 0 0 1px rgba(0,0,0,.04); overflow:hidden; }
@media (min-width:1280px) {
  .workspace-shell.fc-open-panel .sg-body { padding-right:456px; }
}
.fc-head { display:flex; align-items:center; gap:10px; padding:14px 14px 12px 16px; border-bottom:1px solid #f0f0f3; }
.fc-head > div { flex:1; min-width:0; }
.fc-head strong { display:block; font-size:16px; }
.fc-head small { display:block; font-size:12px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fc-head-art { width:46px; height:46px; border-radius:15px; }
.fc-icon { display:inline-flex; align-items:center; justify-content:center; flex:none; width:36px; height:36px; border:0; border-radius:12px; background:var(--paper); color:var(--ink); font:18px var(--sans); cursor:pointer; }
.fc-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.fc-icon:hover { background:var(--paper-2); }
.fc-icon[aria-pressed="true"] { background:var(--ink); color:#fff; }
.fc-icon.is-listening { background:#fdecea; color:#b3261e; }
.fc-stop { width:12px; height:12px; border-radius:3px; background:currentColor; }
.fc-scroll { flex:1; min-height:0; overflow-y:auto; display:flex; flex-direction:column; gap:14px; padding:16px; }
.fc-hello { margin:2px 0 0; font-size:17px; font-weight:600; letter-spacing:-.01em; }
.fc-brief { display:flex; flex-direction:column; gap:2px; padding:12px 14px; border-radius:20px; background:#faf6f1; }
.fc-brief > strong { font-size:13px; margin-bottom:4px; color:#6b4423; }
.fc-brief > span { font-size:14px; color:#424245; }
.fc-brief button { display:flex; align-items:center; gap:10px; min-height:42px; padding:4px 6px; margin:0 -6px; border:0; border-radius:12px; background:transparent; text-align:left; font:14px var(--sans); color:var(--ink); cursor:pointer; }
.fc-brief button:hover { background:rgba(107,68,35,.06); }
.fc-brief button .dl-agent-tile { width:30px; height:30px; border-radius:10px; }
.fc-brief button > span:not(.dl-agent-tile) { flex:1; min-width:0; }
.fc-brief button b { font-weight:600; }
.fc-brief button em { font-style:normal; font-size:13px; color:#0066cc; white-space:nowrap; }
.fc-msg { display:flex; gap:10px; font-size:15px; line-height:1.5; }
.fc-msg.is-me { align-self:flex-end; max-width:82%; padding:10px 14px; border-radius:20px 20px 6px 20px; background:var(--ink); color:#fff; white-space:pre-wrap; overflow-wrap:anywhere; }
.fc-msg-avatar { width:30px; height:30px; border-radius:10px; }
.fc-msg-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; }
.fc-msg-text p { margin:0 0 8px; overflow-wrap:anywhere; }
.fc-msg-text p:last-child { margin-bottom:0; }
.fc-used { display:flex; align-items:center; gap:4px; font-size:12px; color:var(--muted); }
.fc-used .dl-agent-tile { width:20px; height:20px; border-radius:6px; margin-right:2px; }
.fc-card { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:12px 14px; border-radius:18px; box-shadow:inset 0 0 0 1px #e3e3e8; }
.fc-card > div:first-child { flex:1; min-width:150px; }
.fc-card strong { display:block; font-size:14px; }
.fc-card small { display:block; font-size:12px; color:var(--muted); }
.fc-card-actions { display:flex; gap:6px; flex-wrap:wrap; }
.fc-card .dl-pill { min-height:34px; padding:0 13px; font-size:13px; }
.fc-typing { display:flex; align-items:center; gap:5px; padding:10px 14px; border-radius:18px; background:var(--paper); font-size:13px; color:var(--muted); }
.fc-typing i { width:6px; height:6px; border-radius:50%; background:#aeaeb2; animation:fc-dot 1s infinite ease-in-out; }
.fc-typing i:nth-child(2) { animation-delay:.15s; }
.fc-typing i:nth-child(3) { animation-delay:.3s; }
.fc-typing span { margin-left:6px; }
@keyframes fc-dot { 0%,80%,100% { opacity:.3; transform:translateY(0); } 40% { opacity:1; transform:translateY(-3px); } }
.fc-foot { display:flex; flex-direction:column; gap:8px; padding:10px 14px 12px; border-top:1px solid #f0f0f3; }
.fc-ideas { display:flex; gap:6px; flex-wrap:wrap; }
.fc-ideas button { padding:7px 12px; border:0; border-radius:980px; background:var(--paper); font:13px var(--sans); color:var(--ink); cursor:pointer; text-align:left; }
.fc-ideas button:hover { background:var(--paper-2); }
.fc-composer { display:flex; align-items:flex-end; gap:8px; padding:6px 6px 6px 14px; border-radius:22px; box-shadow:inset 0 0 0 1.5px #d2d2d7; background:#fff; }
.fc-composer:focus-within { box-shadow:inset 0 0 0 2px var(--ink); }
.fc-composer textarea { flex:1; min-height:24px; max-height:160px; padding:8px 0; border:0; outline:none; resize:none; background:transparent; font:15px/1.4 var(--sans); color:var(--ink); }
.fc-send { flex:none; width:38px; height:38px; border:0; border-radius:50%; background:var(--ink); color:#fff; font:18px var(--sans); cursor:pointer; }
.fc-send:disabled { opacity:.4; cursor:default; }
.fc-voice { min-height:0; font-size:12px; color:var(--muted); }
.fc-voice:empty { display:none; }
.fc-history-panel { display:flex; flex-direction:column; gap:8px; }
.fc-history-head { display:flex; align-items:center; justify-content:space-between; }
.fc-history { display:flex; flex-direction:column; gap:2px; }
.fc-history-item { display:flex; flex-direction:column; gap:2px; padding:10px 12px; border:0; border-radius:12px; background:transparent; text-align:left; font:inherit; color:var(--ink); cursor:pointer; }
.fc-history-item:hover, .fc-history-item.is-current { background:var(--paper); }
.fc-history-item strong { font-size:14px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fc-history-item small, .fc-muted { font-size:12px; color:var(--muted); }
.fc-full { position:fixed; inset:0; z-index:80; display:grid; grid-template-columns:280px minmax(0,1fr); background:#fff; }
.fc-side { display:flex; flex-direction:column; gap:6px; padding:18px 14px; background:var(--paper); overflow-y:auto; }
.fc-back { align-self:flex-start; min-height:40px; padding:0 12px; border:0; border-radius:12px; background:transparent; font:14px var(--sans); color:#424245; cursor:pointer; }
.fc-back:hover { background:var(--paper-2); }
.fc-new { margin:6px 0 10px; }
.fc-side-label { padding:4px 12px; font-size:12px; font-weight:600; color:var(--muted); }
.fc-side .fc-history-item.is-current, .fc-side .fc-history-item:hover { background:#fff; }
.fc-main { display:flex; flex-direction:column; min-width:0; min-height:0; }
.fc-main-head { display:flex; justify-content:flex-end; gap:8px; padding:14px 18px 0; }
.fc-main-scroll { align-items:center; padding:12px 24px 18px; }
.fc-main-scroll > * { width:100%; max-width:780px; }
.fc-thread { display:flex; flex-direction:column; gap:16px; }
.fc-hero { display:flex; align-items:flex-end; gap:18px; margin-top:4vh; }
.fc-hero-art { width:116px; height:116px; border-radius:34px; }
.fc-hero span { font-size:14px; font-weight:600; color:#6b4423; }
.fc-hero h1 { margin:4px 0 6px; font:800 40px var(--sans); letter-spacing:-.045em; line-height:1.05; }
.fc-brief-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.fc-brief-card { display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:16px; border:0; border-radius:22px; background:var(--agent-tint, var(--paper)); text-align:left; font:inherit; color:var(--ink); cursor:pointer; }
.fc-brief-card .dl-agent-tile { width:44px; height:44px; border-radius:14px; background:#fff; }
.fc-brief-card strong { font-size:15px; }
.fc-brief-card small { font-size:13px; color:#424245; }
.fc-ideas-block { display:flex; flex-direction:column; gap:8px; }
.fc-ideas-block > span { font-size:13px; font-weight:600; color:var(--muted); }
.fc-main-foot { display:flex; flex-direction:column; align-items:center; gap:6px; padding:0 24px 22px; }
.fc-main-foot > * { width:100%; max-width:780px; }
.fc-main-foot .fc-composer { padding:10px 10px 10px 20px; border-radius:26px; box-shadow:0 10px 30px rgba(0,0,0,.08), inset 0 0 0 1px #e3e3e8; }
.fc-note { text-align:center; font-size:12px; color:#86868b; }
.sg-pal-fluff { width:26px; height:26px; border-radius:9px; }
.sg-pal-answer-body { max-height:56vh; overflow-y:auto; padding:16px 18px; }
.sg-pal-answer-foot { display:flex; align-items:center; gap:14px; padding:10px 18px 16px; border-top:1px solid #f0f0f3; }
@media (max-width:900px) {
  .fc-panel { inset:0; top:0; right:0; bottom:0; width:100%; border-radius:0; }
  .fc-full { grid-template-columns:1fr; }
  .fc-side { display:none; }
  .fc-hero { margin-top:8px; }
  .fc-hero-art { width:72px; height:72px; border-radius:22px; }
  .fc-hero h1 { font-size:28px; }
  .fc-brief-cards { grid-template-columns:1fr; }
  .fc-foot .fc-ideas { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  .fc-foot .fc-ideas button { flex:none; white-space:nowrap; }
  .fc-main-scroll, .fc-main-foot { padding-left:14px; padding-right:14px; }
}
@media (prefers-reduced-motion:reduce) {
  .fc-typing i { animation:none; }
}
/* Today, bottom: the plan for the time picked, the Then list, and all clear. */
.td-plan-head { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:20px 0 18px; }
.td-plan-head > div:first-child { flex:1 1 280px; min-width:0; }
.td-plan-head h2 { margin:0; font-size:28px; font-weight:800; letter-spacing:-.03em; }
.td-plan-head p { margin:4px 0 0; font-size:15px; color:var(--muted); }
.td-plan-times { display:flex; gap:4px; padding:4px; border-radius:14px; background:#e8e8ed; }
.td-plan-times button { min-height:38px; padding:0 14px; border:0; border-radius:11px; background:transparent; color:var(--ink); font:400 14px var(--sans); cursor:pointer; }
.td-plan-times button[aria-checked="true"] { background:#fff; font-weight:600; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.td-plan-held { border:0; padding:0; background:none; color:var(--dl-link); font:inherit; cursor:pointer; }
.td-plan-held:hover { text-decoration:underline; }
.dl-daybar + .td-plan-head { margin-top:4px; }
.dl-today .td-next { display:flex; align-items:center; gap:10px; }
.dl-today .td-next .td-progress { flex:1; margin:0; }
.dl-today .td-next .td-progress span { background:var(--ink); }
.td-next-min { font-size:13px; color:var(--muted); }
.td-then { display:flex; flex-direction:column; padding:18px 20px; border-radius:28px; background:var(--dl-card); }
.td-then h3 { margin:0 0 6px; font-size:16px; }
.td-then-row { display:flex; align-items:center; gap:12px; min-height:58px; padding:6px 0; border:0; border-bottom:1px solid #f0f0f3; background:transparent; color:var(--ink); text-align:left; font-family:var(--sans); cursor:pointer; }
.td-then-row:last-of-type { border-bottom:0; }
.td-then-row:hover strong { color:var(--dl-link); }
.td-then-row .dl-agent-tile { width:34px; height:34px; border-radius:11px; flex:none; }
.td-then-row > span { flex:1; min-width:0; display:flex; flex-direction:column; }
.td-then-row strong { font-size:14px; font-weight:600; }
.td-then-row small { font-size:12px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.td-then-row em { font-style:normal; font-size:13px; color:var(--muted); flex:none; }
.td-then .td-rail-empty { padding:6px 0; }
.td-then-held { margin:8px 0 0; font-size:13px; color:var(--muted); }
.td-clear { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr); overflow:hidden; border-radius:32px; background:var(--dl-card); }
.td-clear-fluff { display:flex; flex-direction:column; gap:10px; padding:28px 28px 0; background:#f3e9df; }
.td-clear-fluff > span { font-size:13px; font-weight:600; color:#6b4423; }
.td-clear-fluff h2 { margin:0; font-size:30px; font-weight:800; letter-spacing:-.035em; line-height:1.1; }
.td-clear-fluff p { margin:0; font-size:15px; line-height:1.5; color:#5a4636; }
.td-clear-art { width:180px; height:180px; object-fit:contain; align-self:center; margin-top:auto; }
.td-clear-body { display:flex; flex-direction:column; gap:20px; padding:24px 26px; }
.td-clear-group { display:flex; flex-direction:column; gap:8px; }
.td-clear-group h3 { margin:0; font-size:15px; }
.td-clear-row { display:flex; align-items:center; gap:12px; min-height:48px; font-size:14px; }
.td-clear-row .dl-agent-tile { width:34px; height:34px; border-radius:11px; flex:none; }
.td-clear-row span { flex:1; min-width:0; }
.td-clear-row small, .td-clear-more, .td-clear-note, .td-clear-held { font-size:13px; color:var(--muted); }
.td-clear-note, .td-clear-held { margin:0; }
.td-clear-ideas { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.td-clear-ideas button { display:flex; flex-direction:column; gap:4px; min-height:64px; padding:14px; border:0; border-radius:18px; background:#f5f5f7; color:var(--ink); text-align:left; font-family:var(--sans); cursor:pointer; transition:background-color .15s; }
.td-clear-ideas button:hover { background:#ececf0; }
.td-clear-ideas strong { font-size:14px; }
.td-clear-ideas small { font-size:12px; color:var(--muted); }
@media (max-width: 760px) {
  .td-plan-head h2 { font-size:24px; }
  .td-plan-times { width:100%; }
  .td-plan-times button { flex:1; padding:0 6px; min-height:44px; }
  .td-clear { grid-template-columns:1fr; }
  .td-clear-art { width:120px; height:120px; }
  .td-clear-ideas { grid-template-columns:1fr; }
}
/* Loading: the page appears in outline at once and fills in. */
.wl-shell { min-height:100vh; background:#f5f5f7; }
.wl-top { pointer-events:none; }
.wl-nav { flex:1; display:flex; justify-content:center; gap:12px; }
.wl-bar { display:block; height:10px; border-radius:6px; background:linear-gradient(90deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.025) 50%, rgba(0,0,0,.06) 100%); background-size:200% 100%; animation:wl-shimmer 1.4s ease-in-out infinite; }
.wl-pill { height:32px; border-radius:999px; }
.wl-square { width:40px; height:40px; border-radius:12px; }
.wl-main { max-width:1232px; margin:0 auto; padding:32px 24px; display:flex; flex-direction:column; gap:20px; }
.wl-hero { padding:32px 36px 28px; border-radius:36px; background:#fff; display:flex; flex-direction:column; gap:26px; }
.wl-hero-top { display:flex; align-items:center; gap:28px; }
.wl-fluff { width:150px; height:150px; object-fit:contain; flex:none; }
.wl-hero h1 { margin:6px 0 4px; font-size:clamp(34px, 5vw, 64px); font-weight:800; letter-spacing:-.045em; line-height:1.02; }
.wl-hero p { margin:0; font-size:18px; color:var(--muted); }
.wl-squad { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:12px; }
.wl-squad > span { height:176px; border-radius:24px; background:var(--agent-tint); display:flex; flex-direction:column; align-items:center; gap:12px; padding-top:16px; }
.wl-squad .dl-agent { width:80px; height:80px; object-fit:contain; opacity:.5; }
.wl-hero-page { padding:28px 32px; }
.wl-page-agent { width:64px; height:64px; border-radius:20px; }
.wl-hero-page h1 { font-size:clamp(28px, 4vw, 40px); }
.wl-hero-page p { font-size:16px; }
.wl-lower { display:grid; grid-template-columns:1.5fr 1fr; gap:20px; }
.wl-card { min-height:260px; padding:26px; border-radius:30px; background:#fff; display:flex; flex-direction:column; gap:16px; }
.wl-bar.is-title { height:28px; border-radius:10px; }
.wl-bar.is-block { height:120px; border-radius:18px; }
.wl-bar.is-row { height:44px; border-radius:12px; }
@keyframes wl-shimmer { 0% { background-position:100% 0; } 100% { background-position:-100% 0; } }
@media (prefers-reduced-motion: reduce) {
  .wl-bar { animation:none; }
}
.wl-failed { display:grid; place-items:center; padding:24px 16px; }
.wl-error { width:min(620px, 100%); overflow:hidden; border-radius:36px; background:#fff; }
.wl-error-head { display:flex; align-items:flex-end; gap:18px; padding:24px 28px 0; background:#f3e9df; }
.wl-error-art { width:130px; height:130px; object-fit:contain; flex:none; }
.wl-error-head > div { padding-bottom:22px; }
.wl-error-head span { font-size:13px; font-weight:600; color:#6b4423; }
.wl-error-head h1 { margin:4px 0 0; font-size:28px; font-weight:800; letter-spacing:-.035em; line-height:1.15; }
.wl-error-body { display:flex; flex-direction:column; gap:16px; padding:22px 28px 26px; }
.wl-error-body p { margin:0; font-size:15px; line-height:1.55; color:#424245; }
.wl-error-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.wl-quiet { background:#f5f5f7; color:var(--ink); }
.wl-quiet:hover { background:#ececf0; }
.wl-countdown { margin-left:auto; font-size:13px; color:#86868b; }
@media (max-width: 760px) {
  .wl-nav { display:none; }
  .wl-main { padding:20px 16px; }
  .wl-hero { padding:24px 20px; border-radius:28px; }
  .wl-hero-top { gap:16px; }
  .wl-fluff { width:88px; height:88px; }
  .wl-squad { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .wl-squad > span:nth-child(n+5) { display:none; }
  .wl-squad > span { height:140px; }
  .wl-lower { grid-template-columns:1fr; }
  .wl-error-head { padding:20px 20px 0; }
  .wl-error-art { width:96px; height:96px; }
  .wl-error-head h1 { font-size:22px; }
  .wl-error-body { padding:18px 20px 22px; }
  .wl-countdown { margin-left:0; width:100%; }
}
/* A quiet pill button (the evidence toggle uses it). */
.finder-quiet { background:#f5f5f7; color:var(--ink); }
.finder-quiet:hover { background:#ececf0; color:var(--ink); }
/* Plan & credits */
.toast.has-action.show { pointer-events:auto; max-width:420px; }
.toast-action { flex:none; margin-left:4px; padding:6px 12px; border:0; border-radius:999px; background:var(--acid); color:var(--ink); font:600 12px var(--sans); cursor:pointer; }
.credit-plan { grid-template-columns:1fr; }
.credit-plan .reference-setting-card { align-items:start; }
.credit-plan .reference-setting-card:not(.credit-plan-card) { grid-template-columns:minmax(0,1fr); }
.credit-plan-card.is-payment-required { border-color:#f3a26c; }
.credit-plan-card.is-owner { border-color:#c9ee3d; }
.credit-plan h2 { margin:4px 0 8px; }
.credit-plan p { margin:0 0 8px; color:var(--muted); line-height:1.5; }
.credit-meter { height:8px; margin:6px 0 12px; border-radius:999px; background:var(--paper-2); overflow:hidden; }
.credit-meter span { display:block; height:100%; border-radius:inherit; background:var(--deep); }
.credit-alert { padding:8px 12px; border-radius:10px; background:#fff1e8; color:#8a3b0e !important; }
.credit-usage, .credit-prices { display:grid; gap:2px; margin:6px 0 12px; padding:0; list-style:none; }
.credit-usage li, .credit-prices li { display:flex; justify-content:space-between; gap:16px; padding:9px 0; border-bottom:1px solid var(--line); }
.credit-usage li:last-child, .credit-prices li:last-child { border-bottom:0; }
.credit-usage span { text-transform:capitalize; }
.credit-prices div { display:grid; gap:2px; }
.credit-prices small { color:var(--muted); }
.credit-prices span { flex:none; font:500 13px var(--mono); }
@media (max-width:640px) {
  .credit-plan-card { grid-template-columns:minmax(0,1fr) !important; }
  .credit-plan-card .reference-setting-icon { display:none; }
}
.credit-plans { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:12px; }
.credit-plan-option { display:grid; gap:6px; align-content:start; padding:20px; border:1px solid #dfdfe1; border-radius:16px; background:#ffffff; }
.credit-plan-option.is-current { border-color:var(--deep); box-shadow:0 0 0 2px rgba(61,90,0,.12); }
.credit-plan-option strong { font-size:30px; letter-spacing:-.03em; }
.credit-plan-option strong small { margin-left:2px; color:var(--muted); font-size:13px; font-weight:500; letter-spacing:0; }
.credit-plan-option p { margin:0; font-weight:600; }
.credit-plan-option small { color:var(--muted); line-height:1.45; }
.credit-plan-option button { justify-self:start; margin-top:8px; }
.credit-plan-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:10px; }
.credit-plan-card.is-past_due, .credit-plan-card.is-none { border-color:#f3a26c; }
/* Signal coverage: which accounts are watched and whether sources work. */
.signal-coverage { margin-bottom:20px; padding:20px 24px; border:1px solid var(--line, #ececf0); border-radius:20px; background:#ffffff; }
.sc-head { display:flex; align-items:flex-start; gap:14px; }
.sc-head > div { flex:1; min-width:0; }
.sc-head h2 { margin:6px 0 4px; color:#222224; font-size:20px; letter-spacing:-.03em; }
.sc-head p { margin:0; color:#6f6f71; font-size:12px; line-height:1.5; max-width:680px; }
.sc-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:16px; }
.sc-stat { display:grid; gap:2px; padding:12px 14px; border:1px solid #e3e3e8; border-radius:12px; background:#f7f7f9; }
.sc-stat strong { color:#2d2d2f; font:700 22px var(--mono, monospace); }
.sc-stat span { color:#6f6f71; font-size:11px; }
.sc-stat.is-ok strong { color:#526b19; }
.sc-stat.is-warn strong { color:#9a6a00; }
.sc-stat.is-bad strong { color:#b42318; }
.sc-block { margin-top:16px; }
.sc-sources, .sc-rows { display:grid; gap:6px; margin:8px 0 0; padding:0; list-style:none; }
.sc-sources { grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
.sc-source { display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border:1px solid #ececf0; border-radius:10px; }
.sc-source i { flex:none; width:8px; height:8px; margin-top:5px; border-radius:50%; background:#c7c7cc; }
.sc-source.is-ok i { background:#7aa31f; }
.sc-source.is-degraded i { background:#e0a100; }
.sc-source.is-failing i { background:#d92d20; }
.sc-source span, .sc-row span { display:grid; gap:2px; min-width:0; }
.sc-source strong, .sc-row strong { color:#2d2d2f; font-size:13px; }
.sc-source small, .sc-row small { color:#6f6f71; font-size:11px; }
.sc-source em, .sc-row em { color:#b42318; font-size:11px; font-style:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sc-row { display:flex; align-items:center; gap:10px; padding:8px 12px; border:1px solid #ececf0; border-radius:10px; }
.sc-row .hm-logo { width:36px; height:36px; border-radius:10px; font-size:15px; }
.sc-row span { flex:1; }
.sc-row b { flex:none; padding:3px 8px; border-radius:999px; background:#f2f2f5; color:#6f6f71; font-size:11px; font-weight:600; }
.sc-row.is-failed b { background:#fdecea; color:#b42318; }
.sc-row.is-stale b { background:#fff4d6; color:#8a5a00; }
.sc-more { display:block; margin-top:8px; color:#8e8e93; font-size:11px; }
@media (max-width:720px) {
  .signal-coverage { padding:16px; }
  .sc-head { flex-wrap:wrap; }
  .sc-stats { grid-template-columns:repeat(2,1fr); }
}
.ac-when { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.ac-when span { color:#6f6f71; font-size:12px; }
.ac-when input { width:120px; }
.ac-task-note.is-held { color:#9a3412; }
.ac-task-note.is-waiting, .ac-task-note.is-research { color:#6f6f71; }
.ac-runs h2 { margin:0 0 10px; font-size:16px; }
.ac-run { display:grid; grid-template-columns:140px 1fr 110px 90px; gap:12px; padding:10px 0; border-top:1px solid #ececf0; color:#3a3a3c; font-size:13px; }
.ac-run b { color:#b42318; font-weight:600; }
@media (max-width:720px) {
  .ac-run { grid-template-columns:1fr 1fr; }
}
.credit-plan-unlimited { display:block; margin-top:6px; color:#526b19; font-weight:600; }
/* Home before signals are set up: top 5 ranked beside the selected one. */
.hm-logo { position:relative; flex:none; width:44px; height:44px; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:12px; background:#f5f5f7; color:var(--ink); font-weight:800; font-size:18px; }
.hm-logo img { position:absolute; inset:0; width:100%; height:100%; padding:6px; box-sizing:border-box; object-fit:contain; background:#ffffff; opacity:0; }
.hm-logo.has-logo img { opacity:1; }
.hm-logo.is-large { width:56px; height:56px; border-radius:14px; font-size:22px; }
.hm-row-action { min-height:44px; display:inline-flex; align-items:center; gap:6px; padding:0 16px; border-radius:12px; background:#f5f5f7; color:var(--ink); font-weight:600; font-size:14px; white-space:nowrap; }
.hm-row-action:hover { background:#ededef; }
.auth-ms-admin { margin:12px 0 0; padding:12px 14px; border:1px solid #e3e3e8; border-radius:12px; background:#fbfbfb; font-size:13px; line-height:1.5; color:#4d4d4f; }
.auth-ms-admin summary { cursor:pointer; font-weight:600; color:var(--ink); }
.auth-ms-admin p { margin:8px 0; }
.auth-ms-admin-link { display:flex; gap:8px; align-items:center; }
.auth-ms-admin-link input { flex:1; min-width:0; height:40px; font:12px var(--mono); }
.auth-ms-admin-link button { min-height:40px; padding:0 14px; border:1px solid #d6d6d8; border-radius:10px; background:#fff; font-weight:600; }
/* Feature views (src/views/*.js): sending, data, developers, agency, SSO,
   Agent Tables, learning and evidence cards. */
.fv-slot.is-loading { min-height:40px; }
.fv-error { margin:8px 0; padding:9px 11px; color:#984f35; background:#fff0e9; border-radius:8px; font-size:12px; }
.fv-muted { margin:6px 0; color:#78787a; font-size:12px; line-height:1.5; }
.fv-settings { margin-top:12px; }
.reference-setting-card.fv-card { grid-template-columns:48px minmax(0,1fr); align-items:start; }
.reference-setting-card.fv-card .fv-card-actions { grid-column:2; }
.fv-card-body > p { margin:0 0 10px; color:#636365; font-size:12px; line-height:1.5; }
.fv-card-body { min-width:0; }
.fv-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:10px 0; }
.fv-actions.is-wide { grid-column:1 / -1; }
.fv-mcp-source { display:flex; flex-wrap:wrap; gap:6px 10px; align-items:center; }
.fv-mcp-source select { max-width:260px; }
.fv-rows { display:grid; gap:10px; margin-top:12px; }
.fv-row-card { padding:14px 16px; border:1px solid #e6e6e8; border-radius:12px; background:#fbfbfc; }
.fv-row-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.fv-row-head strong { display:block; font-size:14px; overflow-wrap:anywhere; }
.fv-row-head small { display:block; margin-top:3px; color:#78787a; font:11px var(--mono); overflow-wrap:anywhere; }
.fv-stats { display:flex; flex-wrap:wrap; gap:6px 18px; margin:10px 0; color:#636365; font-size:12px; }
.fv-stats b { color:var(--ink); font-size:15px; margin-right:3px; }
.fv-pill { display:inline-flex; align-items:center; min-height:22px; padding:0 9px; border-radius:999px; color:#4d4d50; background:#efeff2; font:11px var(--mono); white-space:nowrap; }
.fv-pill.is-good { color:#3d5a00; background:#eef7d2; }
.fv-pill.is-warn { color:#7a5200; background:#fff4d6; }
.fv-pill.is-bad { color:#984f35; background:#fff0e9; }
.fv-pill-row { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0; }
.fv-warnings { margin:8px 0; padding-left:18px; color:#8a5a1f; font-size:12px; line-height:1.5; }
.fv-list { margin:6px 0 10px; padding-left:18px; font-size:12px; line-height:1.5; }
.fv-list.is-rows { padding:0; list-style:none; }
.fv-list.is-rows > li { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:9px 0; border-top:1px solid #ececef; }
.fv-list.is-rows > li strong { display:block; font-size:13px; overflow-wrap:anywhere; }
.fv-list.is-rows > li small { display:block; margin-top:2px; color:#78787a; font:11px var(--mono); overflow-wrap:anywhere; }
.fv-dns { margin:8px 0 2px; color:#4d4d50; font:12px var(--mono); }
.fv-dns small { color:#8e8e90; }
.fv-ok { color:#4e7a0c; font-weight:700; }
.fv-no { color:#b4532a; font-weight:700; }
.fv-danger { color:#a15b44 !important; }
.fv-details { margin:10px 0 0; border-top:1px solid #ececef; padding-top:8px; }
.fv-details > summary { cursor:pointer; color:#4d4d50; font-size:12px; font-weight:600; }
.fv-form { display:grid; gap:10px; margin:10px 0; }
.fv-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:10px; }
.fv-grid .is-wide, .fv-form .is-wide { grid-column:1 / -1; }
.fv-form label, .fv-grid label { display:flex; flex-direction:column; gap:5px; color:#78787a; font:11px var(--mono); }
.fv-form input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), .fv-form select, .fv-form textarea, .fv-inline-form input { width:100%; min-height:38px; padding:8px 10px; border:1px solid #dedee0; border-radius:8px; outline:0; color:var(--ink); background:#ffffff; font:13px var(--sans); box-sizing:border-box; }
.fv-form textarea { resize:vertical; line-height:1.45; }
.fv-form input:focus, .fv-form select:focus, .fv-form textarea:focus, .fv-inline-form input:focus { border-color:#98b82e; box-shadow:0 0 0 3px #ececf0; }
.fv-form small { color:#9c9c9e; }
.fv-form label.fv-check, .fv-check { flex-direction:row; align-items:center; gap:7px; color:#4d4d50; font:12px var(--sans); }
.fv-check.is-disabled { color:#a5a5a7; }
.fv-form fieldset { min-width:0; margin:0; padding:0; border:0; }
.fv-form legend { margin-bottom:6px; color:#78787a; font:11px var(--mono); }
.fv-scopes, .fv-days { display:flex; flex-wrap:wrap; gap:6px 16px; }
.fv-radio { display:grid; gap:8px; }
.fv-radio label { flex-direction:row; align-items:flex-start; gap:8px; color:#4d4d50; font:12px/1.45 var(--sans); }
.fv-form button[type="submit"] { justify-self:start; }
.fv-inline-form { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.fv-inline-form input { width:auto; flex:1 1 200px; }
.fv-secret { display:grid; gap:8px; margin:10px 0; padding:12px; border:1px solid #d9e8a8; border-radius:10px; background:#f7fbe8; font-size:12px; }
.fv-secret code { padding:8px; border-radius:6px; background:#ffffff; font:12px var(--mono); overflow-wrap:anywhere; }
.fv-secret button { justify-self:start; }
.fv-endpoints { display:grid; grid-template-columns:max-content 1fr; gap:6px 12px; margin:10px 0; font-size:12px; }
.fv-endpoints dt { color:#78787a; font:11px var(--mono); }
.fv-endpoints dd { margin:0; overflow-wrap:anywhere; }
.fv-endpoints code, .fv-card-body code { font:12px var(--mono); }
.fv-log { margin:6px 0 0; padding-left:16px; color:#636365; font:11px var(--mono); line-height:1.6; }
.fv-hook { flex-wrap:wrap; }
.fv-result { margin:10px 0; padding:12px; border:1px solid #e6e6e8; border-radius:10px; background:#fbfbfc; font-size:12px; }
.fv-result small { display:block; margin-top:6px; color:#78787a; font:11px var(--mono); }
.fv-table-wrap { width:100%; overflow:auto; border:1px solid #e6e6e8; border-radius:10px; background:#ffffff; }
.fv-table { width:100%; border-collapse:collapse; font-size:12px; }
.fv-table th, .fv-table td { padding:9px 11px; border-bottom:1px solid #ececef; text-align:left; vertical-align:top; }
.fv-table thead th { position:sticky; top:0; z-index:1; color:#636365; background:#f7f7f9; font:600 11px var(--mono); white-space:nowrap; }
.fv-table td small, .fv-table th small { display:block; color:#8e8e90; font:11px var(--mono); font-weight:400; }
.fv-rate { display:inline-flex; align-items:center; gap:8px; }
.fv-ci { position:relative; display:inline-block; width:80px; height:6px; border-radius:3px; background:#ececef; }
.fv-ci i { position:absolute; top:0; height:6px; border-radius:3px; background:#c9ee3d; }
.fv-ci em { position:absolute; top:-2px; width:2px; height:10px; background:var(--ink); }
.fv-rate small { color:#8e8e90; font:11px var(--mono); }
.fv-recs { display:grid; gap:8px; margin:8px 0; padding:0; list-style:none; }
.fv-rec { display:grid; gap:4px; padding:10px 12px; border-radius:10px; font-size:12px; line-height:1.45; }
.fv-rec.is-more { background:#f3f9e1; }
.fv-rec.is-less { background:#fff4ee; }
.fv-rec strong { font-size:11px; font-family:var(--mono); text-transform:uppercase; letter-spacing:.04em; }
/* Evidence card */
.fv-receipt { display:grid; gap:6px; margin:10px 0; padding:12px 14px; border:1px solid #e3e3e8; border-radius:12px; background:#ffffff; }
.fv-receipt-head { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.fv-receipt-head strong { font-size:13px; }
.fv-receipt-head .text-button { margin-left:auto; }
.fv-receipt-proof summary { display:flex; align-items:center; gap:8px; cursor:pointer; font-size:13px; font-weight:600; padding:4px 0; }
.fv-receipt-proof ul { list-style:none; margin:2px 0 6px; padding:0 0 0 26px; display:grid; gap:6px; }
.fv-receipt-proof li { display:flex; gap:8px; align-items:flex-start; font-size:12px; line-height:1.45; }
.fv-receipt-proof li b { display:block; font-weight:600; }
.fv-receipt-proof li small { display:block; color:#636365; }
.fv-receipt-proof li q { display:block; margin-top:2px; color:#78787a; font-style:italic; }
.fv-receipt-mark { display:inline-grid; place-items:center; flex:0 0 18px; width:18px; height:18px; border-radius:50%; font-size:11px; font-weight:700; background:#e6f5bd; color:#2f4a00; }
.is-warn > .fv-receipt-mark, .is-warn > summary > .fv-receipt-mark { background:#fff1cc; color:#6b4b00; }
.is-fail > .fv-receipt-mark, .is-fail > summary > .fv-receipt-mark { background:#fde0dc; color:#8a1c10; }
.fv-evidence { display:grid; gap:8px; margin:10px 0; padding:14px; border:1px solid #e3e3e8; border-radius:12px; background:#ffffff; }
.fv-evidence-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.fv-evidence-head strong { display:block; font-size:13px; }
.fv-evidence-head small { display:block; color:#78787a; font:11px var(--mono); }
.fv-proof-score { display:grid; place-items:center; width:48px; height:48px; border-radius:12px; background:#efeff2; line-height:1; }
.fv-proof-score b { font-size:18px; }
.fv-proof-score small { color:#636365; font:10px var(--mono); }
.fv-evidence.is-strong .fv-proof-score { background:#e6f5bd; }
.fv-evidence.is-good .fv-proof-score { background:#eef7d2; }
.fv-evidence.is-thin .fv-proof-score { background:#fff4d6; }
.fv-evidence.is-none .fv-proof-score { background:#fff0e9; }
.fv-why { margin:0; font-size:12px; line-height:1.5; }
.fv-breakdown { margin-top:8px; font-size:12px; }
.fv-breakdown summary { cursor:pointer; color:#636365; }
.fv-breakdown ul { margin:6px 0 0; padding:0; list-style:none; }
.fv-breakdown li { display:flex; justify-content:space-between; gap:12px; padding:5px 0; border-top:1px solid #f0f0f2; }
.fv-breakdown li span small { display:block; color:#8a8a8c; font-size:11px; }
.fv-breakdown li b { white-space:nowrap; }
.fv-breakdown li b small { color:#8a8a8c; font-weight:400; }
.fv-why b { margin-right:6px; font:600 11px var(--mono); text-transform:uppercase; }
.fv-sources { display:grid; gap:6px; margin:0; padding-left:18px; font-size:12px; }
.fv-sources small { display:block; color:#8e8e90; font:11px var(--mono); }
.fv-sources a { color:#3d5a00; overflow-wrap:anywhere; }
.fv-sources blockquote { margin:4px 0 0; padding-left:8px; border-left:2px solid #e3e3e8; color:#636365; }
.fv-evidence-wrap { margin:10px 0; }
.fv-inbox-tools { display:grid; gap:6px; margin:10px 0; }
.fv-reply-draft pre { margin:6px 0; padding:10px; white-space:pre-wrap; border-radius:8px; background:#f7f7f9; font:12px/1.5 var(--sans); }
.review-from { margin-top:-6px; }
/* Agent Tables */
.fv-tables { display:grid; gap:14px; }
.fv-intro { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; padding:18px 20px; border:1px solid #dfdfe1; border-radius:16px; background:#ffffff; }
.fv-intro h2 { margin:5px 0; font-size:22px; letter-spacing:-.035em; }
.fv-intro p { margin:0; color:#636365; font-size:12px; line-height:1.5; }
.fv-intro > div:first-child { flex:1 1 320px; min-width:0; }
.fv-table-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:12px; }
.fv-table-card { display:grid; gap:6px; justify-items:start; padding:16px; text-align:left; border:1px solid #dfdfe1; border-radius:14px; background:#ffffff; cursor:pointer; }
.fv-table-card:hover { border-color:#b9cf6a; }
.fv-table-card strong { font-size:15px; }
.fv-table-card small { color:#78787a; font:11px var(--mono); }
.fv-new-table { padding:14px 18px; border:1px solid #dfdfe1; border-radius:14px; background:#ffffff; }
.fv-col { padding:12px; border:1px solid #ececef !important; border-radius:10px; background:#fbfbfc; }
.fv-cols { display:grid; gap:10px; }
.fv-table-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; align-items:start; }
.fv-table-layout:has(.fv-cell-detail) { grid-template-columns:minmax(0,1fr) minmax(260px,320px); }
.fv-agent-grid { max-height:70vh; }
.fv-agent-grid tbody th { position:sticky; left:0; z-index:1; min-width:170px; background:#ffffff; font-weight:400; }
.fv-agent-grid tbody th strong { display:block; font-size:12px; }
.fv-agent-grid thead th:first-child { left:0; z-index:2; }
.fv-agent-grid thead th span { display:inline-block; max-width:180px; overflow:hidden; text-overflow:ellipsis; vertical-align:bottom; }
.fv-agent-grid td { min-width:150px; padding:0; }
.fv-agent-grid td.is-open { background:#f3f9e1; }
.fv-cell-button { width:100%; min-height:38px; padding:9px 11px; text-align:left; background:transparent; cursor:pointer; font:12px var(--sans); color:var(--ink); }
.fv-cell-button:hover { background:#f7f7f9; }
.fv-cell sup { margin-left:3px; color:#4e7a0c; font:10px var(--mono); }
.fv-cell.is-empty, .fv-cell.is-muted { color:#a5a5a7; }
.fv-cell.is-error { color:#a15b44; }
.fv-cell-detail { position:sticky; top:12px; display:grid; gap:8px; padding:14px; border:1px solid #dfdfe1; border-radius:14px; background:#ffffff; }
.fv-cell-value { margin:0; font-size:14px; line-height:1.45; overflow-wrap:anywhere; }
.fv-progress { display:grid; gap:4px; margin-top:10px; }
.fv-progress-bar { height:6px; border-radius:3px; background:#ececef; overflow:hidden; }
.fv-progress-bar i { display:block; height:100%; background:#9bbd2e; transition:width .4s ease; }
.fv-progress small { color:#78787a; font:11px var(--mono); }
.fv-pager { display:flex; justify-content:center; align-items:center; gap:16px; color:#636365; font-size:12px; }
@media (max-width:700px) {
  .reference-setting-card.fv-card { grid-template-columns:1fr; }
  .reference-setting-card.fv-card > .reference-setting-icon { display:none; }
  .reference-setting-card.fv-card .fv-card-actions { grid-column:1; }
  .fv-table-layout:has(.fv-cell-detail) { grid-template-columns:minmax(0,1fr); }
  .fv-cell-detail { position:static; }
  .fv-endpoints { grid-template-columns:1fr; }
}
.fv-card a.button, .fv-card a.reference-outline-button, .fv-tables a.button, .fv-tables a.reference-outline-button { text-decoration:none; }
.fv-agent-grid thead th .fv-danger { margin-left:6px; padding:0 4px; font-size:14px; line-height:1; }
.fv-agent-grid thead th small { display:block; }

/* ---- One workspace: pieces added by the consolidation ------------------- */
.reference-intro-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.td-queue { margin-top:28px; }
.td-queue .td-queue-intro { align-items:center; margin-bottom:16px; }
.td-queue .td-queue-intro h2 { margin:6px 0 4px; font-size:26px; letter-spacing:-.04em; }
.td-queue .td-queue-intro .reference-subtitle { font-size:14px; }
.td-queue .work-filters { margin-bottom:16px; }
.work-queue .opportunity-radar { margin-bottom:16px; }
.has-fluff-dock .workspace-main { padding-bottom:280px; }
@media (max-width:700px) { .has-fluff-dock .workspace-main { padding-bottom:120px; } .reference-intro-actions { justify-content:flex-start; } }
@media (max-width:760px) { .retention-actions, .reference-support-actions { flex-wrap:wrap; } .retention-actions > * { max-width:100%; } }
.fv-starters { margin-top:14px; }
.fv-clay-import { margin-top:14px; }
.fv-starters-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
.fv-starters-head h3, .fv-your-tables h3 { margin:0; font-size:15px; letter-spacing:-.02em; }
.fv-starters-head span { color:var(--muted); font-size:12px; }
.fv-starters-head .text-button { padding:0; font-size:inherit; font-weight:600; }
.fv-starter-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:12px; }
.fv-starter { display:grid; gap:8px; justify-items:start; padding:16px; text-align:left; border:1px solid #dfdfe1; border-radius:16px; background:#fff; font:inherit; cursor:pointer; transition:border-color .15s, box-shadow .15s; }
.fv-starter:hover { border-color:#b9cf6a; }
.fv-starter.is-selected { border-color:var(--ink); box-shadow:inset 0 0 0 1px var(--ink); }
.fv-starter strong { font-size:15px; }
.fv-starter small { color:var(--muted); font-size:12px; line-height:1.4; }
.fv-starter-cols { display:flex; flex-wrap:wrap; gap:4px; }
.fv-starter-cols i { padding:2px 8px; border-radius:980px; background:var(--paper); color:#424244; font-style:normal; font-size:11px; }
.fv-starter em { color:#8e8e90; font-style:normal; font-size:11px; }
.fv-your-tables { margin-top:18px; }
.fv-your-tables h3 { margin-bottom:10px; }
.fv-new-table { margin-top:14px; }
.fv-form [hidden], .fv-kind[hidden], .fv-source-opt[hidden] { display:none !important; }
.work-signals-note { margin:0 0 14px; padding:10px 14px; border-radius:14px; background:var(--paper); color:var(--muted); font-size:13px; line-height:1.5; }
.work-signals-note .text-button { padding:0; font-size:inherit; font-weight:600; }

/* Setup's last step: connect the CRM */
.cp-connect-crm .dt-crm-card { gap:18px; padding:28px; border:0; border-radius:28px; }
.cp-connect-crm .dt-crm-card h3 { font-size:20px; }
.dt-crm-choices { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
.dt-crm-choices .dt-signin { min-height:52px; }
.dt-crm-choices.is-done { grid-template-columns:minmax(0, 320px); }
.dt-crm-includes { display:flex; flex-wrap:wrap; gap:8px 22px; margin:0; padding:14px 0 0; border-top:1px solid var(--line); list-style:none; color:var(--muted); font-size:13px; }
.dt-crm-includes li { display:inline-flex; align-items:center; gap:6px; }
.dt-crm-includes svg { width:13px; height:13px; }
.dt-inline-link { padding:0; font:inherit; font-weight:600; color:inherit; text-decoration:underline; text-underline-offset:3px; }
@media (max-width: 900px) { .dt-crm-choices { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .cp-connect-crm .dt-crm-card { padding:20px; } }

/* Settings › Visitor alerts */
.fv-steps { margin:10px 0 14px; padding:0; list-style:none; }
.fv-step { padding:12px 0; border-top:1px solid #ececef; }
.fv-step-head { display:flex; align-items:center; gap:10px; font-size:14px; }
.fv-step.is-done .fv-step-head strong { color:#4d4d50; }
.fv-step-dot { display:inline-block; width:12px; height:12px; border:2px solid #c9c9ce; border-radius:50%; flex:none; }
.fv-step-body { margin:4px 0 0 22px; }
.fv-snippet { margin:8px 0; padding:10px 12px; overflow-x:auto; border-radius:8px; background:#f5f5f7; color:#1d1d1f; font:12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; white-space:pre-wrap; word-break:break-all; }
.fv-list.is-rows > li.is-focus { background:#f7fbe9; }
@media (max-width:640px) { .fv-step-body { margin-left:0; } }

.credit-plan-features { margin:8px 0 10px; padding:0; list-style:none; font-size:12px; line-height:1.5; color:var(--muted); }
.credit-plan-features li { padding-left:16px; position:relative; }
.credit-plan-features li::before { content:'✓'; position:absolute; left:0; color:var(--deep); font-weight:700; }
/* The search brief: what Scout will look for, confirmed before it runs. */
/* Skip asks why, and the brief shows what the skips taught. */

/* --- Today: talk to the squad ---------------------------------------------
   The item in focus as a conversation (left) and the work (right). Daylight:
   borderless white cards on paper, agent tints for ownership, one lime CTA. */
.tv-view { display:flex; flex-direction:column; gap:18px; }
.tv-head { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.tv-head .dl-agent-tile.tv-head-agent { width:64px; height:64px; border-radius:20px; }
.tv-head-copy { flex:1 1 360px; min-width:0; }
.tv-head-copy h1 { margin:4px 0 0; font:700 clamp(28px, 3vw, 36px)/1.05 var(--sans); letter-spacing:-.04em; text-wrap:balance; }
.tv-head-side { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.tv-progress { display:inline-flex; align-items:center; gap:10px; font:500 13px var(--sans); color:var(--muted); font-variant-numeric:tabular-nums; }
.tv-dots { display:inline-flex; gap:5px; }
.tv-dots i { width:20px; height:6px; border-radius:3px; background:var(--line); }
.tv-dots i.is-done { background:#34a853; }
.tv-dots i.is-now { background:var(--ink); }
.tv-grid { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.25fr); gap:18px; align-items:stretch; }
@media (max-width: 960px) { .tv-grid { grid-template-columns:minmax(0, 1fr); } }

.tv-chat { background:var(--dl-card, #fff); border-radius:28px; padding:20px; display:flex; flex-direction:column; gap:14px; min-height:520px; max-height:min(78vh, 820px); min-width:0; }
.tv-thread { flex:1; overflow-y:auto; display:flex; flex-direction:column; gap:14px; padding-right:4px; overscroll-behavior:contain; }
.tv-msg { display:flex; gap:10px; align-items:flex-start; max-width:100%; }
.tv-msg .dl-agent-tile.tv-msg-agent { width:32px; height:32px; border-radius:10px; }
.tv-msg-body { min-width:0; display:flex; flex-direction:column; gap:6px; }
.tv-msg-meta { display:inline-flex; align-items:center; gap:5px; font:500 12px var(--sans); color:var(--muted); }
.tv-msg p { margin:0; padding:11px 15px; border-radius:6px 20px 20px 20px; background:var(--paper); font:400 15px/1.5 var(--sans); overflow-wrap:anywhere; }
.tv-msg.is-me { align-self:flex-end; flex-direction:column; align-items:flex-end; gap:4px; max-width:85%; }
.tv-msg.is-me p { background:var(--ink); color:#fff; border-radius:20px 20px 6px 20px; }
.tv-msg-actions { display:flex; gap:8px; flex-wrap:wrap; }
.tv-small { min-height:36px; padding:0 14px; font-size:14px; }
.tv-typing { display:inline-flex; gap:4px; align-items:center; min-height:44px; }
.tv-typing i { width:6px; height:6px; border-radius:50%; background:var(--muted); animation:tv-typing 1s ease-in-out infinite; }
.tv-typing i:nth-child(2) { animation-delay:.15s; }
.tv-typing i:nth-child(3) { animation-delay:.3s; }
@keyframes tv-typing { 50% { opacity:.25; transform:translateY(-2px); } }
.tv-compose { display:flex; flex-direction:column; gap:8px; }
.tv-ideas { display:flex; gap:6px; flex-wrap:wrap; }
.tv-ideas button { min-height:34px; padding:0 12px; border:0; border-radius:980px; background:var(--paper); color:#424245; font:400 13px var(--sans); cursor:pointer; }
.tv-ideas button:hover { background:var(--paper-2); color:var(--ink); }
.tv-input { display:flex; align-items:center; gap:8px; padding:6px 6px 6px 16px; border-radius:22px; box-shadow:inset 0 0 0 1.5px #d2d2d7; background:#fff; }
.tv-input:focus-within { box-shadow:inset 0 0 0 2px var(--dl-blue); }
.tv-input input { flex:1; min-width:0; border:0; outline:0; background:transparent; font:400 15px var(--sans); color:var(--ink); min-height:32px; }
.tv-mic, .tv-send { width:44px; height:44px; flex:none; border:0; border-radius:50%; display:grid; place-items:center; cursor:pointer; transition:background-color .15s, transform .12s; }
.tv-mic { background:var(--paper); color:var(--ink); }
.tv-mic.is-on { background:var(--acid); color:var(--ink); box-shadow:0 0 0 6px rgba(198,240,74,.35); animation:tv-pulse 1.2s ease-in-out infinite; }
@keyframes tv-pulse { 50% { box-shadow:0 0 0 10px rgba(198,240,74,.15); } }
.tv-send { background:var(--ink); color:#fff; }
.tv-mic:active, .tv-send:active { transform:scale(.95); }
.tv-mic:disabled, .tv-send:disabled { opacity:.45; cursor:default; }
.tv-mic:focus-visible, .tv-send:focus-visible, .tv-ideas button:focus-visible, .tv-quiet:focus-visible { outline:2px solid var(--dl-blue); outline-offset:2px; }
.tv-compose-foot { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; font:400 12px var(--sans); color:var(--muted); }
.tv-compose-foot [data-tv-live] { min-width:0; overflow-wrap:anywhere; }
.tv-quiet { border:0; background:none; color:var(--muted); font:400 12px var(--sans); cursor:pointer; padding:6px 4px; }
.tv-quiet[aria-pressed="true"] { color:var(--ink); }

.tv-work { display:flex; flex-direction:column; gap:14px; min-width:0; }
.tv-work .td-card.tv-card { border:0; box-shadow:none; border-radius:28px; padding:26px; display:flex; flex-direction:column; gap:18px; }
.tv-card-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.tv-card-head > div { flex:1 1 220px; min-width:0; display:flex; flex-direction:column; }
.tv-card-head strong { font:700 20px var(--sans); letter-spacing:-.02em; }
.tv-card-head small { font:400 13px/1.4 var(--sans); color:var(--muted); }
.tv-evidence { display:inline-flex; align-items:center; gap:4px; font:600 12px var(--sans); padding:4px 10px; border-radius:980px; background:#e8f5e0; color:#1b5e20; text-decoration:none; }
.tv-facts { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap:10px; }
.tv-fact { border-radius:18px; background:var(--agent-tint); padding:12px 14px; display:flex; flex-direction:column; gap:2px; min-width:0; }
.tv-fact span { font:600 11px var(--sans); letter-spacing:.04em; text-transform:uppercase; color:var(--agent-ink); }
.tv-fact strong { font:600 15px/1.3 var(--sans); overflow-wrap:anywhere; }
.tv-fact small { font:400 13px var(--sans); color:var(--muted); }
.tv-draft { display:flex; flex-direction:column; gap:8px; }
.tv-draft-head { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; min-height:32px; }
.tv-draft-head > span:first-child { font:600 11px var(--sans); letter-spacing:.04em; text-transform:uppercase; color:#7b2cbf; }
.tv-draft-head .dl-link { min-height:32px; padding:0 4px; font-size:13px; }
.tv-changed { font:400 13px var(--sans); color:var(--muted); }
.tv-draft-box { border-radius:20px; background:var(--paper); padding:16px 18px; }
.tv-draft-box .td-subject { margin-bottom:8px; }
.tv-draft-body { font:400 16px/1.6 var(--sans); white-space:pre-wrap; overflow-wrap:anywhere; }
.tv-new { background:#e8f5e0; color:inherit; border-radius:4px; padding:1px 2px; }
.tv-card .td-actions { margin-top:0; }
.tv-then { background:var(--dl-card, #fff); border-radius:22px; padding:12px 16px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; font:400 13px var(--sans); }
.tv-then > strong { font:600 14px var(--sans); margin-right:4px; }
.tv-then [data-today-select] { display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:3px 12px 3px 3px; border:0; border-radius:980px; background:var(--paper); font:400 13px var(--sans); color:var(--ink); cursor:pointer; max-width:100%; }
.tv-then [data-today-select] span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tv-then [data-today-select] em { font-style:normal; color:var(--muted); }
.tv-then [data-today-select]:hover { background:var(--paper-2); }
.tv-then .dl-agent-tile.tv-then-agent { width:28px; height:28px; border-radius:50%; }
.tv-then-empty { color:var(--muted); }
.tv-extra { display:flex; flex-direction:column; gap:14px; }
@media (max-width: 700px) {
  .tv-chat { min-height:440px; padding:16px; border-radius:24px; }
  .tv-work .td-card.tv-card { padding:20px; }
}
@media (prefers-reduced-motion: reduce) { .tv-typing i, .tv-mic.is-on { animation:none; } }
.tv-head-note { margin:6px 0 0; font:400 15px/1.45 var(--sans); color:var(--muted); max-width:62ch; }

/* Today with nothing in focus, and the "needs a buyer" card. */
.tv-kicker { display:block; font:600 11px var(--sans); letter-spacing:.04em; text-transform:uppercase; color:var(--agent-ink, var(--muted)); }
.tv-needs { background:var(--dl-card, #fff); border-radius:28px; padding:24px; display:flex; flex-direction:column; gap:16px; min-width:0; }
.tv-needs-head { display:flex; gap:14px; align-items:flex-start; }
.tv-needs-head .dl-agent-tile.tv-needs-agent { width:56px; height:56px; border-radius:18px; }
.tv-needs-head > div { min-width:0; }
.tv-needs-head h2 { margin:4px 0 0; font:700 22px/1.15 var(--sans); letter-spacing:-.02em; }
.tv-needs-head p { margin:4px 0 0; font:400 14px/1.45 var(--sans); color:var(--muted); }
.tv-launch { display:flex; flex-direction:column; gap:8px; padding:12px 14px; border-radius:18px; background:var(--paper); font:400 13px var(--sans); color:var(--muted); }
.tv-launch b { color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums; }
.tv-launch-text { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tv-live-dot { width:8px; height:8px; border-radius:50%; background:#34a853; flex:none; }
.tv-live-dot.is-running { background:var(--acid); box-shadow:0 0 0 4px rgba(198,240,74,.3); }
.tv-launch-bar { height:4px; margin:0; }
.tv-need-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.tv-need-list li { display:flex; align-items:center; gap:12px; padding:10px 0; border-top:1px solid var(--line); }
.tv-need-list li:first-child { border-top:0; }
.tv-need-list .sg-acct-mark { width:36px; height:36px; border-radius:11px; font-size:14px; }
.tv-need-list li > div { flex:1; min-width:0; display:flex; flex-direction:column; }
.tv-need-list strong { font:600 15px var(--sans); }
.tv-need-list small { font:400 13px/1.35 var(--sans); color:var(--muted); overflow-wrap:anywhere; }
.tv-need-btn { flex:none; min-height:36px; padding:0 14px; border:0; border-radius:980px; background:var(--paper); color:var(--ink); font:500 13px var(--sans); cursor:pointer; }
.tv-need-btn:hover { background:var(--paper-2); }
.tv-need-btn:focus-visible { outline:2px solid var(--dl-blue); outline-offset:2px; }
.tv-needs-more { margin:0; font:400 13px var(--sans); color:var(--muted); }
.tv-quiet-clear .td-clear { margin:0; }
.tv-extra .tv-needs { padding:20px; }

/* People and Accounts tables */
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.rt-page, .reference-people-layout.rt-page { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; min-width:0; }
.rt-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.rt-search, .rt-select { position:relative; display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 12px; border:1px solid var(--line); border-radius:10px; color:var(--muted); background:#ffffff; }
.rt-search { flex:0 1 300px; min-width:180px; }
.rt-search input { width:100%; border:0; outline:none; color:var(--ink); background:transparent; font-size:13px; }
.rt-search:focus-within, .rt-select:focus-within { border-color:#b9d651; box-shadow:0 0 0 3px rgba(201,243,60,.18); }
.rt-select select { appearance:none; max-width:220px; padding-right:18px; border:0; outline:none; color:var(--ink); background:transparent; font-size:13px; font-weight:600; cursor:pointer; }
.rt-select .rt-caret { position:absolute; right:10px; pointer-events:none; }
.rt-segment { display:inline-flex; gap:2px; height:38px; padding:3px; border:1px solid var(--line); border-radius:10px; background:#ffffff; }
.rt-segment button { display:inline-flex; align-items:center; gap:6px; padding:0 11px; border-radius:7px; color:var(--muted); font-size:13px; font-weight:600; }
.rt-segment button b { color:#8f8f91; font-weight:600; }
.rt-segment button.is-active { color:var(--ink); background:var(--paper-2); }
.rt-source { margin-left:auto; color:var(--muted); font-size:12px; }
.rt-frame { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#ffffff; box-shadow:0 5px 18px rgba(53,57,37,.025); }
.rt-scroll { overflow-x:auto; }
.rt-table { width:100%; border-collapse:separate; border-spacing:0; font-size:13px; }
.rt-table th, .rt-table td { height:50px; padding:0 14px; border-bottom:1px solid #eeeef1; text-align:left; white-space:nowrap; vertical-align:middle; }
.rt-table th + th, .rt-table td + td { border-left:1px solid #f1f1f4; }
.rt-table thead th { position:sticky; top:0; z-index:2; height:44px; color:var(--muted); background:#fafafb; font-size:12px; font-weight:600; }
.rt-table thead th .ic { margin-right:7px; vertical-align:-2px; color:#9a9aa0; }
.rt-table tbody tr:last-child td { border-bottom:0; }
.rt-row { cursor:pointer; transition:background .12s; }
.rt-row:hover td, .rt-row:focus-visible td { background:#f8f8fa; }
.rt-row.is-open td { background:#f5f9e8; }
.rt-row:focus-visible { outline:none; }
.rt-row:focus-visible td.rt-num { box-shadow:inset 3px 0 #c9f33c; }
.rt-num { width:44px; min-width:44px; max-width:44px; box-sizing:border-box; padding:0 6px !important; color:#a1a1a6; text-align:center !important; font-size:12px; font-variant-numeric:tabular-nums; }
.rt-table .rt-lead { position:sticky; left:0; z-index:1; min-width:280px; max-width:360px; background:#ffffff; box-shadow:1px 0 0 #e8e8ec; }
.rt-table thead .rt-lead { z-index:3; background:#fafafb; }
.rt-table tbody td.rt-num { position:sticky; left:0; z-index:1; background:#ffffff; }
.rt-table thead th.rt-num { position:sticky; left:0; z-index:3; }
.rt-table .rt-lead { left:44px; }
.rt-table td.rt-col-title, .rt-table td.rt-col-company { max-width:230px; overflow:hidden; text-overflow:ellipsis; }
.rt-table td.rt-col-linkedin { max-width:220px; overflow:hidden; text-overflow:ellipsis; }
.rt-person, .rt-company { display:flex; align-items:center; gap:10px; min-width:0; }
.rt-person-text { display:flex; flex:0 1 auto; align-items:baseline; gap:8px; min-width:0; white-space:nowrap; }
.rt-person-text strong { display:block; flex:0 0 auto; max-width:190px; overflow:hidden; white-space:nowrap; color:var(--ink); font-weight:600; text-overflow:ellipsis; }
.rt-person-text small { display:block; flex:0 1 auto; min-width:0; overflow:hidden; white-space:nowrap; color:#8e8e93; font-size:12px; text-overflow:ellipsis; }
.rt-avatar { position:relative; display:inline-grid; place-items:center; flex:0 0 auto; width:28px; height:28px; overflow:hidden; border-radius:50%; color:#304620; background:#ececf0; font-size:11px; font-weight:700; }
.rt-avatar.is-company { width:22px; height:22px; border-radius:6px; font-size:10px; }
.rt-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .2s; }
.rt-avatar.is-company img { object-fit:contain; background:#ffffff; }
.rt-avatar.has-img img { opacity:1; }
.rt-avatar.has-img.is-company { box-shadow:inset 0 0 0 1px #ececf0; }
.rt-avatar.tone-0 { color:#304620; background:#e8f5c8; }
.rt-avatar.tone-1 { color:#1d4f80; background:#e4eff7; }
.rt-avatar.tone-2 { color:#5b3d99; background:#ede8fa; }
.rt-avatar.tone-3 { color:#8a4a1c; background:#fbe9dc; }
.rt-avatar.tone-4 { color:#3f3f45; background:#ececf0; }
.rt-in { display:inline-grid; place-items:center; flex:0 0 auto; width:18px; height:18px; border-radius:4px; color:#ffffff; background:#0a66c2; font:700 11px/1 var(--sans); text-decoration:none; }
.rt-in:hover { background:#004182; }
.rt-link { color:var(--muted); text-decoration:none; }
.rt-link:hover { color:var(--dl-link); text-decoration:underline; }
.rt-email { color:#3a3a3c; }
.rt-empty { color:#b4b4b8; }
.rt-more { margin-left:6px; color:#9a9aa0; font-size:12px; }
.rt-pill { display:inline-flex; align-items:center; height:22px; max-width:220px; padding:0 8px; overflow:hidden; border-radius:999px; color:#4a4a4f; background:var(--paper); font-size:12px; text-overflow:ellipsis; }
.rt-pill.is-pending { color:#8a5a12; background:#fdf2dc; }
.rt-pill.is-signal { color:#2c4a0c; background:#eef8d4; }
.rt-pill.is-customer { color:#1d4f80; background:#e4eff7; }
.rt-score { color:#506b19; font-weight:700; font-variant-numeric:tabular-nums; }
.rt-count { color:var(--dl-link); font-size:13px; }
.rt-count:hover { text-decoration:underline; }
.rt-none { padding:44px 20px; color:var(--muted); text-align:center; font-size:13px; }
.rt-drawer-backdrop { position:fixed; inset:0; z-index:21; background:rgba(16,18,14,.12); }
.rt-drawer { position:fixed; top:12px; right:12px; bottom:12px; z-index:22; width:min(440px, calc(100vw - 24px)); overflow-y:auto; border-radius:16px; background:#ffffff; box-shadow:0 24px 60px rgba(16,18,14,.18); animation:rt-drawer-in .18s ease-out; }
@keyframes rt-drawer-in { from { opacity:0; transform:translateX(16px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { .rt-drawer { animation:none; } }
.rt-drawer .reference-account-detail { min-height:100%; border:0; border-radius:0; box-shadow:none; }
.rt-drawer-close { position:absolute; top:16px; right:16px; z-index:1; display:grid; place-items:center; width:32px; height:32px; border-radius:8px; color:var(--muted); }
.rt-drawer-close:hover { color:var(--ink); background:var(--paper); }
.rt-panel-head { display:flex; align-items:center; gap:14px; min-height:32px; padding-right:40px; }
.rt-drawer-accounts .rt-panel-head { margin-bottom:14px; }
.rt-panel-head .rt-avatar { width:56px; height:56px; font-size:18px; }
.rt-panel-head .rt-avatar.is-company { width:44px; height:44px; border-radius:11px; font-size:15px; }
.rt-panel-head h2 { margin:0 0 3px !important; font-size:22px !important; }
.rt-panel-head p { margin:0; color:var(--muted); font-size:13px; }
.rt-panel-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.rt-panel-actions .button { min-height:34px; padding:0 13px; text-decoration:none; }
.rt-panel-warning { margin:16px 0 0; padding:10px 12px; border-radius:10px; color:#8a4a1c; background:#fbe9dc; font-size:12px; }
.rt-facts { display:grid; gap:0; margin:20px 0 0; border:1px solid #ececf0; border-radius:12px; }
.rt-facts > div { display:grid; grid-template-columns:96px minmax(0,1fr); gap:12px; padding:10px 14px; border-bottom:1px solid #f0f0f3; }
.rt-facts > div:last-child { border-bottom:0; }
.rt-facts dt { color:#8e8e93; font-size:12px; }
.rt-facts dd { margin:0; overflow-wrap:anywhere; color:var(--ink); font-size:13px; }
@media (max-width: 720px) {
  .rt-search { flex:1 1 100%; }
  .rt-source { margin-left:0; flex-basis:100%; }
  .rt-table .rt-lead { min-width:190px; }
  .rt-drawer { top:auto; right:0; bottom:0; left:0; width:auto; max-height:88vh; border-radius:16px 16px 0 0; }
}
/* Adding and removing columns */
.rt-frame { position:relative; }
.rt-th { display:inline-flex; align-items:center; gap:0; }
.rt-col-hide { display:inline-grid; place-items:center; width:20px; height:20px; margin-left:6px; border-radius:5px; color:#a1a1a6; opacity:0; transition:opacity .12s; }
.rt-table thead th:hover .rt-col-hide, .rt-col-hide:focus-visible { opacity:1; }
.rt-col-hide:hover { color:var(--ink); background:var(--paper-2); }
.rt-table .rt-add-col { width:52px; min-width:52px; padding:0 8px; text-align:center; }
.rt-add-col button { display:inline-grid; place-items:center; width:30px; height:30px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:#ffffff; font-size:18px; line-height:1; box-shadow:0 1px 2px rgba(16,18,14,.05); }
.rt-add-col button:hover, .rt-add-col button[aria-expanded="true"] { border-color:#b9d651; background:#f5f9e8; }
.rt-tool-button { display:inline-flex; align-items:center; gap:6px; height:38px; padding:0 13px; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:#ffffff; font-size:13px; font-weight:600; }
.rt-tool-button:hover, .rt-tool-button[aria-expanded="true"] { border-color:#b9d651; background:#f5f9e8; }
.rt-col-menu-backdrop { position:fixed; inset:0; z-index:5; }
.rt-col-menu { position:absolute; top:52px; right:8px; z-index:6; display:grid; gap:10px; width:min(300px, calc(100% - 16px)); max-height:min(460px, 70vh); padding:12px; border:1px solid var(--line); border-radius:14px; background:#ffffff; box-shadow:0 18px 44px rgba(16,18,14,.16); }
.rt-col-menu-head { display:flex; align-items:center; justify-content:space-between; padding:2px 4px 0; }
.rt-col-menu-head strong { font-size:14px; }
.rt-col-search { width:100%; height:34px; min-width:0; }
.rt-col-list { display:grid; gap:1px; min-height:0; overflow-y:auto; }
.rt-col-group { padding:8px 6px 4px; color:#8e8e93; font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.rt-col-option { display:flex; align-items:center; gap:9px; min-height:34px; padding:0 6px; border-radius:8px; color:var(--ink); font-size:13px; cursor:pointer; }
.rt-col-option:hover { background:var(--paper); }
.rt-col-option input { width:15px; height:15px; margin:0; accent-color:#8cac1d; }
.rt-col-option .ic { color:#9a9aa0; }
.rt-col-option small { margin-left:auto; color:#a1a1a6; font-size:11px; }
.rt-col-none { margin:8px 6px; color:var(--muted); font-size:13px; }
@media (hover: none) { .rt-col-hide { opacity:1; } }
.rt-frame { overflow:visible; }
.rt-scroll { border-radius:14px; }
.fv-sync-fields { grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); }
.fv-sync-fields textarea { font-family:ui-monospace, SFMono-Regular, Menlo, monospace !important; font-size:12px !important; }
/* Sorting from a column header */
.rt-sort { display:inline-flex; align-items:center; gap:0; margin:-4px -6px; padding:4px 6px; border-radius:6px; color:inherit; font:inherit; white-space:nowrap; }
.rt-sort:hover { color:var(--ink); background:var(--paper-2); }
.rt-sort:focus-visible { outline:2px solid #b9d651; outline-offset:1px; }
.rt-sort.is-sorted { color:var(--ink); }
.rt-table thead th .rt-sort .rt-sort-arrow { margin:0 0 0 5px; color:#506b19; }
.rt-table thead th .rt-sort .rt-sort-arrow.is-idle { color:#a1a1a6; opacity:0; transition:opacity .12s; }
.rt-sort:hover .rt-sort-arrow.is-idle, .rt-sort:focus-visible .rt-sort-arrow.is-idle { opacity:1; }
@media (hover: none) { .rt-table thead th .rt-sort .rt-sort-arrow.is-idle { opacity:.6; } }
/* A call Fluff prepared alongside an answer. */
.tv-prep { margin-top:8px; padding:14px 16px; border-radius:18px; background:var(--agent-scientist-tint, #edf2ff); display:flex; flex-direction:column; gap:6px; max-width:520px; }
.tv-prep strong { font:600 15px var(--sans); }
.tv-prep small { font:400 13px var(--sans); color:var(--muted); }
.tv-prep p { margin:0; padding:0; background:none; font:400 14px/1.5 var(--sans); color:#424245; border-radius:0; }
.tv-prep a.dl-pill { align-self:flex-start; text-decoration:none; }

/* Work and Today rows lead with the company's logo; the agent who raised it
   sits as a small badge on the corner. */
.work-row-mark.work-row-logo, .workspace-shell.sg .work-row-mark.work-row-logo { position:relative; width:auto; height:auto; padding:0; border:0; background:none; overflow:visible; }
.work-row-logo .hm-logo { width:44px; height:44px; border-radius:12px; font-size:17px; }
.work-row-agent { position:absolute; right:-6px; bottom:-6px; display:inline-flex; border:2px solid #ffffff; border-radius:9px; box-shadow:0 1px 2px rgba(0,0,0,.12); }
.work-row-agent .dl-agent-tile { width:22px; height:22px; border-radius:7px; }
.tv-need-list .hm-logo { width:36px; height:36px; border-radius:11px; font-size:14px; }

/* Today: the panel beside the chat shows the row picked from the list below. */
.workspace-shell.sg .work-detail.tv-canvas, .work-detail.tv-canvas { position:static; max-height:none; overflow:visible; min-height:0; display:flex; flex-direction:column; gap:16px; padding:22px; border:1px solid var(--line); border-radius:20px; background:#ffffff; }
.tv-canvas > section { margin:0; }
.tv-canvas-k { display:flex; justify-content:space-between; font:500 11px var(--mono, ui-monospace, monospace); letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.tv-canvas-back { align-self:flex-start; font-size:13px; }
.tv-canvas-head { display:flex; align-items:center; gap:14px; }
.tv-canvas-head h2 { margin:0; font:700 22px/1.2 var(--sans); letter-spacing:-.01em; }
.tv-canvas-head .work-detail-person { margin:2px 0 0; color:var(--muted); }
.tv-canvas .work-detail-kicker { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:var(--muted); font-size:13px; }
.tv-canvas .work-detail-kicker .dl-holder { display:inline-flex; align-items:center; gap:6px; margin:0; }
.tv-canvas .work-detail-kicker .dl-agent-tile { width:22px; height:22px; border-radius:7px; }
.tv-canvas-next { display:flex; align-items:center; gap:8px; padding-top:14px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.tv-canvas-next button { padding:0; border:0; background:none; cursor:pointer; border-radius:9px; }
.tv-canvas-next button:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
.tv-canvas-next .hm-logo { width:30px; height:30px; border-radius:8px; font-size:12px; }

/* The list under it fills the width; each row says what it needs. */
.td-queue .work-layout, .workspace-shell.sg .td-queue .work-layout { grid-template-columns:minmax(0, 1fr); }
.workspace-shell.sg .td-queue .work-row { grid-template-columns:28px 48px minmax(0, 1fr) minmax(0, 1.4fr) auto auto; }
.work-row-tag { justify-self:start; white-space:nowrap; border-radius:999px; padding:3px 10px; font:600 12px var(--sans); background:#f1f2f1; color:#4a524e; }
.work-row-tag.is-signal { background:#e3f1e8; color:#1f7a46; }
.work-row-tag.is-task { background:#fdf3e2; color:#a86412; }
.work-row-tag.is-opportunity { background:#fdecea; color:#b4321f; }
.work-row-tag.is-review, .work-row-tag.is-inbox { background:#e8eefc; color:#2f5bd3; }
.work-row-tag.is-screen { background:var(--ink); color:#ffffff; }
.work-row.is-selected .work-row-action { background:var(--ink); color:#ffffff; }

/* While the mic is on, the talk bar turns dark so it is clear the squad is listening. */
.tv-input:has(.tv-mic.is-on) { background:#111613; border-color:#111613; }
.tv-input:has(.tv-mic.is-on) input { color:#ffffff; }
.tv-input:has(.tv-mic.is-on) input::placeholder { color:#c9d1cc; }
.tv-input .tv-mic.is-on { background:#c6f04a; color:#111613; }

@media (max-width: 760px) {
  .workspace-shell.sg .td-queue .work-row { grid-template-columns:40px minmax(0, 1fr); }
  .workspace-shell.sg .td-queue .work-row-tag { grid-column:2; }
}
/* The chat stays in view beside a tall panel. */
.tv-grid { align-items:start; }
.tv-grid > .tv-chat { position:sticky; top:84px; height:min(78vh, 820px); }
.tv-canvas .work-detail-kicker { justify-content:flex-start; }
@media (max-width: 900px) { .tv-grid > .tv-chat { position:static; height:auto; } }
.tv-canvas { scroll-margin-top:88px; }
.tv-canvas .work-detail-kicker .dl-holder { border:0; padding:0; }
/* What Scientist is doing about the moments with no buyer. */
.tv-needs-status { margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px; font:400 13px/1.45 var(--sans); color:var(--muted); }
.tv-needs-status.is-working { color:var(--ink); }

/* Practice calls (src/views/practice.js) */
.fv-practice { display:grid; gap:14px; }
.fv-practice > .reference-setting-card { margin:0; }
.fv-practice-mic { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.fv-practice-mic .fv-muted { margin:0; }
.fv-practice-live { padding:18px 20px; border:1px solid #dfdfe1; border-radius:16px; background:#ffffff; }
.fv-practice-live h2 { margin:4px 0 2px; font-size:22px; letter-spacing:-.035em; }
.fv-practice-live .fv-muted { margin:0; }
.fv-practice-who { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.fv-practice-who > div:nth-child(2) { flex:1 1 220px; min-width:0; }
.fv-practice-avatar { display:grid; place-items:center; width:56px; height:56px; border-radius:50%; color:var(--ink); background:#eef7d2; font-size:22px; font-weight:700; box-shadow:0 0 0 0 rgba(152,184,46,0); transition:box-shadow .2s ease; }
.fv-practice-avatar[data-practice-speaking="true"] { box-shadow:0 0 0 6px rgba(152,184,46,.35); }
.fv-practice-clock { display:grid; justify-items:end; gap:2px; }
.fv-practice-clock b { font:600 22px var(--mono); }
.fv-practice-clock small { color:#78787a; font:11px var(--mono); }
.fv-practice-hangup { color:#ffffff !important; background:#b4532a !important; border-color:#b4532a !important; }
.fv-practice-live.is-done .fv-row-head h2 { margin:4px 0 10px; }
.fv-practice-result { display:grid; grid-template-columns:auto minmax(0,1fr); gap:18px; align-items:start; margin-top:8px; }
.fv-practice-score { display:flex; align-items:baseline; gap:2px; padding:12px 16px; border-radius:14px; background:#efeff2; }
.fv-practice-score b { font:600 34px var(--mono); letter-spacing:-.04em; }
.fv-practice-score span { color:#78787a; font:12px var(--mono); }
.fv-practice-score.is-good { background:#eef7d2; }
.fv-practice-score.is-warn { background:#fff4d6; }
.fv-practice-score.is-bad { background:#fff0e9; }
.fv-practice-result-body { min-width:0; }
.fv-practice-tip { margin:0 0 12px; padding:10px 12px; border-left:3px solid #98b82e; border-radius:8px; background:#f7f9ef; }
.fv-practice-tip p { margin:4px 0 0; font-size:13px; line-height:1.5; }
.fv-practice-past { padding:16px 20px; border:1px solid #dfdfe1; border-radius:16px; background:#ffffff; }
.fv-practice-past .fv-list.is-rows > li.fv-practice-row { display:block; }
.fv-practice-row-head { display:flex; width:100%; justify-content:space-between; align-items:center; gap:12px; padding:0; border:0; background:none; text-align:left; cursor:pointer; color:inherit; font:inherit; }
.fv-practice-row.is-open .fv-practice-result { margin:12px 0 4px; }
@media (max-width: 640px) {
  .fv-practice-result { grid-template-columns:1fr; }
  .fv-practice-clock { justify-items:start; }
}

/* Accounts › Find as a chat (src/views/find-chat.js). */
.fx { display:grid; gap:16px; }
.fx-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.fx-kicker { font:600 11px var(--sans); letter-spacing:.08em; text-transform:uppercase; color:#2f5bd3; }
.fx-start { display:grid; justify-items:center; gap:16px; padding:44px 24px 40px; border-radius:28px; background:#ffffff; text-align:center; }
.fx-start h2 { margin:0; font-size:30px; letter-spacing:-.04em; text-wrap:balance; }
.fx-agent-tile .dl-agent-tile { --agent-tint:#e8eefc; width:72px; height:72px; border-radius:22px; }
.fx-composer { width:100%; max-width:760px; display:grid; gap:10px; padding:16px 16px 12px; border-radius:22px; background:#f4f4f6; text-align:left; }
.fx-composer textarea { width:100%; min-height:56px; border:0; resize:none; background:transparent; color:var(--ink); font:400 17px/1.5 var(--sans); letter-spacing:-.01em; outline:none; }
.fx-composer-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.fx-modes { display:inline-flex; gap:2px; padding:3px; border-radius:999px; background:#e6e6ea; }
.fx-modes button { border:0; border-radius:999px; padding:6px 14px; background:transparent; color:#6e6e73; font:500 13px var(--sans); cursor:pointer; }
.fx-modes button[aria-pressed="true"] { background:#ffffff; color:var(--ink); box-shadow:0 1px 2px rgba(0,0,0,.08); }
.fx-chip { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 12px; border:1px solid #e6e6ea; border-radius:999px; background:#ffffff; color:var(--ink); font:500 13px var(--sans); white-space:nowrap; }
.fx-chip.is-control select { border:0; background:transparent; font:inherit; color:inherit; cursor:pointer; }
.fx-chip.is-control input { margin:0; accent-color:var(--ink); }
.fx-chip.is-suggest { cursor:pointer; background:#f4f4f6; border-color:transparent; white-space:normal; text-align:left; }
.fx-chip.is-suggest:hover { background:#ebebee; }
.fx-go { margin-left:auto; border:0; border-radius:999px; padding:10px 20px; background:var(--acid); color:#1d1d1f; font:600 14px var(--sans); cursor:pointer; }
.fx-ideas, .fx-follow { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; max-width:760px; }
.fx-recent { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px 12px; color:#6e6e73; font-size:13px; }
.fx-recent button { border:0; background:none; padding:2px 0; color:#424245; font:inherit; cursor:pointer; text-decoration:underline; text-decoration-color:#d2d2d7; text-underline-offset:3px; }

.fx-layout { grid-template-columns:minmax(300px, 360px) minmax(0, 1fr); align-items:start; }
.fx-chat { position:sticky; top:84px; display:flex; flex-direction:column; height:min(78vh, 820px); min-width:0; border-radius:28px; background:#ffffff; }
.fx-chat-head { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:14px 16px 10px 18px; border-bottom:1px solid #f0f0f3; font-weight:600; }
.fx-chat-head > span { display:flex; align-items:center; gap:10px; }
.fx-chat-head .dl-agent-tile { width:32px; height:32px; border-radius:10px; --agent-tint:#e8eefc; }
.fx-msgs { flex:1; overflow-y:auto; display:grid; align-content:start; gap:14px; padding:18px; }
.fx-msg.is-me { justify-self:end; max-width:88%; padding:10px 14px; border-radius:18px 18px 6px 18px; background:var(--ink); color:#ffffff; font-size:14px; line-height:1.4; }
.fx-msg.is-me.is-edit { background:#f4f4f6; color:var(--ink); border:1px dashed #d2d2d7; }
.fx-msg.is-ai { display:grid; grid-template-columns:30px minmax(0, 1fr); gap:10px; }
.fx-msg.is-ai small { display:block; margin-bottom:4px; color:#6e6e73; font-size:12px; }
.fx-avatar { width:30px; height:30px; border-radius:50%; background:#e8eefc; object-fit:contain; }
.fx-bubble { display:grid; gap:10px; padding:12px 14px; border-radius:6px 18px 18px 18px; background:#f4f4f6; font-size:14px; line-height:1.45; }
.fx-bubble p { margin:0; }
.fx-msg.is-failed .fx-bubble { background:#fdecea; color:#8a2b1c; }
.fx-chips { display:flex; flex-wrap:wrap; gap:6px; }
.fx-chips .fx-chip { min-height:28px; padding:0 4px 0 10px; font-size:12px; }
.fx-chips .fx-chip.is-static { padding-right:10px; }
.fx-chips .fx-chip button { border:0; background:none; padding:0; font:inherit; color:inherit; cursor:pointer; }
.fx-chips .fx-chip b { margin-right:4px; color:#6e6e73; font-weight:500; }
.fx-chips .fx-chip.is-empty { padding:0 10px; border-style:dashed; color:#6e6e73; background:transparent; cursor:pointer; }
.fx-chip-x { width:20px; height:20px; border-radius:50%; color:#8a8a8f !important; font-size:14px !important; line-height:1; }
.fx-chip-x:hover { background:#f0f0f3 !important; color:var(--ink) !important; }
.fx-chip-edit { display:flex; flex-wrap:wrap; align-items:center; gap:6px; width:100%; padding:8px; border-radius:14px; background:#ffffff; border:1px solid #d2d2d7; }
.fx-chip-edit label { font-size:12px; color:#6e6e73; }
.fx-chip-edit input { flex:1 1 140px; min-width:0; border:0; outline:none; font:400 13px var(--sans); background:transparent; color:var(--ink); }
.fx-mini { border:1px solid #e6e6ea; border-radius:999px; padding:5px 11px; background:#ffffff; color:var(--ink); font:500 12px var(--sans); cursor:pointer; }
.fx-mini.is-go { background:var(--ink); border-color:var(--ink); color:#ffffff; }
.fx-steps { display:grid; gap:3px; color:#6e6e73; font-size:13px; }
.fx-steps span::before { content:"✓  "; color:#1f7a46; font-weight:700; }
.fx-steps i { font-style:normal; color:var(--ink); }
.fx-steps i::before { content:"●  "; color:#0071e3; animation:fx-pulse 1.2s ease-in-out infinite; }
.fx-bubble.is-typing { display:flex; gap:4px; width:max-content; padding:14px; }
.fx-bubble.is-typing span { width:6px; height:6px; border-radius:50%; background:#a1a1a6; animation:fx-pulse 1s ease-in-out infinite; }
.fx-bubble.is-typing span:nth-child(2) { animation-delay:.15s; }
.fx-bubble.is-typing span:nth-child(3) { animation-delay:.3s; }
@keyframes fx-pulse { 50% { opacity:.3; } }
@media (prefers-reduced-motion: reduce) { .fx-steps i::before, .fx-bubble.is-typing span { animation:none; } }
.fx-follow { justify-content:flex-start; padding-left:40px; }
.fx-follow .fx-chip { min-height:28px; font-size:12px; }
.fx-reply { display:flex; align-items:center; gap:8px; margin:12px; padding:6px 6px 6px 16px; border-radius:999px; background:#f4f4f6; }
.fx-reply input { flex:1; min-width:0; border:0; outline:none; background:transparent; font:400 14px var(--sans); color:var(--ink); }
.fx-reply button { width:34px; height:34px; border:0; border-radius:50%; background:var(--acid); color:#1d1d1f; font-weight:700; cursor:pointer; }
.fx-reply button:disabled, .fx-reply input:disabled { opacity:.5; cursor:default; }

.fx-results { display:grid; gap:12px; min-width:0; }
.fx-tools { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.fx-filter { min-width:200px; padding:9px 12px; border:1px solid #e6e6ea; border-radius:12px; background:#ffffff; font:400 13px var(--sans); color:var(--ink); }
.fx-seg { display:inline-flex; gap:2px; padding:3px; border:1px solid #e6e6ea; border-radius:12px; background:#ffffff; }
.fx-seg span { padding:5px 11px; border-radius:9px; color:#6e6e73; font:500 13px var(--sans); }
.fx-seg span.is-on { background:#f4f4f6; color:var(--ink); }
.fx-seg i { margin-left:5px; font-style:normal; color:#a1a1a6; }
.fx-seg button { border:0; padding:5px 11px; border-radius:9px; background:transparent; color:#6e6e73; font:500 13px var(--sans); cursor:pointer; }
.fx-seg button.is-on { background:#f4f4f6; color:var(--ink); }
.fx-seg button:focus-visible { outline:2px solid #0071e3; outline-offset:1px; }
.fx-add { margin-left:auto; border:0; border-radius:999px; padding:9px 16px; background:var(--acid); color:#1d1d1f; font:600 13px var(--sans); white-space:nowrap; cursor:pointer; }
.fx-add:disabled { opacity:.5; }
.fx-scroll { overflow-x:auto; border:1px solid #e6e6ea; border-radius:16px; background:#ffffff; }
.fx-table { width:100%; min-width:820px; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums; }
.fx-table th { padding:12px 14px; border-bottom:1px solid #e6e6ea; color:#6e6e73; font:500 12px var(--sans); text-align:left; white-space:nowrap; }
.fx-table td { padding:11px 14px; border-bottom:1px solid #f0f0f3; vertical-align:middle; }
.fx-table th + th, .fx-table td + td { border-left:1px solid #f0f0f3; }
.fx-table tbody tr:last-child td { border-bottom:0; }
.fx-table tbody tr:hover { background:#fafafa; }
.fx-n { width:56px; color:#a1a1a6; white-space:nowrap; }
.fx-n span { margin-left:8px; }
.fx-pick { margin:0; accent-color:var(--ink); vertical-align:-2px; }
.fx-person, .fx-co { display:flex; align-items:center; gap:10px; }
.fx-co small { display:block; color:#6e6e73; font-size:12px; }
.fx-co small a { color:inherit; }
.fx-initial { display:grid; place-items:center; flex:none; width:28px; height:28px; border-radius:50%; background:#e8eefc; color:#1d1d1f; font-weight:600; font-size:12px; }
.fx-logo { position:relative; display:grid; place-items:center; flex:none; width:22px; height:22px; overflow:hidden; border-radius:6px; background:#f0f0f3; color:#6e6e73; font-size:11px; font-weight:600; }
.fx-logo img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#ffffff; }
.fx-li { padding:1px 4px; border-radius:3px; background:#0a66c2; color:#ffffff; font-size:10px; font-weight:700; text-decoration:none; }
.fx-email { color:#0066cc; }
.fx-faint { color:#a1a1a6; }
.fx-num { white-space:nowrap; }
.fx-why { display:flex; flex-wrap:wrap; gap:4px 10px; color:#1f7a46; font-size:12px; }
.fx-why .is-unknown { color:#8a8a8f; }
.fx-status { padding:3px 10px; border-radius:999px; background:#f1f2f1; color:#4a524e; font:500 12px var(--sans); white-space:nowrap; }
.fx-status.is-saved { background:#e3f1e8; color:#1f7a46; }
.fx-empty { padding:40px 14px !important; color:#6e6e73; text-align:center; }
/* Where a person came from: OutbndAI's own sources in one dark chip, the
   customer's own tools by name. Staff also see the vendor underneath. */
.fx-srcs { display:flex; flex-wrap:wrap; gap:4px; }
.fx-src { display:inline-flex; align-items:center; gap:5px; padding:3px 9px; border:1px solid #e6e6ea; border-radius:999px; background:#f4f4f6; color:#6e6e73; font:600 11px var(--sans); white-space:nowrap; }
.fx-src.is-ob { background:var(--ink); border-color:var(--ink); color:#ffffff; }
.fx-src.is-ob::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--acid); }
.fx-op { display:block; margin-top:3px; color:#a1a1a6; font-size:11px; }
.fx-via { color:#1f7a46; font-size:11px; font-weight:600; }
.fx-vf { padding:1px 6px; border-radius:999px; background:#e3f1e8; color:#1f7a46; font:600 10px var(--sans); white-space:nowrap; }
.fx-via.is-risk { color:#a86412; }
.fx-phone { display:flex; flex-wrap:wrap; align-items:center; gap:6px; white-space:nowrap; }
.fx-struck { color:#a1a1a6; text-decoration:line-through; }
.fx-pb { display:inline-flex; align-items:center; padding:2px 8px; border-radius:999px; font:600 11px var(--sans); white-space:nowrap; }
.fx-pb.is-ok { background:#e3f1e8; color:#1f7a46; }
.fx-pb.is-main { background:#f1f2f1; color:#4a524e; }
.fx-pb.is-risk { background:#fdf3e2; color:#a86412; }
.fx-pb.is-bad { background:#fdecea; color:#8a2b1c; }
.fx-banner { display:flex; align-items:center; gap:10px; margin:0; padding:10px 14px; border-radius:14px; background:#e4eff7; color:#14466b; font-size:13px; }
.fx-banner.is-staff { background:#f4f4f6; color:var(--ink); }
.fx-spin { flex:none; width:14px; height:14px; border:2px solid currentColor; border-top-color:transparent; border-radius:50%; animation:fx-spin 1s linear infinite; }
@keyframes fx-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .fx-spin { animation:none; border-top-color:currentColor; opacity:.6; } }
.fx-staff { display:grid; gap:8px; }
.fx-table.is-compact { min-width:0; }
.fx-table tr.is-total td { font-weight:600; }
@media (max-width: 960px) {
  .fx-layout { grid-template-columns:1fr; }
  .fx-chat { position:static; height:auto; max-height:70vh; }
}
@media (max-width: 560px) { .fx-start { padding:28px 16px; } .fx-go { margin-left:0; } }

/* Today: what follows this step if nothing happens. A quiet tinted block,
   like the facts above it, with each step as a white chip. */
.tv-path { border-radius:18px; background:#f5f5f7; padding:12px 14px; }
.tv-path summary { cursor:pointer; display:flex; flex-wrap:wrap; align-items:center; gap:6px; list-style:none; }
.tv-path summary::-webkit-details-marker { display:none; }
.tv-path summary > span { margin-right:4px; color:var(--muted); font:600 11px var(--sans); letter-spacing:.04em; text-transform:uppercase; }
.tv-path summary b { padding:3px 10px; border-radius:980px; background:#fff; color:var(--ink); font:600 12px/1.5 var(--sans); white-space:nowrap; }
.tv-path summary i { color:#86868b; font-style:normal; font-size:12px; }
.tv-path[open] summary { margin-bottom:10px; }
.tv-path[open] summary b, .tv-path[open] summary i { display:none; }
.tv-path ol { margin:0; padding:0; list-style:none; display:grid; gap:8px; }
.tv-path li { display:grid; grid-template-columns:auto auto 1fr; align-items:baseline; gap:4px 10px; font-size:13px; }
.tv-path li strong { font-weight:600; }
.tv-path li small { color:var(--muted); font-size:12px; }
.tv-path li span { color:#424245; }
.tv-path p { margin:10px 0 0; color:var(--muted); font-size:12px; }
@media (max-width:560px) { .tv-path li { grid-template-columns:auto 1fr; } .tv-path li span { grid-column:1 / -1; } }

/* Add to outreach: one picker for Find, People and Tables, in the Daylight
   dialog look (the new-sequence wizard's backdrop, card and options). */
.ao-backdrop { background:rgba(29,29,31,.32); backdrop-filter:saturate(180%) blur(18px); -webkit-backdrop-filter:saturate(180%) blur(18px); }
.ao-modal { position:relative; width:min(560px,100%); max-height:calc(100vh - 50px); overflow:auto; padding:28px 32px 24px; border-radius:32px; background:#fff; color:var(--ink); box-shadow:0 40px 120px -30px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.04); font-family:var(--sans); }
.ao-close { right:20px; top:18px; }
.ao-head { display:flex; align-items:center; gap:8px; padding-right:32px; font:600 14px var(--sans); }
.ao-head .dl-agent-tile { width:32px; height:32px; border-radius:10px; }
.ao-modal h3 { margin:18px 0 6px; font:700 30px/1.08 var(--sans); letter-spacing:-.035em; }
.ao-detail { margin:0; color:var(--muted); font-size:15px; line-height:1.45; }
.ao-group { display:grid; gap:8px; margin-top:20px; }
.ao-group-label { color:var(--muted); font:600 12px var(--sans); }
.ao-option { display:flex; align-items:flex-start; gap:12px; padding:14px 16px; border:1px solid var(--line); border-radius:18px; background:#fff; cursor:pointer; }
.ao-option:hover { border-color:#c7c7cc; }
.ao-option.is-on { border-color:var(--ink); box-shadow:0 0 0 1px var(--ink); }
.ao-option:has(input:focus-visible) { outline:2px solid var(--dl-blue); outline-offset:2px; }
.ao-mark { flex:none; display:grid; place-items:center; width:22px; height:22px; margin-top:1px; border:1.5px solid #d2d2d7; border-radius:50%; color:#fff; }
.ao-mark svg { width:13px; height:13px; }
.ao-option.is-on .ao-mark { border-color:var(--ink); background:var(--ink); }
.ao-option strong { display:block; font-size:15px; font-weight:600; }
.ao-option em { margin-left:6px; padding:2px 8px; border-radius:999px; background:#f5f5f7; color:var(--muted); font:500 11px var(--sans); font-style:normal; }
.ao-option small { display:block; margin-top:3px; color:var(--muted); font-size:13px; line-height:1.4; }
.ao-note { display:grid; gap:6px; margin-top:18px; }
.ao-note > span { color:#424245; font:500 13px var(--sans); }
.ao-note > span small { margin-left:4px; color:var(--muted); font-weight:400; }
.ao-note textarea { width:100%; padding:10px 12px; border:1px solid #d2d2d7; border-radius:12px; color:var(--ink); background:#fff; font:15px/1.4 var(--sans); resize:vertical; }
.ao-note textarea:focus { outline:none; border-color:var(--dl-blue); box-shadow:0 0 0 3px rgba(0,113,227,.15); }
.ao-note > small { color:var(--muted); font-size:12px; line-height:1.45; }
.ao-guardrail { display:flex; align-items:center; gap:12px; margin-top:18px; padding:12px; border-radius:20px; background:#f5f5f7; }
.ao-guardrail .dl-agent-tile { flex:none; width:44px; height:44px; border-radius:14px; }
.ao-guardrail span { display:flex; flex-direction:column; gap:2px; }
.ao-guardrail strong { font-size:14px; }
.ao-guardrail small { color:var(--muted); font-size:12px; line-height:1.4; }
.ao-empty { margin:20px 0 0; padding:16px; border-radius:18px; background:#f5f5f7; color:var(--muted); font-size:14px; }
.ao-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
.ao-actions .dl-pill:disabled { opacity:.4; cursor:default; }
.ao-results { list-style:none; margin:18px 0 0; padding:0; display:grid; gap:8px; }
.ao-results li { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:12px 14px; border-radius:18px; background:#f5f5f7; }
.ao-results strong { font-size:14px; }
.ao-results small { display:block; margin-top:3px; color:var(--muted); font-size:12px; line-height:1.4; }
.ao-tag { flex:none; padding:3px 10px; border-radius:980px; background:#fff; color:#424245; font:600 12px/1.6 var(--sans); white-space:nowrap; }
.ao-tag.is-good { background:#e8f5e0; color:#1b5e20; }
.ao-tag.is-warn { background:#fff4e5; color:#8a4b00; }
@media (max-width:560px) {
  .ao-modal { padding:22px 18px 18px; border-radius:24px; }
  .ao-modal h3 { font-size:24px; }
  .ao-results li { flex-direction:column; }
}
.rt-pick { display:inline-flex; align-items:center; gap:6px; cursor:pointer; }
.rt-pick input { margin:0; }
.rt-row.is-picked td { background:#f5f9e8; }
.rt-tool-button.is-primary { border-color:var(--ink); background:var(--ink); color:#fff; }
.rt-tool-button.is-primary:hover { border-color:#000; background:#000; }
.fv-table th .fv-pick { margin:0 8px 0 0; vertical-align:middle; }
.manual-contact-enrollment-more { margin-top:12px; }
.manual-contact-enrollment-more > summary { list-style:none; display:inline-flex; }
.manual-contact-enrollment-more > summary::-webkit-details-marker { display:none; }
.campaign-people-hint { margin:8px 0 0; color:var(--muted); font-size:12px; }

/* ---------------------------------------------------------------------------
   Chat home (src/views/chat-home.js): one conversation where the squad does
   the work. Rail, conversation, and a side panel that opens for a card.
   Daylight: white cards on paper, pill controls, blue for actions and focus.
   No lime here. The moving light behind it is chat-backdrop.js.
   --------------------------------------------------------------------------- */
@property --ch-orb { syntax: '<color>'; inherits: false; initial-value: transparent; }
.workspace-shell.is-chat { min-height: 100vh; background: transparent; }
.ch-shell { --ch-blue: var(--dl-blue); --ch-blue-hover: #0077ed; --ch-selected: #f2f7ff; --ch-fill: #f0f0f3; --ch-fill-hover: #e8e8ed; --ch-text-2: #424245; --ch-input-border: #d2d2d7; --ch-success-ink: #1b5e20; --ch-warn-bg: #fff4e5; --ch-warn-ink: #8a4b00; --ch-danger-ink: #b42318; --ch-float: 0 14px 40px -18px rgba(0,0,0,.22), 0 0 0 1px rgba(0,0,0,.04); display: grid; grid-template-columns: 240px minmax(0, 1fr); min-height: 100vh; color: var(--ink); background: transparent; letter-spacing: -.01em; }
.ch-shell.has-panel { grid-template-columns: 240px minmax(0, 1fr) 420px; }
/* Folded on a desktop: New chat and Home as icons, the rest out of the way.
   Where the rail is a drawer (a phone, or a small laptop with the panel
   open) it is never folded. */
.ch-rail-fold { display: inline-flex; }
@media (min-width: 901px) {
  .ch-shell.is-rail-folded:not(.has-panel) { grid-template-columns: 68px minmax(0, 1fr); }
  .ch-shell.is-rail-folded:not(.has-panel) .ch-rail { align-items: center; padding: 16px 8px; }
  .ch-shell.is-rail-folded:not(.has-panel) .ch-rail-top { padding: 2px 0 12px; }
  .ch-shell.is-rail-folded:not(.has-panel) :is(.ch-brand, .ch-rail-label, .ch-rail-bottom, .ch-thread:not(.ch-home), .ch-rail-text) { display: none; }
  .ch-shell.is-rail-folded:not(.has-panel) :is(.ch-btn.ch-new, .ch-thread.ch-home) { justify-content: center; width: 44px; min-width: 44px; padding: 0; }
}
@media (min-width: 1181px) {
  .ch-shell.is-rail-folded.has-panel { grid-template-columns: 68px minmax(0, 1fr) 420px; }
  .ch-shell.is-rail-folded.has-panel .ch-rail { align-items: center; padding: 16px 8px; }
  .ch-shell.is-rail-folded.has-panel .ch-rail-top { padding: 2px 0 12px; }
  .ch-shell.is-rail-folded.has-panel :is(.ch-brand, .ch-rail-label, .ch-rail-bottom, .ch-thread:not(.ch-home), .ch-rail-text) { display: none; }
  .ch-shell.is-rail-folded.has-panel :is(.ch-btn.ch-new, .ch-thread.ch-home) { justify-content: center; width: 44px; min-width: 44px; padding: 0; }
}
/* On a small laptop with the panel open, the rail becomes a drawer, so the
   conversation keeps its room and nothing covers it. */
@media (min-width: 901px) and (max-width: 1180px) {
  .ch-shell.has-panel { grid-template-columns: minmax(0, 1fr) 420px; }
  .ch-shell.has-panel .ch-rail { position: fixed; inset: 0 auto 0 0; z-index: 50; width: 300px; background: #fafafc; transform: translateX(-100%); visibility: hidden; box-shadow: 0 0 40px rgba(0,0,0,.16); }
  .ch-shell.has-panel .ch-rail.is-open { transform: none; visibility: visible; }
  .ch-shell.has-panel .ch-rail-close, .ch-shell.has-panel .ch-rail-open { display: inline-flex; }
  .ch-shell.has-panel .ch-rail-fold { display: none; }
  .ch-shell.has-panel .ch-scrim { display: block; position: fixed; inset: 0; z-index: 49; padding: 0; border: 0; background: rgba(0,0,0,.24); cursor: pointer; }
}
.ch-shell.is-loading { display: flex; align-items: center; justify-content: center; }
.ch-shell :focus-visible { outline: 2px solid var(--ch-blue); outline-offset: 2px; }
.ch-shell .ic { flex: none; }

/* Rail */
.ch-rail { display: flex; flex-direction: column; gap: 4px; padding: 16px 12px; border-right: 1px solid rgba(0,0,0,.05); background: rgba(255,255,255,.82); position: sticky; top: 0; height: 100vh; overflow-y: auto; box-sizing: border-box; }
.ch-rail-top { display: flex; align-items: center; justify-content: space-between; padding: 2px 6px 12px; }
.ch-brand { font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
.ch-shell .ch-rail-close, .ch-shell .ch-rail-open, .ch-scrim { display: none; }
.ch-btn.ch-new { justify-content: flex-start; width: 100%; margin-bottom: 8px; }
.ch-thread { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 6px 10px; border: 0; border-radius: 12px; background: transparent; color: var(--ch-text-2); font: inherit; font-size: 14px; text-align: left; cursor: pointer; transition: background-color .15s; }
.ch-thread span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ch-thread:hover { background: rgba(0,0,0,.04); }
.ch-thread.is-current { background: var(--ch-selected); color: var(--ink); font-weight: 600; }
.ch-rail-label { margin: 14px 10px 4px; color: var(--ch-text-2); font-size: 12px; font-weight: 600; letter-spacing: .06em; }
.ch-rail-bottom { position: relative; display: flex; flex-direction: column; gap: 4px; margin-top: auto; }
.ch-menu { display: flex; flex-direction: column; padding: 6px; border-radius: 18px; background: var(--dl-card); box-shadow: var(--ch-float); }
.ch-menu button { min-height: 44px; padding: 9px 12px; border: 0; border-radius: 12px; background: transparent; color: var(--ink); font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.ch-menu button:hover { background: var(--ch-fill); }
.ch-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 10px; border: 0; background: none; color: var(--dl-link); font: inherit; font-size: 14px; text-align: left; text-decoration: none; cursor: pointer; }
.ch-link:hover { text-decoration: underline; }
.ch-still { color: var(--ch-text-2); }
.ch-still .ic { width: 16px; height: 16px; color: var(--ch-blue); }

/* Conversation */
.ch-main { position: relative; display: flex; flex-direction: column; min-width: 0; height: 100vh; }
.ch-top { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 8px 24px; box-sizing: border-box; }
.ch-title { margin: 0; font-size: 15px; font-weight: 600; letter-spacing: -.01em; }
.ch-log { flex: 1; display: flex; flex-direction: column; gap: 20px; padding: 12px 24px 16px; overflow-y: auto; overscroll-behavior: contain; }
.ch-log > * { width: 100%; max-width: 760px; margin-right: auto; margin-left: auto; }
.ch-msg { display: flex; gap: 10px; align-items: flex-start; }
.ch-msg.is-user { justify-content: flex-end; }
.ch-bubble { max-width: 80%; padding: 11px 15px; border-radius: 18px 18px 6px 18px; background: var(--ink); color: #fff; font-size: 15px; line-height: 1.45; overflow-wrap: anywhere; }
.ch-avatar { flex: 0 0 auto; }
.dl-agent-tile.ch-agent { width: 30px; height: 30px; border-radius: 50%; }
.dl-agent-tile.ch-mini-agent { width: 28px; height: 28px; border-radius: 50%; }
.dl-agent-tile.ch-hero-agent { width: 72px; height: 72px; border-radius: 22px; }
.ch-msg-body { display: flex; flex: 1; flex-direction: column; gap: 10px; min-width: 0; }
.ch-name { margin: 5px 0 -6px; color: var(--ch-text-2); font-size: 12px; }
.ch-answer, .ch-live-text { align-self: flex-start; max-width: 100%; padding: 12px 15px; border-radius: 6px 18px 18px 18px; background: rgba(255,255,255,.9); font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; box-sizing: border-box; }
.ch-answer:empty { display: none; }
.ch-answer p { margin: 0 0 8px; }
.ch-live-text { margin: 0; }
.ch-answer p:last-child { margin-bottom: 0; }
.ch-live p.ch-progress { margin: 0; }
.ch-unchecked { color: var(--muted); text-decoration: underline dotted; text-underline-offset: 3px; }
.ch-msg-body .ch-flag-note { margin: 0; color: var(--ch-text-2); font-size: 12px; }
.ch-cite { position: relative; display: inline-flex; align-items: center; margin: 0 2px; padding: 1px 9px; border: 0; border-radius: 980px; background: var(--ch-selected); color: var(--dl-link); font: inherit; font-size: 13px; font-weight: 500; line-height: 1.5; text-decoration: none; vertical-align: baseline; cursor: pointer; transition: background-color .15s; }
.ch-cite:hover { background: #e3eeff; }
/* Inside a sentence: the tap area stays on the chip's own line. */
.ch-cite::after { content: ''; position: absolute; inset: 0 -4px; }
.ch-progress { display: flex; align-items: center; gap: 8px; color: var(--ch-text-2); font-size: 14px; }
.ch-dots { width: 18px; height: 6px; background: radial-gradient(circle, var(--ch-blue) 2px, transparent 3px) 0 50% / 6px 6px repeat-x; opacity: .75; animation: ch-dots 1.2s infinite linear; }
@keyframes ch-dots { from { background-position: 0 50%; } to { background-position: 18px 50%; } }
.ch-stop { align-self: flex-start; }
/* Where a day starts in the Home chat, and the way to older days. */
.ch-day { display: flex; align-items: center; gap: 12px; margin: 8px 0 0; color: var(--ch-text-2); font-size: 12px; font-weight: 600; }
.ch-day::before, .ch-day::after { content: ''; flex: 1; height: 1px; background: rgba(0,0,0,.08); }
.ch-earlier { display: flex; justify-content: center; }
.ch-earlier .ch-link { min-height: 44px; }
.ch-steps { color: var(--ch-text-2); font-size: 13px; }
.ch-steps summary { padding: 12px 0; line-height: 20px; cursor: pointer; }
.ch-steps .ch-muted { color: inherit; }
.ch-steps ol { margin: 6px 0 0; padding-left: 18px; }
.ch-step-who { color: var(--ink); font-weight: 600; }
.ch-steps li { margin: 4px 0; }
/* Where a step looked: small links, each with a 44px tap area. */
.ch-step-srcs { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-left: 6px; }
.ch-step-src { position: relative; padding: 1px 8px; border-radius: 999px; background: rgba(17,24,39,.06); color: var(--ch-text-2); font-size: 12px; text-decoration: none; }
.ch-step-src::after { content: ''; position: absolute; inset: -12px -2px; }
.ch-step-src:hover { color: var(--ink); text-decoration: underline; }
/* While a turn runs: what is done so far, above what is happening now. */
.ch-live-steps { margin: 0; padding: 0; list-style: none; color: var(--ch-text-2); font-size: 13px; line-height: 1.45; }
.ch-live-steps li { position: relative; padding-left: 18px; }
.ch-live-steps li::before { content: ''; position: absolute; left: 3px; top: .45em; width: 7px; height: 7px; border-radius: 50%; background: var(--ch-text-2); opacity: .55; }
.ch-live-steps li.is-error::before { background: var(--ch-danger-ink, #b42318); opacity: 1; }
.ch-kicker { display: block; margin-bottom: 3px; color: var(--agent-ink, var(--muted)); font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }

/* Cards */
.ch-card { display: flex; flex-direction: column; gap: 12px; padding: 16px 18px; border: 0; border-radius: 22px; background: var(--dl-card); }
.ch-card-head { display: flex; gap: 10px; align-items: flex-start; }
.ch-card-head h3 { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.3; letter-spacing: -.01em; }
.ch-card-sub { margin: 2px 0 0; color: var(--muted); font-size: 14px; overflow-wrap: anywhere; }
.ch-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px 16px; margin: 0; }
.ch-facts div { min-width: 0; }
.ch-facts dt { color: var(--muted); font-size: 12px; }
.ch-facts dd { margin: 0; color: var(--ch-text-2); font-size: 14px; overflow-wrap: anywhere; }
.ch-card-note { margin: 0; padding: 12px 14px; border-radius: 14px; background: var(--ch-fill); color: var(--ch-text-2); font-size: 14px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.ch-odds { margin: 0; padding: 7px 12px; border-radius: 12px; background: var(--ch-fill); color: var(--ch-text-2); font-size: 13px; }
.ch-evidence { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.ch-evidence li { position: relative; display: flex; align-items: center; gap: 4px; max-width: 100%; min-height: 32px; padding: 0 11px; border-radius: 980px; background: var(--ch-fill); color: var(--ch-text-2); font-size: 13px; white-space: nowrap; box-sizing: border-box; }
.ch-evidence-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ch-evidence a { display: flex; align-items: center; gap: 4px; min-width: 0; color: var(--dl-link); text-decoration: none; }
/* The whole chip and 6px around it take the tap: 44px tall. */
.ch-evidence a::after { content: ''; position: absolute; inset: -6px 0; }
.ch-evidence a:hover { text-decoration: underline; }
.ch-evidence-date { color: #636366; }
.ch-card-status { margin: 0; font-size: 14px; font-weight: 600; }
.ch-card-status.is-ok { color: var(--ch-success-ink); }
.ch-card-status.is-bad { color: var(--ch-danger-ink); }
.ch-card-status.is-warn { color: var(--ch-warn-ink); }
.ch-card-status.is-busy { color: var(--muted); }
.ch-card-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.ch-card-actions .ch-more { display: none; }

/* Buttons: pills. Blue is the one action that moves things forward. */
a.ch-btn { text-decoration: none; box-sizing: border-box; }
.ch-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 0; border-radius: 980px; background: var(--ch-fill); color: var(--ink); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color .15s, box-shadow .15s, transform .12s; }
.ch-btn:hover { background: var(--ch-fill-hover); }
.ch-btn:active { transform: scale(.98); }
.ch-btn.is-primary { background: var(--ch-blue); color: #fff; }
.ch-btn.is-primary:hover { background: var(--ch-blue-hover); }
.ch-btn.is-danger { color: var(--ch-danger-ink); }
.ch-btn.is-quiet { min-height: 44px; padding: 0 14px; background: transparent; color: var(--ch-text-2); }
.ch-btn.is-quiet:hover { background: rgba(0,0,0,.05); color: var(--ink); }
.ch-btn:disabled { opacity: .5; cursor: default; transform: none; }
.ch-btn[aria-busy="true"]:disabled, .ch-btn[aria-busy="true"][aria-disabled="true"] { opacity: 1; cursor: progress; }
.ch-icon-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer; transition: background-color .15s; }
.ch-icon-btn .ic { width: 18px; height: 18px; }
.ch-icon-btn:hover { background: rgba(0,0,0,.05); }

/* Composer: a floating white pill with the send button inside. */
.ch-composer { position: relative; width: 100%; max-width: 808px; margin: 0 auto; padding: 8px 24px calc(14px + env(safe-area-inset-bottom)); box-sizing: border-box; }
/* The "/" shortcuts, just above the field. */
.ch-slash { position: absolute; left: 24px; right: 24px; bottom: calc(100% - 2px); z-index: 5; display: flex; flex-direction: column; max-height: min(360px, 50vh); padding: 6px; overflow-y: auto; border-radius: 18px; background: var(--dl-card); box-shadow: var(--ch-float); }
.ch-slash-item { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 6px 12px; border: 0; border-radius: 12px; background: transparent; color: var(--ink); font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.ch-slash-item.is-active, .ch-slash-item:hover { background: var(--ch-fill); }
.ch-slash-cmd { min-width: 84px; color: var(--ch-text-2); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
.ch-composer-box { display: flex; gap: 4px; align-items: flex-end; padding: 5px 5px 5px 20px; border-radius: 27px; background: var(--dl-card); box-shadow: var(--ch-float); }
.ch-composer-box:focus-within { outline: 2px solid var(--ch-blue); outline-offset: 2px; }
.ch-composer textarea { flex: 1; box-sizing: border-box; min-width: 0; min-height: 44px; max-height: 200px; margin: 0; padding: 11px 0; border: 0; background: transparent; color: var(--ink); font: inherit; font-size: 15px; line-height: 1.45; letter-spacing: -.01em; resize: none; }
.ch-composer textarea:focus, .ch-composer textarea:focus-visible { outline: none; }
.ch-composer textarea::placeholder { color: var(--muted); }
.ch-mic { color: var(--muted); }
.ch-mic.is-on { background: var(--ch-selected); color: var(--ch-blue); }
.ch-talk { color: var(--muted); }
.ch-talk.is-on { background: var(--ch-selected); color: var(--ch-blue); }
/* A message said into the mic in Talk mode. */
.ch-said { display: block; margin-bottom: 2px; color: rgba(255,255,255,.78); font-size: 12px; font-weight: 600; }
.ch-send { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--ink); color: #fff; cursor: pointer; transition: background-color .15s, transform .12s, opacity .15s; }
.ch-send .ic { width: 18px; height: 18px; stroke-width: 2.2; }
.ch-send:hover { background: #000; }
.ch-send:active { transform: scale(.94); }
.ch-send:disabled { opacity: .3; cursor: default; transform: none; }
/* Stop takes the send button's place while Fluff works, so it never scrolls away. */
.ch-send.is-stop .ic { width: 14px; height: 14px; fill: currentColor; }
.ch-composer-note { margin: 8px 0 0; color: var(--ch-text-2); font-size: 12px; text-align: center; }
.ch-composer-note.is-listening { color: var(--ink); font-weight: 600; }
.ch-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Empty state */
.ch-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 9vh 0 0; text-align: center; }
.ch-empty .ch-kicker { margin: 6px 0 -4px; }
.ch-empty h1 { margin: 0; font-size: clamp(26px, 3.4vw, 34px); font-weight: 700; letter-spacing: -.04em; line-height: 1.1; text-wrap: balance; }
.ch-empty > p { max-width: 520px; margin: 0; color: var(--ch-text-2); font-size: 15px; line-height: 1.5; }
.ch-starters { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; width: 100%; margin-top: 10px; }
.ch-starter { display: inline-flex; align-items: center; gap: 10px; max-width: 100%; min-height: 44px; padding: 6px 16px 6px 6px; border: 0; border-radius: 980px; background: rgba(255,255,255,.85); color: var(--ink); font: inherit; font-size: 14px; font-weight: 500; text-align: left; cursor: pointer; transition: background-color .15s, transform .15s; }
.ch-starter:hover { background: var(--dl-card); transform: translateY(-2px); }

.ch-muted { color: var(--muted); }
.ch-error { margin: 0; padding: 10px 14px; border-radius: 14px; background: #fde8e6; color: var(--ch-danger-ink); }
.ch-shell.is-loading .ch-muted { color: var(--ch-text-2); }
.ch-shell.is-still .ch-dots { animation: none; }
/* What Fluff built, drawn as it arrives (chat-cards.js visualHtml): a flow
   of steps, a ranked call list, or a table's columns. Each piece comes in
   STAGGER (300ms) after the last; --t carries how far along it already is. */
.ch-visual { margin: 12px 0 4px; }
.ch-flow { position: relative; display: flex; flex-direction: column; margin: 12px 0 4px; padding: 0; list-style: none; }
.ch-flow::before { content: ''; position: absolute; top: 18px; bottom: 18px; left: 17px; width: 2px; border-radius: 2px; background: var(--line); transform-origin: top; }
.ch-flow-node { position: relative; display: flex; align-items: flex-start; gap: 12px; padding: 6px 0; }
.ch-flow-ic { position: relative; z-index: 1; display: grid; flex: none; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: var(--ch-selected); color: var(--dl-blue); box-shadow: 0 0 0 4px var(--dl-card); }
.ch-flow-ic .ic { width: 17px; height: 17px; }
.ch-flow-ic.is-phone { background: #e9f6ec; color: var(--ch-success-ink); }
.ch-flow-ic.is-linkedin { background: #e8f0fb; color: #0a66c2; }
.ch-flow-ic.is-zap { background: #fff1ec; color: #a63a12; }
.ch-flow-ic.is-sparkles { background: #f3eefc; color: #5b3d99; }
.ch-flow-ic.is-check, .ch-flow-ic.is-clock { background: var(--ch-fill); color: var(--ink); }
.ch-flow-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding-top: 7px; font-size: 14px; }
.ch-flow-text strong { font-weight: 600; }
.ch-flow-text span { overflow: hidden; color: var(--ch-text-2); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.ch-flow-wait { position: relative; z-index: 1; padding: 2px 0 2px 48px; }
.ch-flow-wait span { display: inline-block; padding: 2px 10px; border-radius: 999px; background: var(--ch-fill); color: var(--ch-text-2); font-size: 12px; font-weight: 600; }
.ch-rank { display: flex; flex-direction: column; gap: 6px; margin: 12px 0 4px; padding: 0; list-style: none; }
.ch-rank li { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 14px; background: var(--ch-fill); }
.ch-rank-n { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--dl-card); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.ch-rank-who { display: flex; flex-direction: column; min-width: 0; font-size: 14px; }
.ch-rank-who span { color: var(--ch-text-2); font-size: 13px; }
.ch-rank-who em { overflow: hidden; color: #a63a12; font-size: 12px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.ch-rank-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--ch-warn-bg); color: var(--ch-warn-ink); font-size: 12px; font-weight: 600; white-space: nowrap; }
.ch-rank-badge.is-ready { background: #e9f6ec; color: var(--ch-success-ink); }
.ch-rank-badge .ic { width: 13px; height: 13px; }
.ch-grid { overflow-x: auto; }
.ch-grid table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.ch-grid th, .ch-grid td { padding: 8px 10px; border-bottom: 1px solid #f0f0f3; text-align: left; white-space: nowrap; }
.ch-grid thead th { color: var(--ink); font-weight: 600; }
.ch-grid thead th small { display: block; color: var(--muted); font-size: 11px; font-weight: 500; }
.ch-grid tbody th { font-weight: 500; }
.ch-grid-cell { display: block; width: 72px; height: 8px; border-radius: 4px; background: #eceef2; }
.ch-visual.is-building [style*="--i"] { animation: ch-build-in .42s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i) * 300ms + var(--t, 0ms)); }
.ch-visual.is-building .ch-flow-ic { animation: ch-build-pop .5s cubic-bezier(.3, 1.4, .5, 1) both; animation-delay: calc(var(--i) * 300ms + var(--t, 0ms)); }
.ch-flow.is-building::before { animation: ch-build-line calc(var(--n, 4) * 300ms) linear both; animation-delay: var(--t, 0ms); }
.ch-grid.is-building .ch-grid-cell { background: linear-gradient(90deg, #eceef2 25%, #dfe3ea 50%, #eceef2 75%); background-size: 300% 100%; animation: ch-build-in .42s both, ch-build-shimmer 1.4s linear 2; animation-delay: calc(var(--i) * 300ms + var(--t, 0ms)); }
@keyframes ch-build-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes ch-build-pop { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
@keyframes ch-build-line { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes ch-build-shimmer { from { background-position: 100% 0; } to { background-position: 0 0; } }
.ch-shell.is-still .ch-visual *, .ch-shell.is-still .ch-visual::before { animation: none !important; }
@media (prefers-reduced-motion: reduce) { .ch-visual *, .ch-visual::before { animation: none !important; } }
.ch-mode-note { margin: 0; padding: 12px 16px; border-radius: 16px; background: var(--ch-warn-bg); color: var(--ch-warn-ink); font-size: 14px; }
.ch-mode-note strong { color: inherit; }

/* Side panel, drafts and the send sheet */
.ch-panel { position: sticky; top: 0; height: 100vh; padding: 20px; border-left: 1px solid rgba(0,0,0,.05); background: rgba(255,255,255,.94); overflow-y: auto; box-sizing: border-box; }
.ch-panel-head { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 16px; }
.ch-panel-head h2 { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -.02em; }
.ch-panel-head .ch-icon-btn { margin-left: auto; }
.ch-panel > .ch-facts { margin-bottom: 8px; }
.ch-panel-section { margin-top: 20px; }
.ch-panel-section h3 { margin: 0 0 8px; font-size: 14px; font-weight: 600; letter-spacing: -.01em; }
.ch-panel-section .ch-facts { margin-bottom: 10px; }
.ch-panel-list { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.45; }
.ch-panel-list li { padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,.05); overflow-wrap: anywhere; }
.ch-panel-list a { color: var(--dl-link); }
.ch-panel-list .ch-link { min-height: 44px; padding: 0; text-align: left; }
.ch-panel > .ch-card-actions { margin-top: 20px; }
/* Today's hands-free review in the panel ("Go through them with me"): the
   same card and conversation, sized for the panel, with no lime. */
.ch-panel .tv-review { display: flex; flex-direction: column; gap: 14px; }
.ch-panel .tv-review-count { margin: 0; font: 500 13px var(--sans); color: var(--ch-text-2); }
.ch-panel .td-card.tv-card { padding: 16px; border-radius: 20px; }
.ch-panel .tv-draft-body { max-height: 36vh; overflow-y: auto; }
.ch-panel .tv-chat { min-height: 0; max-height: none; padding: 14px; border-radius: 20px; }
.ch-panel .tv-thread { max-height: 40vh; }
.ch-panel .button-acid { background: var(--ch-blue); color: #fff; box-shadow: none; }
.ch-panel .button-acid:hover { background: var(--ch-blue-hover); }
.ch-panel .tv-mic.is-on { background: var(--ch-blue); color: #fff; box-shadow: 0 0 0 6px color-mix(in srgb, var(--ch-blue) 25%, transparent); animation: ch-mic-pulse 1.2s ease-in-out infinite; }
@keyframes ch-mic-pulse { 50% { box-shadow: 0 0 0 10px color-mix(in srgb, var(--ch-blue) 12%, transparent); } }
@media (prefers-reduced-motion: reduce) { .ch-panel .tv-mic.is-on { animation: none; } }
.ch-panel .tv-review :is(button, a, summary, input) { min-height: 44px; }
.ch-panel .tv-review a:not(.button) { display: inline-flex; align-items: center; }
.fv-odds-chart { display: block; width: 160px; height: 160px; margin: 8px 0; color: var(--ink, #111); }
.ch-brief-review { margin-top: 8px; }
.ch-import-note { margin: 0 0 8px; font-size: 14px; text-align: center; }
.ch-tag { display: inline-block; margin-left: 4px; padding: 1px 8px; border-radius: 999px; background: var(--ch-fill); color: var(--ch-text-2); font-size: 12px; }
/* The chat's tabs (chat-tabs.js): the workspace inside the chat. */
.ch-rail { overflow-y: auto; }
.ch-rail-tabs { display: flex; flex-direction: column; gap: 2px; margin: 2px 0 6px; }
.ch-tab-link { position: relative; }
.ch-count-pill { margin-left: auto; min-width: 22px; padding: 1px 7px; border-radius: 999px; background: var(--ch-fill); color: var(--ch-text-2); font-size: 12px; font-weight: 600; text-align: center; box-sizing: border-box; }
.ch-shell.is-rail-folded .ch-count-pill { position: absolute; top: 2px; right: 2px; min-width: 18px; padding: 0 5px; font-size: 11px; }
.ch-log[hidden] { display: none; }
.ch-back-chat { margin-left: auto; }
.ch-tabview { flex: 1; display: flex; flex-direction: column; gap: 14px; min-height: 0; padding: 4px 24px 16px; overflow-y: auto; overscroll-behavior: contain; }
.ch-tab-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; }
.ch-tab-head h2 { margin: 0; font-size: 22px; letter-spacing: -.02em; }
.ch-tab-head .ch-muted { margin: 4px 0 0; }
.ch-tab-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.ch-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.ch-chip { min-height: 44px; padding: 0 14px; border: 1px solid var(--ch-input-border); border-radius: 999px; background: var(--dl-card); color: var(--ch-text-2); font: inherit; font-size: 14px; cursor: pointer; }
.ch-chip:hover { background: var(--ch-fill); }
.ch-chip.is-on { border-color: var(--ink); background: var(--ink); color: #fff; }
.ch-chip:focus-visible { outline: 2px solid var(--ch-blue); outline-offset: 2px; }
.ch-tabview .ch-table-wrap { margin: 0; border-radius: 16px; background: var(--dl-card); box-shadow: var(--ch-float); }
.ch-tag.is-warn { background: var(--ch-warn-bg); color: var(--ch-warn-ink); }
.ch-rows { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ch-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; min-height: 64px; padding: 12px 16px; border: 0; border-radius: 16px; background: var(--dl-card); box-shadow: var(--ch-float); color: var(--ink); font: inherit; text-align: left; cursor: pointer; box-sizing: border-box; }
.ch-row:hover { background: var(--ch-selected); }
.ch-row:focus-visible { outline: 2px solid var(--ch-blue); outline-offset: 2px; }
.ch-row-main { min-width: 0; font-size: 15px; }
.ch-row-sub { display: block; overflow: hidden; margin-top: 2px; color: var(--ch-text-2); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.ch-row-side { display: flex; flex: none; align-items: center; gap: 8px; font-size: 13px; }
.ch-row.is-unread .ch-row-main strong { font-weight: 700; }
.ch-dot { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--ch-blue); vertical-align: middle; }
.ch-tab-empty { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 24px; border-radius: 20px; background: var(--dl-card); box-shadow: var(--ch-float); }
.ch-tab-empty p { margin: 0; color: var(--ch-text-2); }
.ch-thread-msgs { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.ch-thread-msgs li { padding: 10px 14px; border-radius: 14px; background: var(--ch-fill); }
.ch-thread-msgs li.is-out { background: var(--ch-selected); }
.ch-thread-msgs p { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
/* A screen the chat holds as a tab (Plays, Settings, Insights): its own
   layout, inside the chat's frame. */
.ch-legacy { min-width: 0; padding: 4px 0 16px; border-radius: 20px; }
.ch-legacy .workspace-main { padding: 0; }
/* Accounts and People in the chat: the records table, in the chat's look.
   Logos, a white rounded frame, blue focus, a segmented filter. */
.workspace-shell.sg .ch-records .workspace-content { padding-top: 6px !important; }
.ch-records .rt-page { gap: 14px; }
.ch-records td.rt-col-moment { min-width: 260px; }
.ch-records .rt-toolbar { gap: 10px; }
.ch-records .rt-search, .ch-records .rt-select, .ch-records .rt-tool-button { height: 44px; border: 0; border-radius: 12px; background: var(--dl-card); box-shadow: var(--ch-float); }
.ch-records .rt-search { flex: 1 1 220px; padding: 0 16px; }
.ch-records .rt-search input, .ch-records .rt-select select { font-size: 15px; }
.ch-records .rt-search:focus-within, .ch-records .rt-select:focus-within { border-color: transparent; box-shadow: 0 0 0 2px var(--ch-blue); }
.ch-records .rt-tool-button { padding: 0 16px; background: var(--ink); color: #fff; font-size: 14px; }
.ch-records .rt-tool-button:hover, .ch-records .rt-tool-button[aria-expanded="true"] { border-color: transparent; background: #000; }
.ch-records .rt-segment { height: auto; padding: 4px; border: 0; border-radius: 14px; background: var(--paper-2); }
.ch-records .rt-segment button { min-height: 36px; padding: 0 14px; border-radius: 10px; color: var(--ch-text-2); font-size: 14px; font-weight: 500; }
.ch-records .rt-segment button.is-active { color: var(--ink); background: var(--dl-card); box-shadow: 0 1px 3px rgba(0,0,0,.12); font-weight: 600; }
.ch-records .rt-segment button:focus-visible, .ch-records .rt-tool-button:focus-visible, .ch-records .rt-add-col button:focus-visible { outline: 2px solid var(--ch-blue); outline-offset: 2px; }
.ch-records .rt-frame { border: 0; border-radius: 22px; background: var(--dl-card); box-shadow: var(--ch-float); }
.ch-records .rt-table { font-size: 14px; }
.ch-records .rt-table th, .ch-records .rt-table td { height: 64px; padding: 0 12px; border-bottom-color: #f0f0f3; }
.ch-records .rt-table th + th, .ch-records .rt-table td + td { border-left: 0; }
.ch-records .rt-table thead th { height: 44px; background: var(--dl-card); border-bottom-color: var(--line); }
.ch-records .rt-table .rt-lead, .ch-records .rt-table tbody td.rt-num { background: var(--dl-card); box-shadow: none; }
.ch-records .rt-row:hover td, .ch-records .rt-row:focus-visible td { background: #f7f9fc; }
.ch-records .rt-row.is-open td { background: var(--ch-selected); }
.ch-records .rt-row:focus-visible td.rt-num { box-shadow: inset 3px 0 var(--ch-blue); }
.ch-records .rt-avatar.is-company { width: 36px; height: 36px; border-radius: 10px; font-size: 13px; }
.ch-records .rt-avatar.has-img.is-company { box-shadow: inset 0 0 0 1px var(--line); }
.ch-records .rt-person-text { flex-direction: column; align-items: flex-start; gap: 1px; }
.ch-records .rt-person-text strong { font-size: 15px; font-weight: 600; }
.ch-records .rt-person-text small { color: var(--muted); font-size: 12px; }
.ch-records .rt-pill.is-signal, .ch-records .rt-pill.is-moment { gap: 5px; height: 22px; padding: 0 9px; border-radius: 999px; color: #a63a12; background: #fff1ec; font-weight: 600; }
.ch-records .rt-pill.is-drafts { height: 24px; padding: 0 10px; border-radius: 999px; color: var(--dl-link); background: var(--ch-selected); font-size: 13px; font-weight: 600; }
.ch-records .rt-score { color: var(--ink); }
.ch-records .rt-add-col button:hover, .ch-records .rt-add-col button[aria-expanded="true"] { border-color: var(--ch-blue); background: var(--ch-selected); }
.ch-records .rt-col-menu { border: 0; border-radius: 20px; box-shadow: 0 30px 80px -30px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.05); }
.ch-records .rt-col-option input { accent-color: var(--ch-blue); }
.rt-moment { display: flex; flex-direction: column; gap: 4px; max-width: 360px; white-space: normal; }
.rt-moment-top { display: flex; align-items: center; gap: 8px; }
.rt-moment-top small { color: var(--muted); font-size: 12px; }
.rt-moment-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.35; }
.rt-pill.is-moment { gap: 5px; color: #a63a12; background: #fff1ec; }
.rt-pill.is-drafts { color: var(--dl-link); background: #f2f7ff; }
@media (max-width: 900px) {
  .ch-tabview { padding: 4px 16px 12px; }
  .ch-row { flex-direction: column; align-items: flex-start; }
}
/* Every row of a results card. */
.ch-table-wrap { margin: 0 -4px; overflow-x: auto; }
.ch-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.ch-table th { padding: 8px 6px; border-bottom: 1px solid rgba(0,0,0,.1); color: var(--ch-text-2); font-weight: 600; text-align: left; white-space: nowrap; }
.ch-table td { padding: 8px 6px; border-bottom: 1px solid rgba(0,0,0,.05); color: var(--ink); vertical-align: top; overflow-wrap: anywhere; }
.ch-draft-form { display: flex; flex-direction: column; gap: 14px; }
.ch-draft-form label { display: flex; flex-direction: column; gap: 6px; color: var(--ch-text-2); font-size: 13px; font-weight: 500; }
.ch-draft-form input, .ch-draft-form textarea, .ch-onboard-site input, .ch-onboard-site textarea { box-sizing: border-box; min-height: 44px; padding: 11px 14px; border: 1px solid var(--ch-input-border); border-radius: 12px; background: var(--dl-card); color: var(--ink); font: inherit; font-size: 15px; }
.ch-draft-form input:focus-visible, .ch-draft-form textarea:focus-visible, .ch-onboard-site input:focus-visible, .ch-onboard-site textarea:focus-visible { border-color: var(--ch-blue); outline: 2px solid var(--ch-blue); outline-offset: -2px; }
.ch-onboard-site { display: flex; flex-direction: column; gap: 10px; }
.ch-onboard-site .ch-muted { margin: 0; font-size: 13px; }
.ch-onboard-manual label { display: flex; flex-direction: column; gap: 6px; color: var(--ch-text-2); font-size: 13px; font-weight: 500; }
.ch-onboard-site textarea { resize: vertical; }
.ch-onboard-site .ch-link { padding: 0; font-size: 13px; text-decoration: underline; text-underline-offset: 2px; }
.ch-onboard-site input { min-height: 44px; box-sizing: border-box; }
.ch-sheet-backdrop { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0,0,0,.28); }
.ch-sheet { width: min(480px, 100%); max-height: 85vh; padding: 24px; border-radius: 32px; background: var(--dl-card); box-shadow: 0 40px 120px -30px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.04); overflow-y: auto; box-sizing: border-box; }
.ch-sheet h2 { margin: 0 0 14px; font-size: 19px; font-weight: 600; letter-spacing: -.02em; }
.ch-sheet-rows { display: flex; flex-direction: column; gap: 6px; margin: 0 0 12px; padding: 0; list-style: none; }
.ch-sheet-rows li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 14px; border-radius: 14px; background: var(--ch-fill); font-size: 14px; }
.ch-sheet-rows li.is-ok span:last-child { color: var(--ch-success-ink); font-weight: 600; }
.ch-sheet-rows li.is-bad span:last-child { color: var(--ch-danger-ink); }

/* The moving light (chat-backdrop.js). Fixed behind the page; only
   transform and opacity animate, colors change between moods. */
.ch-backdrop { position: fixed; inset: 0; z-index: -1; overflow: hidden; background: var(--paper); pointer-events: none; contain: strict; }
.ch-bd-field { position: absolute; inset: -12%; will-change: transform; }
.ch-bd-orb { position: absolute; width: 64vmax; height: 64vmax; border-radius: 50%; background: radial-gradient(closest-side, var(--ch-orb) 0%, transparent 100%); will-change: transform; }
.ch-bd-orb.is-1 { top: -8%; left: 4%; }
.ch-bd-orb.is-2 { top: 18%; right: -6%; }
.ch-bd-orb.is-3 { bottom: -18%; left: 26%; }
.ch-bd-clip { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%); }
.ch-bd-halo { position: absolute; top: 0; left: 0; width: 0; height: 0; border-radius: 28px; box-shadow: 0 0 0 2px var(--ch-halo, rgba(0,113,227,.34)), 0 0 36px 10px var(--ch-halo, rgba(0,113,227,.34)); opacity: 0; will-change: transform, opacity; }

/* Toasts (kept outside #app, so a render never wipes one) and other things
   in the chat that sit outside .ch-shell. In the chat a toast sits above
   the composer, over the panel and the sheet. */
.toast.is-info .sg-toast-ic { background: rgba(255,255,255,.12); color: #f5f5f7; }
/* showToast sets --toast-x and --toast-bottom from the conversation and the
   composer, so the toast sits centred just above whatever is typed. */
body.in-chat .toast { left: var(--toast-x, 50%); right: auto; bottom: var(--toast-bottom, calc(96px + env(safe-area-inset-bottom))); z-index: 70; width: max-content; max-width: min(420px, calc(100vw - 32px)); border-radius: 22px; transform: translate(-50%, 8px); transition: opacity .25s, transform .25s; }
body.in-chat .toast.show { transform: translate(-50%, 0); }
body.in-chat .toast.has-action.show { max-width: min(420px, calc(100vw - 32px)); }
body.in-chat .sg-toast-ic { background: rgba(52,199,89,.2); color: #34c759; }
body.in-chat .toast.is-problem .sg-toast-ic { background: rgba(255,140,90,.18); color: #ffb08a; }
body.in-chat .toast.is-info .sg-toast-ic { background: rgba(255,255,255,.12); color: #f5f5f7; }
body.in-chat .toast-action { min-height: 44px; padding: 0 16px; background: var(--dl-blue); color: #fff; font-size: 13px; }
body.in-chat .toast-action:focus-visible, .workspace-shell.is-chat > :not(.ch-shell) :is(button, a, input, select, textarea, summary):focus-visible { outline: 2px solid var(--dl-blue); outline-offset: 2px; }

@media (max-width: 900px) {
  .ch-shell, .ch-shell.has-panel { grid-template-columns: minmax(0, 1fr); }
  .ch-rail { position: fixed; inset: 0 auto 0 0; z-index: 50; width: min(300px, 86vw); background: #fafafc; transform: translateX(-100%); transition: transform .24s cubic-bezier(.22,1,.36,1); box-shadow: 0 0 40px rgba(0,0,0,.16); }
  /* Closed, the drawer is out of reach of Tab and focus. */
  .ch-rail:not(.is-open) { visibility: hidden; transition: transform .24s cubic-bezier(.22,1,.36,1), visibility 0s .24s; }
  .ch-rail.is-open { transform: none; visibility: visible; }
  .ch-shell .ch-rail-close, .ch-shell .ch-rail-open { display: inline-flex; }
  .ch-shell .ch-rail-fold { display: none; }
  .ch-scrim { display: block; position: fixed; inset: 0; z-index: 49; padding: 0; border: 0; background: rgba(0,0,0,.24); cursor: pointer; }
  .ch-panel { position: fixed; inset: 0; z-index: 55; height: auto; border-left: 0; background: var(--dl-card); }
  /* On a phone a table row is a stack: each value under its column name. */
  .ch-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .ch-table, .ch-table tbody, .ch-table tr, .ch-table td { display: block; }
  .ch-table tr { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.08); }
  .ch-table td { display: flex; gap: 10px; padding: 2px 0; border: 0; }
  .ch-table td::before { content: attr(data-label); flex: none; width: 84px; color: var(--ch-text-2); font-size: 12px; }
  .ch-table td:empty { display: none; }
  .ch-top { min-height: 52px; padding: 6px 12px; }
  .ch-log { padding: 8px 16px; }
  .ch-composer { width: auto; max-width: none; margin: 0; padding: 6px 12px calc(10px + env(safe-area-inset-bottom)); box-sizing: border-box; }
  .ch-slash { left: 12px; right: 12px; }
  .ch-composer-note { display: none; }
  .ch-composer-note.is-listening { display: block; }
  /* 16px or more, or iOS zooms the page on every focus. */
  .ch-composer textarea, .ch-draft-form input, .ch-draft-form textarea, .ch-onboard-site input, .ch-onboard-site textarea { font-size: 16px; }
  /* The halo's bottom edge stays out of the fade above the composer. */
  .ch-bd-clip { -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - 5px), transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - 5px), transparent 100%); }
  .ch-bubble { max-width: 88%; }
  .ch-empty { padding-top: 5vh; }
  .ch-card { padding: 14px 16px; border-radius: 20px; }
  .ch-card-actions .ch-btn { flex: 1 1 auto; }
  .ch-card:not(.is-expanded) .ch-card-actions .ch-extra { display: none; }
  .ch-card-actions .ch-more { display: inline-flex; }
  .ch-bd-orb { width: 120vw; height: 120vw; }
  .ch-bd-orb.is-3 { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ch-dots { animation: none; }
  .ch-rail, .ch-btn, .ch-send, .ch-starter, .ch-thread, .ch-cite { transition: none; }
  .ch-starter:hover, .ch-btn:active, .ch-send:active { transform: none; }
}
@media (forced-colors: active) {
  .ch-bubble, .ch-answer, .ch-live-text, .ch-card, .ch-starter, .ch-composer-box, .ch-thread.is-current { border: 1px solid CanvasText; }
  .ch-btn, button.ch-cite, .ch-send { border: 1px solid ButtonText; }
  a.ch-cite { border: 1px solid LinkText; }
  .ch-rail .ch-link { text-decoration: underline; }
  .ch-btn:disabled, .ch-btn[aria-disabled="true"] { border-color: GrayText; }
  .ch-backdrop { display: none; }
}