/* @pantas/web - the app's stylesheet.

   UI-05 - the look is the Simple page's (the approved prototype,
   `hubs/pantas-v3/program/handover-2026-09-15-logo/pantas-simple.html`): its palette, its type,
   its icons, its cards, chips, tabs, sheets, its sidebar and its bottom bar. Section 2 below is
   that page's own stylesheet, byte for byte, minus its two `:root` token blocks - those are
   rewritten in section 1 as the app's three-state tokens (`:root`, the system-dark media query,
   and an explicit `[data-theme="dark"]`) so `theme.js` keeps working - plus the approved logo CSS
   from the same packet. Section 3 is the glue that hangs the app's own furniture (the Ask dock,
   the overlays, the toast region, sign-in) on that chrome.

   The older views still draw the binding mockup's markup; `css/mockup-components.css` and the
   per-view sheets are scoped to those pages so the two stylesheets do not fight. */

@import url("css/mockup-components.css");
@import url("css/views/home.css");
@import url("css/views/work.css");
@import url("css/views/followups.css");
@import url("css/views/reports.css");
@import url("css/views/intents.css");
@import url("css/views/rules.css");
@import url("css/views/sources.css");
@import url("css/views/triage.css");
@import url("css/views/conversations.css");
@import url("css/views/knowledge.css");
@import url("css/views/capabilities.css");
@import url("css/views/settings.css");
@import url("css/views/insights.css");
@import url("css/views/field.css");
@import url("css/views/setup.css");
@import url("css/views/mandor.css");
@import url("css/views/project.css");

/* === 1 - tokens ==================================================================================
   The Simple page's palette, in the app's three-state pattern. The first block is the light one and
   the only place a light value is written; the two dark blocks carry the same values, once for the
   device preference and once for an explicit choice. The names after the palette are the aliases
   the older views' CSS still asks for, mapped onto the same colours. */

:root {
  color-scheme: light;
  --bg: #f6f7f3; --paper: #fff; --ink: #1d3028; --muted: #6b7971; --line: #dfe5dc; --green: #176b4d;
  --soft: #eaf2e9; --lime: #dbefa7; --amber: #92601d; --amberbg: #fff3da; --red: #a24735; --redbg: #f9e9e3;
  --blue: #436d90; --bluebg: #eaf0f7; --side: #162b24; --shadow: 0 20px 70px #152b2420; --radius: 16px;
  --primary: var(--green); --surface: var(--paper); --border: var(--line); --text: var(--ink); --accent: var(--green);
  /* the older views' names, on the same colours */
  --page: #fbfcfa; --panel: var(--paper); --panel-2: var(--soft); --line-strong: #ccd8c8;
  --ink-2: #46564e; --ink-3: var(--muted); --ink-4: #8c9a92;
  --em: var(--green); --em-2: var(--green); --em-soft: var(--soft); --em-ink: var(--green);
  --amber-soft: var(--amberbg); --red-soft: var(--redbg); --blue-soft: var(--bluebg);
  --purple: #7254a2; --purple-soft: #eee8f8;
  --wa-bg: #efeae2; --wa-in: #ffffff; --wa-out: #d9fdd3;
  --scrim: rgba(11, 32, 24, .40);
  --side-ink: #eef5e9; --side-ink-2: #aac0b3; --side-line: rgba(255, 255, 255, .13); --side-on: rgba(255, 255, 255, .08);
  --nav-h: 64px; --top-h: 72px; --dock-h: 62px; --sidebar-w: 224px;
  --ease: 180ms cubic-bezier(.2, .7, .2, 1);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #101b16; --paper: #17271f; --ink: #e5eee6; --muted: #a0b0a5; --line: #304237; --green: #91d8b6;
    --soft: #263f31; --lime: #cbe397; --amber: #f0c27b; --amberbg: #40351e; --red: #f1a58e; --redbg: #402a23;
    --blue: #a4c6e3; --bluebg: #233443; --side: #0d1712; --shadow: 0 20px 70px #0006;
    --page: #13201a; --line-strong: #3c5044; --ink-2: #c3d0c9; --ink-4: #7e8f85;
    --purple: #c9b3ea; --purple-soft: #2c2140;
    --wa-bg: #0b141a; --wa-in: #202c33; --wa-out: #005c4b;
    --scrim: rgba(0, 0, 0, .55);
    --side-line: rgba(255, 255, 255, .10); --side-on: rgba(255, 255, 255, .07);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101b16; --paper: #17271f; --ink: #e5eee6; --muted: #a0b0a5; --line: #304237; --green: #91d8b6;
  --soft: #263f31; --lime: #cbe397; --amber: #f0c27b; --amberbg: #40351e; --red: #f1a58e; --redbg: #402a23;
  --blue: #a4c6e3; --bluebg: #233443; --side: #0d1712; --shadow: 0 20px 70px #0006;
  --page: #13201a; --line-strong: #3c5044; --ink-2: #c3d0c9; --ink-4: #7e8f85;
  --purple: #c9b3ea; --purple-soft: #2c2140;
  --wa-bg: #0b141a; --wa-in: #202c33; --wa-out: #005c4b;
  --scrim: rgba(0, 0, 0, .55);
  --side-line: rgba(255, 255, 255, .10); --side-on: rgba(255, 255, 255, .07);
}

/* === 2 - the Simple page's stylesheet ============================================================
   Verbatim, in its own build order (style, extra, composition, setup, conversations, experience,
   the four hubs, new work, follow-ups, home overview), then the approved logo CSS from the logo
   packet. Nothing here was retuned; only the two token blocks were lifted out, into section 1. */

*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 "Segoe UI",Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8db850;outline-offset:3px}button:disabled{opacity:.48;cursor:default}a{color:var(--green)}h1,h2,h3,h4,p{margin:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1.3px;font-weight:600}h2{font-size:21px;letter-spacing:-.6px;line-height:1.25;font-weight:600}h3{font-size:16px;font-weight:600;line-height:1.4}h4{font-size:14px}p{color:var(--muted)}small,.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--muted)}.flex{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:14px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:grid;gap:18px}.gap8{gap:8px}.mt{margin-top:22px}.mb{margin-bottom:22px}.right{text-align:right}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:12px;font-weight:600;transition:.18s}.btn:hover{background:var(--soft);border-color:var(--green)}.btn.primary{background:var(--green);color:var(--paper);border-color:var(--green)}[data-theme=dark] .btn.primary{color:#102519}.btn.lime{background:var(--lime);color:#203728;border-color:var(--lime)}.btn.ghost{background:transparent}.btn.sm{padding:6px 10px;font-size:11px}.link{color:var(--green);font-size:12px;font-weight:600;padding:4px 0;display:inline-flex;gap:7px;align-items:center}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600;background:var(--soft);color:var(--green);white-space:nowrap}.pill.amber{background:var(--amberbg);color:var(--amber)}.pill.red{background:var(--redbg);color:var(--red)}.pill.blue{background:var(--bluebg);color:var(--blue)}.pill.neutral{background:var(--bg);color:var(--muted)}.dot{height:6px;width:6px;border-radius:50%;background:currentColor;display:inline-block;flex:none}.avatar{height:34px;width:34px;border-radius:50%;background:#c9d7bd;color:#2e4939;display:grid;place-items:center;font-size:12px;font-weight:600;flex:none}.agent-icon{width:39px;height:39px;border-radius:11px;background:var(--soft);color:var(--green);display:grid;place-items:center;flex:none}.agent-icon.amber{background:var(--amberbg);color:var(--amber)}.agent-icon.blue{background:var(--bluebg);color:var(--blue)}
.sidebar{width:220px;position:fixed;inset:0 auto 0 0;background:var(--side);color:#e8eee5;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:30}.logo{font-size:31px;letter-spacing:-1.7px;font-weight:650;display:flex;align-items:center;gap:8px;padding:0 9px}.brand-mark{height:24px;width:24px;position:relative;display:inline-block}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:2px;left:2px;width:9px;height:23px;border-radius:2px;background:var(--lime);transform:skewY(-27deg)}.brand-mark:after{left:14px;height:15px}.tagline{font-size:10px;color:#9cad9d;letter-spacing:1.7px;text-transform:uppercase;padding:4px 10px 29px}.projectbox{border:1px solid #3b4d42;border-radius:9px;padding:11px;display:flex;align-items:center;gap:8px;margin-bottom:25px}.projectbox .eyebrow{color:#93a89a;font-size:8px}.projectbox b{font-size:12px}.projectbox .icon{width:15px}.nav{display:grid;gap:4px}.nav button{color:#aabaae;display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:7px;text-align:left;font-size:12px}.nav button:hover{background:#223a2f}.nav button.active{background:#304739;color:#ecf6df}.nav .count{margin-left:auto;background:#dbeaa8;color:#223829;font-size:10px;padding:0 5px;border-radius:3px}.sidebar-label{color:#78907f;font-size:9px;letter-spacing:1.6px;margin:28px 12px 10px;text-transform:uppercase}.sidebar-foot{margin-top:auto;padding-top:24px}.demo-note{background:#23372b;border:1px solid #3b4d36;padding:13px;border-radius:9px;font-size:10px;color:#b7c8b6;line-height:1.7;margin-bottom:16px}.demo-note strong{color:#e1efbf}.profile{border-top:1px solid #314739;padding:17px 8px 0;display:flex;align-items:center;gap:10px}.profile small{color:#91a898;display:block;font-size:10px}.main{margin-left:220px;min-height:100vh;padding-bottom:38px}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:var(--paper)}.crumb{font-size:11px;color:var(--muted)}.crumb span{color:var(--ink);margin-left:8px}.topbar .btn{border:0;padding:7px}.topbar .icon{width:17px}.content{max-width:1450px;margin:auto;padding:30px 35px 0}.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.pagehead p{margin-top:8px;font-size:12px}.pagehead .eyebrow{margin-bottom:8px}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:22px}.card.clickable{cursor:pointer;transition:transform .18s,border-color .18s}.card.clickable:hover{border-color:var(--green);transform:translateY(-2px)}.hero{background:#eaf0df;border:1px solid #dbe4cd;display:grid;grid-template-columns:1fr auto;gap:20px;border-radius:var(--radius);padding:23px 25px;color:#223828;margin-bottom:23px}.hero .eyebrow{color:#657651}.hero h2{font-size:24px;max-width:610px;line-height:1.25;margin:9px 0}.hero p{color:#67715e;font-size:12px}.hero .orb{width:78px;height:78px;border-radius:50%;border:1px solid #b1c290;display:grid;place-items:center;margin:0 10px;position:relative;background:radial-gradient(circle,#deebc1 35%,transparent 36%)}.hero .orb:before{content:"";position:absolute;border:1px solid #c4d2a5;border-radius:50%;inset:8px}.hero .orb .icon{width:33px;height:33px;stroke:#547343}.metricstrip{display:grid;grid-template-columns:repeat(4,1fr);margin:23px 0 27px;border-bottom:1px solid var(--line);padding-bottom:23px}.metric{padding:0 20px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{font-size:28px;letter-spacing:-1px;font-weight:600;margin-right:7px}.metric small{display:block;color:var(--muted);font-size:10px}.metric .title{font-size:11px;color:var(--muted);margin-bottom:4px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sectionhead h2{font-size:17px}.twocol{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:22px}.agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.agent-card{padding:19px}.agent-card p{font-size:11px;margin:12px 0 14px;min-height:32px}.agent-card .foot{border-top:1px solid var(--line);padding-top:13px;margin-top:15px;font-size:10px;color:var(--muted)}.agent-card .foot b{color:var(--ink);font-weight:500}.agent-card .name{margin-top:15px}.agent-card .name h3{font-size:15px}.agent-progress{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--green)}.agent-progress i{display:block;height:4px;background:var(--line);border-radius:4px;flex:1}.agent-progress i span{display:block;background:#8ea56c;height:100%;border-radius:4px}.decision{padding:18px 0;border-bottom:1px solid var(--line)}.decision:last-child{border-bottom:0;padding-bottom:0}.decision:first-of-type{padding-top:5px}.decision h3{font-size:13px;margin:9px 0 5px}.decision p{font-size:11px;line-height:1.6;margin-bottom:12px}.activity{margin-top:25px}.activity-row{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);align-items:flex-start;font-size:12px}.activity-row:last-child{border-bottom:0}.activity-row time{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap;padding-top:3px}.activity-row p{font-size:11px;margin-top:3px}.activity-row .agent-icon{height:29px;width:29px;border-radius:8px}.activity-row .icon{width:15px}.askbar{display:flex;gap:13px;align-items:center;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:13px 16px;margin-top:24px}.askbar .agent-icon{background:transparent;width:22px;height:22px}.askbar input{border:0;background:none;outline:none;color:var(--ink);width:100%;font-size:12px}.askbar input::placeholder{color:var(--muted)}.askbar .btn{padding:6px 9px}.askexamples{font-size:10px;color:var(--muted);margin-top:8px;display:flex;gap:13px;flex-wrap:wrap}.askexamples button{color:var(--green);padding:2px 0;font-size:10px}.notice{padding:13px 15px;border-radius:9px;background:var(--soft);color:var(--green);font-size:12px;line-height:1.6}.notice.amber{background:var(--amberbg);color:var(--amber)}.notice.red{background:var(--redbg);color:var(--red)}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:23px;overflow:auto}.tabs button{font-size:12px;padding:10px 1px 12px;border-bottom:2px solid transparent;white-space:nowrap;color:var(--muted)}.tabs button.active{color:var(--green);border-color:var(--green);font-weight:600}.filterbar{display:flex;gap:7px;margin-bottom:17px;flex-wrap:wrap}.filterbar button{border:1px solid var(--line);border-radius:20px;padding:6px 11px;font-size:11px;background:var(--paper);color:var(--muted)}.filterbar button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;color:var(--muted);font-size:9px;letter-spacing:.8px;text-transform:uppercase;font-weight:500;padding:10px 12px;border-bottom:1px solid var(--line)}.table td{padding:17px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:var(--bg)}.tablewrap{overflow:auto}.stepstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.step{padding:14px;border:1px solid var(--line);border-radius:10px;font-size:11px;position:relative;background:var(--paper)}.step b{display:block;margin-bottom:4px}.step span{font-size:10px;color:var(--muted)}.step.done{background:var(--soft)}.step.current{border-color:var(--green);box-shadow:inset 0 3px var(--green)}.detailgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:23px}.chart{width:100%;height:155px;display:block;margin-top:16px;overflow:visible}.chart text{font:10px "Segoe UI",sans-serif;fill:var(--muted)}.chart .gridline{stroke:var(--line);stroke-width:1}.chart .target{stroke:var(--amber);stroke-dasharray:4 4;stroke-width:1}.chart .line{stroke:var(--green);stroke-width:2.5;fill:none}.chart .area{fill:var(--soft)}.chart circle{fill:var(--green);stroke:var(--paper);stroke-width:2}.chartlabels{display:flex;gap:14px;font-size:10px;color:var(--muted);margin-top:8px}.chartlabels i{width:12px;height:3px;background:var(--green);display:inline-block;margin:0 5px 3px 0}.chartlabels .targetkey{background:var(--amber)}.facts{display:grid;gap:0}.facts>div{display:grid;grid-template-columns:105px 1fr;padding:12px 0;gap:16px;border-bottom:1px solid var(--line);font-size:12px}.facts>div:last-child{border-bottom:0}.facts dt{color:var(--muted);font-size:11px}.facts dd{margin:0}.timeline{padding-left:7px}.event{padding:0 0 24px 25px;border-left:1px solid var(--line);position:relative}.event:before{content:"";position:absolute;width:8px;height:8px;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--line);background:var(--green);border-radius:50%;left:-7px;top:2px}.event:last-child{padding-bottom:0;border-left-color:transparent}.event .stamp{font-size:10px;color:var(--muted);margin-bottom:5px}.event h3{font-size:13px}.event p{font-size:12px;margin-top:5px}.message{margin-top:12px;border:1px solid var(--line);padding:14px;border-radius:3px 12px 12px 12px;background:var(--bg);font-size:12px;line-height:1.65}.message.out{background:var(--soft);border-color:transparent}.message small{display:block;color:var(--muted);font-size:9px;margin-top:9px}.planitem{display:flex;gap:13px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.planitem:last-child{border:0}.planitem .num{background:var(--soft);color:var(--green);width:23px;height:23px;display:grid;place-items:center;border-radius:6px;flex:none;font-size:11px}.planitem p{font-size:11px;margin:4px 0}.approvalfoot{margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}.map{background:#edf0e4;border:1px solid #dae0cf;border-radius:10px;overflow:hidden;position:relative;height:200px;margin-top:14px}.map svg{width:100%;height:100%}.map-legend{position:absolute;bottom:9px;left:10px;background:#ffffffda;padding:4px 7px;border-radius:4px;font-size:9px;color:#4c624e}.map-caption{font-size:9px;color:var(--muted);margin-top:6px}.buildergrid{display:grid;grid-template-columns:minmax(290px,.9fr) minmax(0,1.25fr);gap:24px}.builderprompt{width:100%;min-height:150px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:16px;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.7;margin:17px 0 12px}.recipe{border:1px solid var(--line);border-radius:11px;overflow:hidden}.recipe-row{display:flex;gap:15px;padding:16px 20px;align-items:flex-start;border-bottom:1px solid var(--line)}.recipe-row:last-child{border:0}.recipe-row .num{font-size:10px;font-weight:600;border:1px solid var(--line);width:25px;height:25px;display:grid;place-items:center;border-radius:50%;flex:none;color:var(--muted)}.recipe-row h4{font-size:12px;margin-bottom:4px}.recipe-row p{font-size:11px}.rulecontrols{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.field label{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:12px}.field textarea{min-height:95px}.empty{padding:40px 15px;text-align:center}.empty .agent-icon{margin:0 auto 15px}.empty p{font-size:12px;margin-top:8px}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.report-preview{height:173px;background:var(--soft);border-radius:9px;padding:18px 30px;overflow:hidden;margin-bottom:18px;position:relative}.report-paper{background:#fff;box-shadow:0 6px 17px #142b2417;padding:13px;color:#223629;font-size:7px;height:190px;transform:rotate(-3deg)}.report-paper h4{font-size:11px;margin:8px 0}.report-paper .bars{display:flex;align-items:flex-end;gap:5px;height:43px;margin-top:8px}.report-paper .bars i{flex:1;background:#91ac71}.report-paper .lines{margin-top:12px;height:25px;background:repeating-linear-gradient(#d9e0d7 0 1px,transparent 1px 7px)}.report-card p{font-size:11px;margin:7px 0 13px}.inboxgrid{display:grid;grid-template-columns:285px minmax(0,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--paper)}.inboxlist{border-right:1px solid var(--line)}.inboxlist button{display:block;text-align:left;width:100%;padding:20px;border-bottom:1px solid var(--line)}.inboxlist button.active{background:var(--soft);box-shadow:inset 3px 0 var(--green)}.inboxlist h3{font-size:12px;margin:8px 0 4px}.inboxlist p{font-size:11px}.conversation{padding:23px;min-width:0}.bubble{padding:16px 18px;max-width:88%;margin-top:18px;background:var(--bg);border:1px solid var(--line);border-radius:12px 12px 12px 0;font-size:12px;line-height:1.7}.bubble.out{margin-left:auto;background:var(--soft);border:0;border-radius:12px 12px 0 12px}.bubble .sender{font-size:10px;color:var(--green);font-weight:650;margin-bottom:6px}.bubble time{font-size:9px;color:var(--muted);display:block;text-align:right;margin-top:8px}.attached{padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:7px;margin:10px 0;display:flex;gap:10px;align-items:center}.inbox-link{margin:16px auto;padding:9px;background:var(--bluebg);color:var(--blue);border-radius:7px;font-size:11px;text-align:center}.sourcegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.sourcegrid .card p{font-size:12px;margin:12px 0}.modalback{position:fixed;inset:0;background:#0b201866;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{max-height:90vh;overflow:auto;width:550px;max-width:100%;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.modal.wide{width:770px}.modal h2{font-size:23px;margin:9px 0}.modal p{font-size:12px;line-height:1.7}.modal .actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.close{border:1px solid var(--line);width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:20px;line-height:1}.toast{position:fixed;bottom:25px;left:calc(50% + 90px);transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:13px 20px;border-radius:10px;box-shadow:var(--shadow);z-index:200;font-size:12px;max-width:85vw}.mobile-nav{display:none}.concept-banner{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;margin-top:28px;border-top:1px solid var(--line);padding-top:14px}.modelnote{border-left:3px solid #9cad78;padding:0 0 0 13px;font-size:12px;line-height:1.8;color:var(--muted);margin:16px 0}.mobilebar{display:none}.document-preview{padding:28px;background:#fff;color:#253d2e;box-shadow:0 5px 20px #122d2410;border:1px solid #e3e7df}.document-preview p{color:#677364}.document-preview .eyebrow{color:#718268}.document-preview .line-item{display:flex;justify-content:space-between;border-bottom:1px solid #e1e6de;padding:12px 0;font-size:12px}.document-preview h2{font-size:25px;margin:12px 0}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7caa76;box-shadow:0 0 0 4px #7caa7615;margin-right:6px}
@media(min-width:1500px){.content{padding-left:48px;padding-right:48px}.agent-card p{min-height:18px}.topbar{padding:0 48px}.hero h2{max-width:none}}
@media(max-width:1120px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.main{margin-left:190px}.content{padding:26px 24px 0}.topbar{padding:0 24px}.twocol{grid-template-columns:minmax(0,1.3fr) minmax(255px,1fr)}.agent-grid{grid-template-columns:1fr}.agent-card p{min-height:0}.agent-card .name{margin-top:10px}.report-grid{grid-template-columns:repeat(2,1fr)}.detailgrid{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}.stepstrip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sidebar{width:165px}.main{margin-left:165px}.twocol,.detailgrid,.buildergrid{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(2,1fr)}.inboxgrid{grid-template-columns:210px 1fr}.hero .orb{display:none}.topbar .crumb{font-size:10px}.logo{font-size:28px}.projectbox{padding:8px}.metric{padding:0 10px}.pagehead{align-items:flex-start}.pagehead h1{font-size:28px}.hero h2{font-size:22px}.sourcegrid{grid-template-columns:1fr}}
@media(max-width:600px){.sidebar{display:none}.main{margin-left:0;padding-bottom:75px}.content{padding:23px 17px 0}.topbar{padding:0 17px;height:58px}.topbar .crumb{display:none}.mobilebar{display:flex;align-items:center;gap:8px;font-weight:650;font-size:20px;letter-spacing:-1px}.mobilebar .brand-mark{transform:scale(.8)}.topbar .btn.ghost{font-size:10px}.pagehead{display:block;margin-bottom:19px}.pagehead h1{font-size:28px}.pagehead>.flex{margin-top:15px}.pagehead p{font-size:12px;max-width:310px}.hero{padding:19px;grid-template-columns:1fr;gap:0}.hero h2{font-size:22px}.hero p{font-size:11px}.metricstrip{grid-template-columns:repeat(2,1fr);row-gap:18px;padding-bottom:20px}.metric{padding:0 15px}.metric:nth-child(3){padding-left:0}.metric:nth-child(2){border:0}.metric strong{font-size:26px}.agent-grid,.report-grid{grid-template-columns:1fr}.agent-card p{min-height:0}.card{padding:19px}.agent-card .name{margin-top:13px}.twocol,.detailgrid,.buildergrid{gap:18px}.twocol>section:last-child{order:-1}.sectionhead h2{font-size:17px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);display:flex;justify-content:space-around;z-index:45;padding:8px 5px max(9px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #17352607}.mobile-nav button{display:grid;justify-items:center;gap:3px;font-size:9px;color:var(--muted);padding:0 7px}.mobile-nav button.active{color:var(--green)}.mobile-nav .icon{width:20px;height:20px}.stepstrip{grid-template-columns:repeat(2,1fr)}.step{padding:12px}.inboxgrid{display:block}.inboxlist{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.inboxlist button{min-width:190px;padding:13px;border-bottom:0}.inboxlist p{display:none}.conversation{padding:17px}.bubble{max-width:95%;font-size:12px}.rulecontrols{grid-template-columns:1fr}.toast{left:50%;bottom:80px;width:max-content}.modalback{padding:12px;align-items:flex-end}.modal{max-height:88vh;padding:23px;border-radius:17px}.modal .actions{flex-wrap:wrap}.modal .actions .btn{flex:1}.concept-banner{display:block;font-size:9px}.concept-banner span{display:block;margin-bottom:5px}.table{min-width:570px}.modal .table{min-width:0;width:100%;table-layout:fixed}.modal .table td,.modal .table th{padding:11px 5px;font-size:10px;overflow-wrap:anywhere}.modal .table .pill{white-space:normal;font-size:9px}.topbar .topdemo{display:none}.report-preview{height:170px}.askexamples{gap:8px}.activity-row time{font-size:9px}.facts>div{grid-template-columns:86px 1fr}.document-preview{padding:20px}}

.tabs .btn.primary,.tabs .btn.secondary{color:var(--green)}.tabs .btn.primary{border-bottom:2px solid var(--green)}.pill.warn{color:var(--amber);background:var(--amberbg)}.pill.good{color:var(--green);background:var(--soft)}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.grid2>*{min-width:0}.card h2{font-size:20px}.card p{line-height:1.7}.section-title{font-size:19px;font-weight:600;margin:22px 0 14px}.callout{padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--green);font-size:12px;line-height:1.65;margin-bottom:15px}.callout.amber,.callout.warning{background:var(--amberbg);color:var(--amber);border-color:transparent}.callout.red,.callout.danger{background:var(--redbg);color:var(--red);border-color:transparent}.callout.blue{background:var(--bluebg);color:var(--blue)}.btn.danger{color:var(--red);border-color:var(--red)}.btn.secondary{background:var(--paper)}.btn.active{background:var(--soft);color:var(--green);border-color:var(--green)}.tabs .btn{background:none;border:0;border-radius:0;border-bottom:2px solid transparent;padding:12px 1px}.tabs .btn.active{border-bottom-color:var(--green)}.tabs{margin-top:20px}.tag{display:inline-block;background:var(--soft);font-size:10px;padding:4px 7px;border-radius:5px;color:var(--green)}.pill.green,.pill.success{background:var(--soft);color:var(--green)}.pill.warning{background:var(--amberbg);color:var(--amber)}.pill.danger{background:var(--redbg);color:var(--red)}.pill.purple{color:#7254a2;background:#eee8f8}.field{display:block}.field label{font-size:12px;color:var(--muted);margin-bottom:6px}.field input,.field select,.field textarea{font-size:13px;padding:11px 12px}.field textarea{min-height:85px;resize:vertical}.field input[type=checkbox],.field input[type=radio]{width:auto;margin-right:8px;accent-color:var(--green)}.field+.field{margin-top:14px}label.field{font-size:12px;color:var(--muted)}label.field input,label.field select,label.field textarea{display:block;margin-top:5px}input,select,textarea{max-width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px}input[type=checkbox],input[type=radio]{accent-color:var(--green);width:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.icon-btn{display:grid;place-items:center;border-radius:50%;width:32px;height:32px}.icon-btn:hover{background:var(--soft)}.sidebar{width:224px;padding:25px 15px 14px}.sidebar .tagline{padding-bottom:20px}.sidebar .projectbox{margin-bottom:12px;width:100%;text-align:left;border-color:#3b4d42;color:#e7eedc;gap:7px}.projectbox .agent-icon{width:28px;height:30px;background:#2f4639;color:#dbeaa8}.projectbox b{display:block;font-size:11px}.projectbox small{display:block;font-size:8px;letter-spacing:1px;color:#97ac9c}.projectbox>.icon{width:11px;margin-left:auto}.sidebar .nav{overflow:auto;min-height:0;gap:1px;scrollbar-width:thin;scrollbar-color:#40584a transparent}.sidebar .nav button{padding:8px 12px;font-size:11px}.sidebar .nav .icon{width:17px;height:17px}.sidebar-label{margin:15px 12px 7px;font-size:8px}.sidebar-foot{padding-top:12px}.profile{width:100%;text-align:left;padding:12px 8px 0;color:#e7eee0;font-size:11px}.main{margin-left:224px}.content{padding:30px 34px 0;max-width:1540px}.pagehead h1{max-width:850px}.pagehead p{max-width:760px}.topbar{padding:0 34px}.agent-button{text-align:left;width:100%;display:block}.agent-button:hover{border-color:var(--green);box-shadow:0 6px 20px #152b2408}.agent-grid{gap:18px}.agent-detail-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);padding:17px 21px;border-radius:12px}.mini-bars{display:grid;gap:18px;margin:25px 0 18px}.mini-bars>div{display:grid;grid-template-columns:62px minmax(0,1fr) 28px;gap:10px;align-items:center;font-size:11px}.mini-bars i{display:block;height:18px;background:linear-gradient(to right,#9fb878 var(--bar),var(--bg) var(--bar));border-radius:3px}.mini-bars b{text-align:right}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 0}.pipeline>div,.pipeline>button{padding:12px 8px;border:1px solid var(--line);border-radius:9px;text-align:center}.pipeline strong{display:block;font-size:24px;font-weight:600}.pipeline small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.modal-open{overflow:hidden}.modalback{z-index:100}.modal{display:flex;flex-direction:column;padding:0;overflow:hidden;max-height:90vh}.modal-header{display:flex;align-items:flex-start;gap:15px;padding:23px 25px 18px;border-bottom:1px solid var(--line);flex:none}.modal-header h2{font-size:22px;flex:1;margin:0}.modal-header .close{flex:none}.modal-body{overflow:auto;padding:24px 25px;min-height:0}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 25px;border-top:1px solid var(--line);background:var(--paper);flex:none;flex-wrap:wrap}.modal-body .facts>div{grid-template-columns:98px 1fr}.modal-body .facts dd{overflow-wrap:anywhere}.modal-body .table{min-width:0}.modal-body h2{font-size:20px}.modal-body .stack{gap:15px}.review-details{padding:14px 0;margin:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.review-details summary{cursor:pointer;color:var(--muted)}.review-details p{margin:10px 0}.project-option{border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;text-align:left}.project-option.selected{background:var(--soft);border-color:var(--green)}.project-option small{display:block;color:var(--muted);margin-top:5px}.project-option>.pill{margin-left:auto}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.more-grid .btn{justify-content:flex-start;padding:13px}.insight-scope{padding-bottom:4px;flex-wrap:wrap}.insight-heroes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.insight-heroes .card{text-align:left}.insight-heroes .card strong{font-size:34px;font-weight:600;letter-spacing:-1px;display:block;margin:16px 0 10px}.insight-heroes .card small{display:block;font-size:10px;color:var(--muted)}.channel-bars{display:grid;gap:18px;margin:25px 0}.channel-bars>div{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:10px;font-size:12px}.channel-bars i{height:22px;border-radius:4px;display:block;background:linear-gradient(to right,#8ca46e var(--w),var(--bg) var(--w))}.reliability-row{display:flex;gap:16px;align-items:center}.reliability-row h2{margin-top:5px}.reliability-row .mt{margin-top:9px}.plain-list{padding-left:18px;font-size:12px;color:var(--muted);line-height:1.7}.plain-list li{margin:10px 0}.proposal-card{display:flex;align-items:flex-start;gap:22px}.proposal-number{font-size:30px;letter-spacing:-1px;color:var(--green);font-weight:500;flex:none}.proposal-card h2{font-size:19px}.proposal-card .mt{margin-top:9px}.phone-preview{max-width:360px;margin:auto;border:6px solid var(--ink);border-radius:25px;padding:25px 20px;background:var(--bg);min-height:400px}.table th,.table td{overflow-wrap:anywhere}.tablewrap{max-width:100%;min-width:0}.table tbody tr{cursor:default}.facts dt{line-height:1.6;overflow-wrap:anywhere}.facts dd{overflow-wrap:anywhere}.pagehead .row{flex-shrink:0}.section-title+.small{margin-bottom:16px}.concept-banner{align-items:center}.concept-banner .icon{width:12px;height:12px}.concept-banner button{font-size:10px}.bubble{overflow-wrap:anywhere}.card .metric{border:0;padding:0}.timeline .row{padding:12px 0}.timeline li{margin-bottom:12px}.empty button{margin-top:15px}details>summary{cursor:pointer}hr{border:0;border-top:1px solid var(--line);margin:18px 0}.phone{max-width:375px}.card button{max-width:100%}pre{overflow:auto;max-width:100%}
[data-theme=dark] .hero{background:#263b26;border-color:#3c5231;color:#e4edd5}[data-theme=dark] .hero p,[data-theme=dark] .hero .eyebrow{color:#acbd9d}[data-theme=dark] .hero .orb{background:radial-gradient(circle,#405632 35%,transparent 36%)}[data-theme=dark] .hero .orb .icon{stroke:#bdd493}
@media(max-width:1150px){.sidebar{width:194px}.main{margin-left:194px}.content{padding:25px 24px 0}.topbar{padding:0 24px}.insight-heroes{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}.pagehead{align-items:flex-start}.pagehead h1{font-size:28px}.pagehead .row{flex-shrink:1;justify-content:flex-end}.twocol{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}}
@media(max-width:850px){.grid2,.grid3,.grid4,.twocol{grid-template-columns:1fr}.agent-grid{grid-template-columns:1fr 1fr}.sidebar{width:165px;padding:22px 10px 12px}.sidebar .nav button{font-size:10px}.main{margin-left:165px}.projectbox .agent-icon{display:none}.pagehead{display:block}.pagehead .row{margin-top:16px;justify-content:flex-start}.content{padding:23px 20px 0}.topbar{padding:0 20px}}
@media(max-width:600px){.sidebar{display:none}.main{margin-left:0}.content{padding:24px 17px 0}.topbar{padding:0 17px}.topbar .pill{font-size:8px;padding:3px 5px}.topbar .row{gap:3px}.topbar .btn{font-size:9px}.agent-grid{grid-template-columns:1fr}.twocol>section:last-child{order:initial}.pagehead h1{font-size:28px;letter-spacing:-.8px}.pagehead p{max-width:none}.pagehead .row{margin-top:14px}.card h2{font-size:19px}.grid2,.grid3,.grid4{gap:16px}.pipeline{grid-template-columns:1fr 1fr}.metricstrip .metric{padding-right:5px}.metricstrip .metric strong{font-size:25px}.insight-heroes{gap:10px}.insight-heroes .card{padding:15px}.insight-heroes .card strong{font-size:29px}.insight-heroes .eyebrow{font-size:8px}.insight-heroes small{line-height:1.5}.insight-scope{display:block}.insight-scope>.row+.row{margin-top:12px}.reliability-row{align-items:flex-start;flex-wrap:wrap}.reliability-row>.grow{flex-basis:70%}.reliability-row>.btn{margin-left:55px}.proposal-card{gap:14px}.proposal-number{font-size:25px}.proposal-card h2{font-size:17px}.agent-detail-head .grow{display:none}.agent-detail-head>.pill{white-space:normal}.modalback{padding:8px;align-items:flex-end}.modal{max-height:94dvh;border-radius:17px}.modal-header{padding:18px 18px 14px}.modal-header h2{font-size:21px}.modal-body{padding:19px 18px}.modal-footer{padding:13px 18px;gap:8px}.modal-footer .btn{flex:1;min-width:80px;font-size:11px}.modal-body .grid2{grid-template-columns:1fr}.modal-body .table{min-width:0;table-layout:auto}.modal-body .table th,.modal-body .table td{font-size:10px}.modal-body .facts>div{grid-template-columns:76px minmax(0,1fr);gap:10px}.project-option{padding:12px;flex-wrap:wrap}.project-option>.pill{margin-left:40px}.project-option b{font-size:12px}.project-option small{font-size:10px}.table{min-width:490px}.tablewrap>.table{min-width:490px}.hero h2{font-size:23px}.askbar{gap:8px;padding:12px}.askbar input{font-size:12px}.concept-banner{display:block}.concept-banner button{margin-top:8px}.tabs{gap:18px}.tabs button{font-size:11px}.row>.btn{white-space:normal}.card{overflow-wrap:anywhere}.more-grid .btn{font-size:11px}.mobile-nav button{min-height:42px}.callout.between{display:block}.callout.between .btn{margin-top:10px}}

.cp-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;background:var(--soft);border:1px solid var(--line);padding:30px;border-radius:18px;margin:24px 0}.cp-intro h2{font-size:30px;letter-spacing:-.9px;line-height:1.2;margin:12px 0}.cp-intro p{max-width:430px}.cp-lego{align-content:center;display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-2deg);padding:8px}.cp-lego span{background:var(--paper);border:1px solid var(--line);border-radius:9px;min-height:67px;display:flex;align-items:center;justify-content:center;padding:12px;font-size:13px;font-weight:650;box-shadow:0 5px 0 #173c2810}.cp-lego span:nth-child(2){transform:translateY(12px)}.cp-lego span:nth-child(3){background:var(--green);color:var(--paper)}.cp-lego span:nth-child(4){transform:translateY(12px)}.cp-tabs{flex-wrap:wrap}.cp-tabs .btn{border-radius:0}.cp-agent{text-align:left;display:flex;flex-direction:column;gap:16px;min-width:0;transition:border-color .15s,transform .15s}.cp-agent:hover{border-color:var(--green);transform:translateY(-2px)}.cp-agent h2{font-size:22px;margin:0}.cp-agent p{margin:0;flex:1}.cp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cp-card-foot{border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:12px;align-items:center}.cp-card-foot .icon{flex:none}.cp-start-strip{border:1px dashed var(--line);border-radius:14px;padding:25px;background:var(--paper)}.cp-start-strip p{margin:10px 0 18px}.cp-start-strip .btn+.btn{margin-left:8px}.cp-section-intro{margin:20px 0}.cp-section-intro h2{font-size:23px}.cp-section-intro p{margin-top:10px;max-width:740px}.cp-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.cp-filter .active{background:var(--green);color:var(--paper);border-color:var(--green)}.cp-library{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cp-resource{display:flex;gap:14px;align-items:flex-start;padding:19px 0;border-bottom:1px solid var(--line);min-width:0}.cp-library>.cp-resource{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px}.cp-resource .grow{min-width:0}.cp-resource h3{font-size:14px;margin:5px 0}.cp-resource p{font-size:12px;margin-top:7px;overflow-wrap:anywhere}.cp-resource-icon{color:var(--green);background:var(--soft);border-radius:8px;padding:9px;display:flex;flex:none}.cp-resource-actions{margin-left:auto;flex:none}.cp-select{display:flex;gap:6px;align-items:center;cursor:pointer;font-size:12px;padding:8px}.cp-select input{accent-color:var(--green);width:17px;height:17px}.cp-detail-grid,.cp-editor-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:20px}.cp-editor-aside{align-self:start;position:sticky;top:90px}.cp-flow{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.cp-flow>div{border:1px solid var(--line);border-radius:10px;padding:16px}.cp-flow .icon{color:var(--green);width:17px;height:17px}.cp-flow h3{font-size:12px}.cp-flow p{font-size:12px;margin:12px 0 0}.cp-flow-item{width:100%;text-align:left;border-top:1px solid var(--line);padding:13px 0;font-size:12px;margin-top:10px}.cp-flow-item span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.cp-authority{padding:16px 0;border-bottom:1px solid var(--line)}.cp-authority b{font-size:12px}.cp-authority p{font-size:12px;margin:7px 0 0}.cp-empty-slot{padding:20px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:12px;background:var(--bg);margin-top:18px}.cp-slot h2{font-size:20px}.cp-slot .sectionhead{align-items:flex-start}.cp-slot .sectionhead p{font-size:12px}.cp-binding{border-top:1px solid var(--line);padding-top:15px;margin:18px 0;font-size:12px}.cp-binding p{font-size:11px;margin-top:6px}.cp-bars{display:grid;gap:18px;margin:25px 0}.cp-bars>div{display:grid;grid-template-columns:minmax(60px,.8fr) minmax(0,2fr) minmax(50px,.6fr);gap:12px;align-items:center;font-size:12px}.cp-bars i{height:20px;background:linear-gradient(to right,#82a884 var(--bar),var(--bg) var(--bar));border-radius:3px}.cp-bars b{font-size:11px;text-align:right}.cp-case-choice{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.cp-case-choice input{flex:none;accent-color:var(--green)}.cp-case-choice small{display:block;margin-top:5px;color:var(--muted)}.cp-overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.cp-template-note{margin-bottom:24px}.cp-review-update{margin-bottom:28px;border-color:var(--green)}.cp-patterns .card{align-items:flex-start}.cp-patterns .card p{flex:1}.cp-patterns h2{margin-top:8px}.cp-patterns .btn{margin-top:auto}.cp-resource:last-child{border-bottom:0}.cp-library>.cp-resource:last-child{border-bottom:1px solid var(--line)}
@media(max-width:1100px){.cp-library,.cp-detail-grid,.cp-editor-grid{grid-template-columns:1fr}.cp-editor-aside{position:static}.cp-intro{gap:24px}.cp-intro h2{font-size:27px}}
@media(max-width:600px){.cp-intro{grid-template-columns:1fr;padding:23px;gap:20px}.cp-intro h2{font-size:26px}.cp-lego{gap:10px;padding:0 3px 12px}.cp-lego span{font-size:11px;min-height:54px}.cp-flow,.cp-overview-grid{grid-template-columns:1fr}.cp-resource{gap:10px;flex-wrap:wrap}.cp-resource-icon{display:none}.cp-resource .grow{flex-basis:65%}.cp-resource-actions{align-self:center}.cp-resource h3{font-size:14px}.cp-filter .btn{font-size:11px;padding:8px 10px}.cp-agent h2{font-size:21px}.cp-slot .sectionhead{display:block}.cp-slot .sectionhead>.btn{margin-top:14px}.cp-start-strip .btn{margin-bottom:8px}.cp-start-strip .btn+.btn{margin-left:0}.cp-tabs{gap:16px}.cp-tabs .btn{font-size:11px;padding-left:0;padding-right:0}.cp-binding{overflow-wrap:anywhere}.cp-bars>div{gap:8px}.cp-resource .pill{white-space:normal}.cp-editor-grid{gap:18px}}

.sr-wizard{--sr-accent:#38b184;--sr-pict:#edf3ed;max-width:740px;margin:0 auto;padding-bottom:24px}.sr-wizard>.eyebrow{color:var(--sr-accent);font-size:12px;letter-spacing:.8px;margin-bottom:10px}.sr-wizard h1{font-size:30px;line-height:1.2;font-weight:650;letter-spacing:-.6px;margin-bottom:24px}.sr-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-bottom:7px}.sr-steps>span{height:6px;border-radius:4px;background:var(--line)}.sr-steps>span.done{background:var(--sr-accent)}.sr-steps>span.now{background:#2d7158}.sr-stepl{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:12px;color:var(--muted);margin-bottom:15px}.sr-stepl>b{color:var(--sr-accent);white-space:nowrap}.sr-stepl>span{text-align:right}.sr-name-form{display:grid;gap:16px}.sr-field{display:block;font-size:14px;font-weight:500;margin:0;padding:0;border:0;min-width:0}.sr-field>input,.sr-field>select{display:block;width:100%;min-width:0;margin-top:7px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--ink);padding:12px 14px;font-size:15px;font-weight:400;line-height:1.35}.sr-field>small{display:block;font-size:12px;font-weight:400;color:var(--muted);line-height:1.7;margin-top:5px}.sr-field legend,.sr-entry-field legend{display:block;font-size:14px;padding:0;margin-bottom:7px;font-weight:500}.sr-segments{display:flex;gap:7px}.sr-segments label{position:relative;cursor:pointer}.sr-segments input{position:absolute;opacity:0;width:1px;height:1px}.sr-segments span{display:block;border:1px solid var(--line);border-radius:20px;padding:6px 11px;font-size:14px;font-weight:600}.sr-segments input:checked+span{border-color:var(--sr-accent);background:color-mix(in srgb,var(--sr-accent) 13%,var(--paper));color:var(--sr-accent)}.sr-segments input:focus-visible+span{outline:3px solid var(--sr-accent);outline-offset:3px}.sr-entry-field{border:0;min-width:0;margin:0;padding:0}.sr-start{display:grid;gap:10px;padding:3px 17px 0}.sr-start-option{display:block;position:relative;cursor:pointer;min-width:0}.sr-start-option>input{position:absolute;opacity:0;width:1px;height:1px}.sr-entry-inner{display:flex;gap:15px;align-items:center;border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:18px 16px;min-height:100px;text-align:left;transition:border-color .15s,background .15s}.sr-start-option input:checked+.sr-entry-inner{border-color:var(--sr-accent);background:color-mix(in srgb,var(--sr-accent) 13%,var(--paper))}.sr-start-option input:focus-visible+.sr-entry-inner{outline:3px solid var(--sr-accent);outline-offset:3px}.sr-entry-inner b{display:block;font-weight:700;font-size:16px;line-height:1.3}.sr-entry-inner small{display:block;font-size:14px;line-height:1.55;color:var(--muted);font-weight:400;margin-top:5px}.sr-start-icon{display:grid;place-items:center;flex:0 0 51px;width:51px;height:52px;border:1px solid var(--line);border-radius:13px;background:var(--bg);font-size:24px}.sr-foot{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:24px}.sr-foot .btn{min-height:45px;font-size:14px;border-radius:12px;line-height:1.35;white-space:normal}.sr-foot .btn.primary{background:var(--sr-accent);border-color:var(--sr-accent);color:#fff}.sr-foot-single{grid-template-columns:1fr;max-width:190px}.sr-bottom-note{margin-top:17px;font-size:11px;color:var(--muted);line-height:1.6}.sr-bottom-note .btn{display:block;margin-top:9px}.sr-text.btn{border:0;background:none;padding:0;color:var(--sr-accent);font-size:12px;text-decoration:underline;box-shadow:none;display:inline;line-height:inherit;font-weight:400}.sr-shapes{display:grid;gap:10px}.sr-shape{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:13px;width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-align:left;align-items:start}.sr-shape:hover{border-color:var(--sr-accent);background:color-mix(in srgb,var(--sr-accent) 7%,var(--paper))}.sr-shape.on{border-color:var(--sr-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--sr-accent) 15%,transparent)}.sr-pict{display:block;width:110px;height:81px;border:1px solid var(--line);border-radius:10px;flex-shrink:0;overflow:hidden}.sr-shape-copy{display:block;min-width:0}.sr-shape-copy>b{display:block;font-size:18px;line-height:1.45;color:var(--ink)}.sr-bm{font-size:13px;font-weight:500;color:var(--muted)}.sr-shape-description{display:block;font-size:14px;line-height:1.55;color:var(--ink);margin-top:5px}.sr-examples{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px}.sr-chipline{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.sr-chip{display:inline-flex;border:1px solid transparent;border-radius:7px;background:color-mix(in srgb,var(--sr-accent) 16%,var(--paper));color:var(--green);padding:4px 8px;font-size:12px;line-height:1.4;font-weight:650}.sr-chip.add{background:transparent;border:1px dashed var(--line);color:var(--muted);font-weight:500}.sr-suggested{float:right;font-size:11px;font-weight:700;color:var(--sr-accent);margin-left:10px;line-height:26px}.sr-shape-note{font-size:12px;margin-top:15px}.sr-intro{font-size:14px;line-height:1.65;margin:15px 0 20px}.sr-drop{padding:24px 18px;border:1px dashed var(--sr-accent);border-radius:15px;margin:16px 0;background:var(--paper)}.sr-drop>input{font-size:13px;border:0;padding:0;background:none;margin-top:14px;border-radius:0}.sr-file-shape{margin-top:23px}.sr-filelist{list-style:none;padding:0;margin:16px 0}.sr-filelist>li{display:flex;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.sr-filelist>li>span{min-width:0;overflow-wrap:anywhere;flex:1}.sr-filelist>li>small{color:var(--muted);font-size:10px}.sr-shape-detail{--sr-accent:#38b184;--sr-pict:#edf3ed}.sr-shape-detail>.sr-pict-large{width:100%;max-width:420px;height:auto;max-height:260px;margin:14px auto}.sr-shape-detail>p{font-size:15px;margin:14px 0}.sr-shape-detail>.stack>svg{display:none}.sr-shape-detail>.stack>h2{display:none}[data-theme=dark] .sr-wizard,[data-theme=dark] .sr-shape-detail{--sr-pict:#192a22}.sr-wizard .sr-entry-inner .sr-pict{width:80px;height:59px}.sr-wizard .sr-field>input::placeholder{color:var(--muted);opacity:.7}@media(min-width:1000px){.sr-wizard{max-width:720px;padding:8px 0 30px}.sr-shape{grid-template-columns:130px minmax(0,1fr);gap:18px;padding:17px}.sr-shape>.sr-pict{width:130px;height:95px}.sr-start{padding-left:0;padding-right:0}.sr-entry-inner{padding:20px}}@media(max-width:600px){.sr-wizard{width:100%;max-width:100%;margin:0;padding-bottom:24px}.sr-wizard h1{font-size:28px;margin-bottom:23px}.sr-start{padding-left:16px;padding-right:16px}.sr-entry-inner{padding:17px 14px;gap:13px}.sr-entry-inner b{font-size:15px}.sr-entry-inner small{font-size:13px}.sr-shape{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:12px}.sr-shape>.sr-pict{width:100px;height:75px}.sr-shape-copy>b{font-size:17px}.sr-shape-description{font-size:14px}.sr-foot .btn{padding:10px 9px}.sr-stepl{font-size:11px}.sr-stepl>span{max-width:76%}}@media(max-width:370px){.sr-start{padding-left:0;padding-right:0}.sr-shape{grid-template-columns:79px minmax(0,1fr);gap:9px;padding:10px}.sr-shape>.sr-pict{width:79px;height:58px}.sr-shape-copy>b{font-size:16px}.sr-chip{padding:3px 5px;font-size:11px}.sr-examples{font-size:12px}}

.cv-page{min-width:0}.cv-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.cv-heading h1{font-size:30px;margin-bottom:5px}.cv-heading p{font-size:13px}.cv-layout{display:grid;grid-template-columns:minmax(260px,35%) minmax(0,1fr);height:var(--cv-available-height,calc(100dvh - 218px));min-height:480px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}.cv-list-pane{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line)}.cv-search{margin:20px 17px 13px;display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 12px}.cv-search input{min-width:0;width:100%;padding:0;border:0;background:transparent;font-size:13px;outline-offset:4px}.cv-search .icon{width:17px;color:var(--muted)}.cv-search .cv-clear{font-size:18px;padding:0;border:0;background:none}.cv-list-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 17px 14px;border-bottom:1px solid var(--line)}.cv-filter{border:1px solid var(--line);border-radius:30px;padding:7px 10px;font-size:10px;display:inline-flex;align-items:center;gap:7px}.cv-filter.active{background:var(--soft);border-color:var(--green);color:var(--green)}.cv-filter b{display:grid;place-items:center;min-width:19px;height:19px;background:var(--soft);border-radius:50%;font-size:10px}.cv-chat-list{overflow:auto;flex:1;min-height:0}.cv-chat-row{width:100%;display:flex;gap:12px;padding:19px 17px;border-bottom:1px solid var(--line);text-align:left;align-items:flex-start;background:var(--paper)}.cv-chat-row:hover,.cv-chat-row.active{background:var(--soft)}.cv-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--soft);color:var(--green);font-size:12px;font-weight:650;flex:none}.cv-chat-row.active .cv-avatar{background:var(--paper)}.cv-row-main{min-width:0;flex:1}.cv-row-heading{display:flex;gap:6px;justify-content:space-between;align-items:baseline}.cv-row-heading strong{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cv-row-heading time{white-space:nowrap;font-size:10px;color:var(--muted);flex:none}.cv-chat-row>.icon{width:12px;margin-top:12px;flex:none;color:var(--muted)}.cv-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px;margin:5px 0}.cv-chat-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:9px;color:var(--muted)}.cv-chat-meta i{width:4px;height:4px;border-radius:50%;background:var(--muted)}.cv-counts{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.cv-count{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--line);border-radius:15px;font-size:9px;padding:3px 7px;color:var(--muted);white-space:nowrap}.cv-count.amber{color:var(--amber);background:var(--amberbg);border-color:transparent}.cv-count .icon{height:11px;width:11px}.cv-chat-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.cv-chat-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:17px 19px;background:var(--paper);flex:none}.cv-chat-title{min-width:0;flex:1}.cv-chat-title h2{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-chat-title p{font-size:10px;margin-top:4px}.cv-back{display:none}.cv-followup-panel{margin:11px 12px 0;border:1px solid var(--line);border-radius:13px;background:var(--paper);display:flex;flex-direction:column;min-height:0;max-height:52%;flex:0 1 auto;overflow:hidden}.cv-followup-toggle{display:flex;align-items:center;gap:9px;width:100%;padding:12px 14px;flex:none;text-align:left}.cv-followup-toggle strong{font-size:12px}.cv-followup-toggle>.icon{color:var(--green);width:16px}.cv-total{display:grid;place-items:center;border-radius:50%;background:var(--soft);font-size:10px;min-width:21px;height:21px}.cv-collapse-label{margin-left:auto;font-size:10px;color:var(--muted)}.cv-followup-body{min-height:0;overflow:auto;border-top:1px solid var(--line)}.cv-item-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:10px 11px 7px;position:sticky;top:0;background:var(--paper);z-index:1}.cv-item-tabs button{display:flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px;color:var(--muted);border:1px solid var(--line)}.cv-item-tabs button.active{color:var(--green);background:var(--soft);border-color:var(--green)}.cv-item-tabs b{font-size:9px}.cv-panel-items{display:grid;gap:8px;padding:3px 10px 10px}.cv-work-card{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--bg);min-width:0}.cv-item-label{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:10px;margin-bottom:8px}.cv-item-label>span:first-child{text-transform:uppercase;color:var(--blue);font-weight:650;font-size:9px;letter-spacing:.3px}.cv-icon{display:inline-flex;align-items:center;gap:6px}.cv-icon .icon{width:14px;height:14px}.cv-draft-bubble{background:var(--soft);color:var(--ink);border-radius:11px;padding:11px 13px;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.cv-item-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:10px}.cv-item-actions .btn{font-size:10px;padding:8px 10px}.cv-item-note{font-size:11px;line-height:1.6;display:flex;gap:6px;align-items:flex-start;margin-top:8px}.cv-item-note .icon{width:13px;height:13px;margin-top:2px}.cv-provenance{display:flex;align-items:center;gap:5px;text-align:left;color:var(--muted);font-size:9px;line-height:1.4;margin-top:10px;padding:0}.cv-provenance .icon{height:10px;width:10px}.cv-work-card h3{font-size:12px}.cv-no-items{padding:12px 2px 9px;font-size:11px;color:var(--muted)}.cv-collapsed-summary{padding:0 13px 10px}.cv-collapsed-summary .cv-counts{margin:0}.cv-followup-panel.collapsed{flex:none}.cv-question{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--line);margin-top:10px}.cv-question p{font-size:12px;flex:1}.cv-question .btn{font-size:10px}.cv-scope-note{font-size:10px;color:var(--muted);padding:9px 19px;flex:none}.cv-message-stream{flex:1;min-height:85px;overflow:auto;padding:15px 18px 24px;display:flex;flex-direction:column;gap:10px;background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:22px 22px}.cv-history-marker{font-size:9px;color:var(--muted);align-self:center;background:var(--paper);padding:4px 10px;border-radius:20px;margin-bottom:6px}.cv-message{background:var(--paper);padding:9px 11px 6px;border-radius:0 13px 13px 13px;border:1px solid var(--line);max-width:88%;align-self:flex-start;min-width:160px;flex:none}.cv-message.own{background:var(--soft);border-color:transparent;border-radius:13px 0 13px 13px;align-self:flex-end}.cv-message.selected{outline:2px solid var(--green);outline-offset:2px}.cv-message p{font-size:12px;line-height:1.65;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.cv-message-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:4px}.cv-message-top strong{font-size:10px;color:var(--green)}.cv-select-message{font-size:15px;color:var(--muted);padding:0 2px;line-height:1}.cv-message-time{font-size:8px;color:var(--muted);text-align:right;margin-top:5px}.cv-file{display:flex;gap:10px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:10px;margin-top:7px;max-width:100%;text-align:left;width:100%}.cv-file>span{min-width:0}.cv-file strong{font-size:10px;display:block;overflow-wrap:anywhere}.cv-file small{font-size:9px;color:var(--muted)}.cv-file .icon{width:23px;height:25px;color:var(--green)}.cv-selected-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 14px;background:var(--soft);border-top:1px solid var(--line);flex:none}.cv-selected-bar strong{font-size:10px;margin-right:auto}.cv-selected-bar .btn{font-size:9px;padding:5px 7px}.cv-composer{display:flex;gap:10px;align-items:center;background:var(--paper);border-top:1px solid var(--line);padding:10px 13px 6px;flex:none}.cv-composer textarea{border-radius:22px;width:100%;min-width:0;flex:1;min-height:39px;max-height:90px;padding:9px 13px;resize:vertical;background:var(--bg);font-size:12px}.cv-add{display:grid;place-items:center;color:var(--muted);flex:none;padding:5px}.cv-send{height:36px;width:36px;border-radius:50%;background:var(--green);color:var(--paper);display:grid;place-items:center;flex:none}.cv-send .icon{width:18px}.cv-simulation{font-size:8px;text-align:center;padding:0 0 7px;background:var(--paper);flex:none}.cv-readonly{background:var(--paper);padding:14px;font-size:11px;border-top:1px solid var(--line);text-align:center;flex:none}.cv-empty{display:grid;gap:8px;padding:28px 20px;text-align:center;align-content:center}.cv-empty p{font-size:12px}.cv-empty .btn{justify-self:center;margin-top:4px}.cv-no-chat{align-items:center;justify-content:center;text-align:center;padding:45px}.cv-no-chat h2{font-size:22px;margin:22px 0 12px;max-width:330px}.cv-no-chat p{font-size:13px;max-width:330px;line-height:1.7}.cv-large-icon{display:grid;place-items:center;width:80px;height:80px;border-radius:23px;background:var(--soft);color:var(--green)}.cv-large-icon .icon{width:33px;height:33px}.cv-checkbox{display:flex;gap:8px;align-items:center;font-size:12px;padding:14px 0}.cv-checkbox input{flex:none}[data-theme=dark] .cv-send{color:#102519}
@media(max-width:1050px){.cv-layout{grid-template-columns:minmax(240px,39%) minmax(0,1fr)}.cv-row-heading{flex-wrap:wrap}.cv-row-heading strong{max-width:100%}.cv-row-heading time{font-size:9px}.cv-chat-row{gap:9px;padding:15px 12px}.cv-avatar{width:36px;height:36px;font-size:11px}.cv-item-actions .btn{padding:7px 8px}.cv-chat-header{padding:13px}.cv-count{font-size:8px;padding:3px 6px}}
@media(max-width:760px){.cv-heading{margin-bottom:14px}.cv-heading h1{font-size:27px}.cv-heading p{font-size:11px}.cv-layout{display:block;height:var(--cv-available-height,calc(100dvh - 223px));min-height:380px;border-radius:13px}.cv-list-pane,.cv-chat-pane{height:100%;border-right:0}.cv-layout:not(.has-chat) .cv-chat-pane{display:none}.cv-layout.has-chat .cv-list-pane{display:none}.cv-back{display:grid;flex:none;font-size:22px;width:26px}.cv-chat-header{padding:12px 11px;gap:8px}.cv-chat-title h2{font-size:15px}.cv-chat-title p{font-size:9px}.cv-chat-header .cv-avatar{display:none}.cv-followup-panel{margin:8px 7px 0;max-height:53%}.cv-followup-toggle{padding:10px;gap:7px}.cv-followup-toggle strong{font-size:11px}.cv-collapse-label{font-size:9px}.cv-work-card{padding:10px}.cv-draft-bubble{font-size:12px;padding:10px 11px}.cv-item-tabs{gap:4px;padding:9px 8px 7px}.cv-item-tabs button{font-size:8px;padding:5px 7px}.cv-item-tabs b{font-size:8px}.cv-panel-items{padding:2px 7px 8px}.cv-item-actions{gap:6px}.cv-item-actions .btn{font-size:10px;padding:8px 10px}.cv-message-stream{padding:12px 11px 18px;min-height:75px}.cv-message{max-width:91%}.cv-message p{font-size:12px}.cv-composer{padding:8px 8px 5px;gap:7px}.cv-chat-row{padding:20px 16px;gap:12px}.cv-row-heading{flex-wrap:nowrap}.cv-row-heading strong{font-size:13px}.cv-row-heading time{font-size:10px}.cv-avatar{width:42px;height:42px;font-size:12px}.cv-count{font-size:10px}.cv-preview{font-size:12px}.cv-chat-meta{font-size:10px}.cv-filter{font-size:11px}.cv-search input{font-size:13px}.cv-scope-note{font-size:9px;padding:7px 13px}.cv-no-chat{display:none}.cv-collapsed-summary{padding:0 11px 9px}.cv-item-note{font-size:10px}.cv-provenance{font-size:8px}.cv-selected-bar{gap:5px;padding:8px}.cv-selected-bar .btn{font-size:9px}.cv-simulation{font-size:8px}.cv-search{margin:16px 14px 12px}}

.ux-brand{display:flex;align-items:center;gap:12px;margin:3px 0 24px}.ux-brand-mark{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:11px;flex:none}.ux-brand b{font-size:27px;letter-spacing:-1px;color:#eef5e9}.ux-brand small{display:block;font-size:10px;color:#aac0b3;margin-top:3px}.ux-project{display:flex;align-items:center;gap:9px;min-width:0;width:100%;padding:12px 11px;border:1px solid var(--line);border-radius:24px;text-align:left;background:var(--paper);font-size:12px}.sidebar .ux-project{background:#ffffff06;color:#eff8ee;border-color:#ffffff20;margin-bottom:16px}.ux-project-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.ux-project small{padding:3px 6px;border-radius:5px;background:var(--soft);color:var(--green);font-size:10px}.ux-project-dot{width:7px;height:7px;border-radius:50%;background:#3caf8a;flex:none}.ux-down{font-size:17px}.ux-nav{overflow:auto;flex:1;min-height:0}.ux-nav .sidebar-label{margin:18px 10px 8px;color:#94b4a3}.ux-nav-gap{margin-top:25px;border-top:1px solid #ffffff17;padding-top:12px}.ux-sidebar-foot{border-top:1px solid #ffffff20;padding-top:14px;margin-top:16px}.ux-sidebar-foot>.btn{width:100%;background:transparent;color:#d3e4d8;border-color:#ffffff20;font-size:11px}.ux-version{display:grid;gap:7px;font-size:10px;margin-top:14px;color:#9ab2a4}.ux-version a{color:#c3ddbd}.ux-top-project{display:none;min-width:0}.ux-top-actions{display:flex;gap:14px;align-items:center;margin-left:auto}.ux-top-context{font-size:12px;color:var(--muted)}.ux-avatar{background:var(--green);color:var(--paper);height:34px;width:34px;border-radius:50%;font-weight:700;font-size:13px;flex:none}.ux-mode{font-size:10px;color:var(--muted);padding:4px 9px;border:1px solid var(--line);border-radius:12px}.ux-menu-project{margin-bottom:16px}.ux-more-section{border-top:1px solid var(--line);padding:18px 0}.ux-more-section h3,.ux-more-section summary{font-size:12px;font-weight:700;color:var(--muted);margin:0 0 12px}.ux-more-section summary{cursor:pointer;margin-bottom:0;padding:4px 0}.ux-more-section[open] summary{margin-bottom:15px}.ux-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ux-menu-links .btn{justify-content:flex-start;text-align:left;gap:12px;min-height:48px;font-size:12px;line-height:1.3}.ux-menu-links .icon{flex:none}.ux-account{display:flex;gap:12px;align-items:center}.ux-home-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.ux-home-head h1{font-size:35px;letter-spacing:-1.2px;margin:10px 0}.ux-home-head p{font-size:14px;color:var(--muted);line-height:1.7;max-width:630px}.ux-today-focus{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:26px}.ux-today-focus h2{font-size:23px;margin-top:7px}.ux-decision{display:flex;gap:15px;padding:21px 0;border-bottom:1px solid var(--line);align-items:center}.ux-decision:last-of-type{border-bottom:0}.ux-decision-icon{padding:11px;background:var(--soft);border-radius:10px;color:var(--green);flex:none}.ux-decision h3{font-size:14px}.ux-decision p{font-size:12px;line-height:1.65;color:var(--muted);margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ux-today-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-top:23px}.ux-work-line{display:flex;gap:10px;align-items:center;text-align:left;width:100%;padding:18px 0;border-bottom:1px solid var(--line)}.ux-work-line b{font-size:13px;font-weight:600;display:block}.ux-work-line small{font-size:11px;color:var(--muted);display:block;margin-top:5px;line-height:1.6}.ux-capability-shortcuts{display:grid;margin:15px 0}.ux-capability-shortcuts button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:17px 0;border-bottom:1px solid var(--line)}.ux-capability-shortcuts button>span{flex:1}.ux-capability-shortcuts b{font-size:13px}.ux-capability-shortcuts small{display:block;font-size:11px;color:var(--muted);margin-top:5px;line-height:1.5}.ux-explain{padding:17px 20px;border:1px solid var(--line);border-radius:11px;background:var(--soft);font-size:12px;line-height:1.8}.ux-explain>.btn{margin-left:10px}.ux-explain summary{font-size:13px;cursor:pointer;font-weight:650}.ux-explain p{margin-top:13px}.ux-jobs{margin-top:20px}.ux-job-card{text-align:left;display:block;width:100%;transition:border-color .15s}.ux-job-card:hover{border-color:var(--green)}.ux-job-card h2{margin:18px 0 11px;font-size:23px}.ux-job-card p{font-size:13px;line-height:1.7;color:var(--muted)}.ux-job-card>p{min-height:45px}.ux-job-card small{font-size:10px;color:var(--muted)}.ux-job-start{border-top:1px solid var(--line);padding-top:17px;margin-top:17px;display:grid;gap:7px}.ux-job-start>span{font-size:12px;line-height:1.6}.ux-job-definition{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.ux-job-definition>.pill{margin-right:7px}.ux-job-contract{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin:25px 0 0}.ux-job-contract small{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.07em}.ux-job-contract p{font-size:13px;line-height:1.7;margin-top:10px}.ux-job-boundary{font-size:11px;color:var(--muted);margin-top:23px;padding-top:17px;border-top:1px solid var(--line);line-height:1.7}.ux-job-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.ux-model-example{display:grid;gap:12px}.ux-model-example>div{padding:17px;border:1px solid var(--line);border-radius:11px}.ux-model-example small{font-size:10px;color:var(--green);font-weight:650;letter-spacing:.04em}.ux-model-example h3,.ux-model-example p{margin-top:8px}.ux-config-types{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:21px}.ux-config-types .btn{font-size:12px;border-radius:18px}.ux-config-types .active{background:var(--green);color:var(--paper);border-color:var(--green)}.ux-status-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);overflow:auto;margin-bottom:18px}.ux-status-tabs .btn{border:0;background:none;padding:12px 0;border-radius:0;color:var(--muted);white-space:nowrap}.ux-status-tabs .active{box-shadow:inset 0 -2px var(--green);color:var(--green)}.ux-config-row{display:flex;gap:16px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:21px}.ux-config-row .grow{min-width:0}.ux-config-row small{font-size:10px;color:var(--muted)}.ux-config-row h3{font-size:16px;margin:5px 0}.ux-config-row p{font-size:12px;line-height:1.65;color:var(--muted);margin:7px 0 12px}.ux-review-choice{margin-bottom:35px}.ux-review-choice .card{text-decoration:none;color:var(--ink)}.ux-review-choice p{margin-top:13px;line-height:1.7;color:var(--muted)}body[data-experience=simple] .content{max-width:1250px;margin:auto}body[data-route=conversations] .content{max-width:none}.ux-mode a{color:inherit}
@media(min-width:601px){body[data-experience=simple] .ux-nav button{padding:13px 12px;margin-bottom:5px;font-size:13px}.topbar{min-height:65px}.ux-sidebar-foot{flex:none}.sidebar{display:flex;flex-direction:column}}
@media(max-width:1050px){.ux-today-grid{grid-template-columns:1fr}.ux-job-contract{grid-template-columns:1fr}.ux-job-contract>div{border-bottom:1px solid var(--line);padding-bottom:14px}.ux-job-contract>div:last-child{border:0}.ux-job-card h2{font-size:21px}.ux-nav .sidebar-label{font-size:8px;margin-left:5px}}
@media(max-width:600px){.topbar{height:72px;padding:10px 12px;position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line);gap:8px}.ux-top-project{display:flex;align-items:center;gap:8px;flex:1}.ux-top-project .ux-brand-mark{width:32px;height:34px;border-radius:8px}.ux-project{gap:7px;padding:10px 9px;font-size:12px}.ux-project small{font-size:9px;padding:3px 4px}.ux-project-dot{width:6px;height:6px}.ux-down{font-size:14px}.ux-top-context,.ux-mode{display:none}.ux-top-actions{gap:6px;margin-left:0;flex:none}.ux-top-actions .icon-btn{width:29px;padding:5px}.ux-avatar{height:28px;width:28px;font-size:11px}.content{padding:23px 16px 15px!important;min-width:0}.pagehead h1{font-size:29px}.pagehead p{max-width:100%;font-size:13px;line-height:1.65}.pagehead>.row{margin-top:16px}.ux-home-head{display:block;margin-bottom:24px}.ux-home-head h1{font-size:30px;line-height:1.2}.ux-home-head p{font-size:13px}.ux-home-head>.btn{margin-top:17px}.ux-today-focus{padding:19px 16px}.ux-today-focus .sectionhead{align-items:flex-start;gap:9px}.ux-today-focus h2{font-size:21px;line-height:1.3}.ux-today-focus .sectionhead>.pill{font-size:9px;white-space:nowrap}.ux-decision{gap:11px;flex-wrap:wrap;padding:19px 0}.ux-decision-icon{padding:9px}.ux-decision>.grow{flex-basis:75%}.ux-decision>.btn{margin-left:49px}.ux-decision h3{font-size:14px;line-height:1.4}.ux-today-grid{gap:18px;margin-top:18px}.ux-menu-links{gap:8px}.ux-menu-links .btn{font-size:11px;padding:13px 10px;gap:9px}.ux-menu-links .icon{width:18px;height:18px}.ux-menu-links .btn span{min-width:0}.ux-more-section{padding:18px 0}.ux-more-section h3{font-size:12px}.ux-explain{padding:16px;font-size:12px}.ux-explain>.btn{margin:11px 0 0}.ux-job-definition{padding:18px}.ux-job-contract{gap:16px;margin-top:20px}.ux-job-actions .btn{flex:1 1 43%;font-size:11px}.ux-config-types{gap:7px}.ux-config-types .btn{font-size:11px;padding:8px 11px}.ux-status-tabs{gap:21px}.ux-status-tabs .btn{font-size:12px}.ux-config-row{padding:18px 15px;gap:11px;flex-wrap:wrap}.ux-config-row>.grow{flex-basis:75%}.ux-config-row>.btn{margin-left:49px}.ux-config-row h3{font-size:15px}.ux-job-card>p{min-height:0}.ux-job-card h2{font-size:23px}.ux-review-choice .grid2{grid-template-columns:1fr}.ux-review-choice h1{font-size:29px}.mobile-nav{min-height:64px}.mobile-nav button{font-size:10px;min-width:52px;padding:3px 7px}.mobile-nav button.active{background:var(--soft);border-radius:10px}.modal p{font-size:13px}.ux-model-example>div{padding:15px}}
@media(max-width:360px){.ux-top-actions .icon-btn{display:none}.ux-top-project .ux-brand-mark{width:29px}.ux-project{font-size:11px}.ux-project small{display:none}}
@media(max-width:600px){.cv-page:has(.cv-layout.has-chat)>.cv-heading{display:none}.cv-page:has(.cv-layout.has-chat) .cv-layout{height:calc(100dvh - 160px)}body[data-route=conversations] .content:has(.cv-layout.has-chat){padding-top:12px!important;padding-bottom:12px!important}.cv-item-tabs{flex-wrap:wrap}.cv-item-tabs button,.cv-item-tabs b{font-size:10px}.cv-item-tabs button{padding:7px 9px}.cv-chat-title p{font-size:10px}.cv-followup-toggle strong{font-size:12px}.cv-followup-panel{max-height:58%}}
@media(max-width:600px){.cv-message p,.cv-draft-bubble{font-size:15px;line-height:1.55}.cv-composer textarea,.cv-search input{font-size:16px}.cv-row-heading strong{font-size:15px}.cv-preview{font-size:14px}.cv-count,.cv-chat-meta,.cv-message-top strong,.cv-item-label,.cv-provenance{font-size:11px}.cv-item-actions .btn{font-size:12px;min-height:40px}.cv-message-time{font-size:10px}.cv-followup-toggle strong{font-size:13px}.cv-collapse-label{font-size:11px}.cv-chat-title h2{font-size:16px}.cv-chat-title p{font-size:11px}}

.mh-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.mh-heading{display:flex;gap:18px;align-items:center}.mh-robot{display:grid;place-items:center;width:64px;height:64px;background:var(--soft);color:var(--green);border:1px solid var(--line);border-radius:20px;flex:none}.mh-robot .icon{width:32px;height:32px}.mh-header h1{font-size:37px;line-height:1.1;margin:5px 0 9px}.mh-header p{color:var(--muted);font-size:14px}.mh-type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.mh-type-tabs .btn{border-radius:24px;background:var(--paper)}.mh-type-tabs .active{background:var(--green);border-color:var(--green);color:var(--paper)}.mh-hub-tools{display:flex;align-items:flex-start;gap:20px;justify-content:space-between}.mh-hub-tools .ux-status-tabs{flex:1;min-width:0}.mh-search{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:2px 7px;max-width:270px}.mh-search input{width:100%;min-width:0;background:none;border:none;font-size:13px;padding:9px 4px}.mh-search .icon-btn{flex:none}.mh-subtools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 24px}.mh-subtools p{font-size:12px;color:var(--muted)}.mh-section{margin:28px 0}.mh-section>.sectionhead{margin-bottom:14px}.mh-section>.sectionhead h2{font-size:18px}.mh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mh-card{display:flex;flex-direction:column;align-items:flex-start;padding:23px;background:var(--paper);border:1px solid var(--line);border-radius:16px;min-width:0}.mh-card-heading{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:20px}.mh-card-heading .agent-icon{width:32px;height:32px;padding:7px;border-radius:10px}.mh-card-heading>.pill{margin-left:auto;max-width:55%;white-space:normal;text-align:right}.mh-kind{font-size:11px;color:var(--muted)}.mh-card h2{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin-bottom:11px}.mh-card>p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:24px}.mh-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.mh-card-actions .btn{font-size:12px}.mh-backbar{display:flex;align-items:center;gap:12px;margin-bottom:26px;font-size:13px;color:var(--muted)}.mh-backbar .icon{transform:rotate(180deg);width:12px}.mh-hub-foot{display:flex;gap:16px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:12px}.mh-more-current small{font-size:10px;color:var(--muted)}.mh-more-current h3{font-size:18px;margin-top:10px}.mh-optional-note,.mh-status-note{font-size:13px;color:var(--muted);line-height:1.7;padding:16px;background:var(--soft);border-radius:10px}.mh-review{margin-bottom:25px}.mh-detail .pagehead{margin-bottom:24px}
@media(max-width:950px){.mh-hub-tools{display:block}.mh-search{max-width:none;width:100%;margin-bottom:18px}}
@media(max-width:600px){.mh-header{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:24px}.mh-heading{gap:13px}.mh-robot{width:49px;height:49px;border-radius:15px}.mh-robot .icon{width:26px;height:26px}.mh-header h1{font-size:31px}.mh-header p{font-size:13px}.mh-header>.btn{width:100%}.mh-type-tabs{gap:7px;margin-bottom:16px}.mh-type-tabs .btn{font-size:12px;padding:9px 13px}.mh-hub-tools .ux-status-tabs{gap:20px}.mh-hub-tools .ux-status-tabs .btn{font-size:12px}.mh-search input{font-size:16px}.mh-grid{grid-template-columns:1fr;gap:13px}.mh-section{margin:24px 0}.mh-card{padding:20px}.mh-card-heading{margin-bottom:16px}.mh-card h2{font-size:21px}.mh-card>p{font-size:14px;margin-bottom:20px}.mh-card-actions .btn{font-size:12px;min-height:40px}.mh-backbar{margin-bottom:20px}.mh-subtools{gap:8px}.mh-subtools .btn{font-size:12px}.mh-hub-foot{gap:12px}}

.ph-header{margin-bottom:25px}.ph-header h1{font-size:34px;letter-spacing:-1px;line-height:1.2;margin:10px 0}.ph-header p{font-size:14px;color:var(--muted);line-height:1.7}.ph-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:28px}.ph-tabs .btn{padding:12px 0;border:0;border-radius:0;background:none;color:var(--muted)}.ph-tabs .active{color:var(--green);box-shadow:inset 0 -2px var(--green)}.ph-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ph-data-grid .card{padding:24px}.ph-data-grid h2{font-size:21px}.ph-data-grid .card>p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:18px}.ph-tool{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border-top:1px solid var(--line);padding:17px 0;min-width:0}.ph-tool .grow{min-width:0}.ph-tool .agent-icon{width:34px;height:34px;padding:8px;border-radius:10px;flex:none}.ph-tool>.icon{width:14px;color:var(--muted);flex:none}.ph-tool b{display:block;font-size:13px;margin-bottom:6px}.ph-tool small{display:block;color:var(--muted);font-size:12px;line-height:1.6}.ph-secondary{border:1px solid var(--line);border-radius:12px;padding:19px 22px;margin-top:26px;color:var(--muted);font-size:13px}.ph-secondary summary{font-weight:650;color:var(--ink);cursor:pointer}.ph-secondary p{line-height:1.7}.ph-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;margin-top:16px}.ph-connection-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.ph-connection-intro h2{font-size:22px}.ph-connection-intro p{color:var(--muted);font-size:13px;line-height:1.7;max-width:600px;margin-top:10px}.ph-inputs{display:grid;gap:12px}.ph-input{display:flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:21px}.ph-input .grow{min-width:0}.ph-input small,.ph-input p{font-size:11px;color:var(--muted);line-height:1.6}.ph-input h3{font-size:16px;margin:4px 0 7px}.ph-activity{margin-top:26px;padding:24px}.ph-activity p,.ph-activity details{font-size:13px;line-height:1.7;color:var(--muted)}.ph-activity h2{font-size:21px}
@media(max-width:760px){.ph-data-grid,.ph-tool-grid{grid-template-columns:1fr}.ph-header h1{font-size:29px}.ph-tabs{gap:24px}.ph-tabs .btn{font-size:13px}.ph-data-grid .card{padding:20px}.ph-tool b{font-size:14px}.ph-connection-intro{flex-direction:column;gap:17px}.ph-input{gap:12px;flex-wrap:wrap;padding:18px}.ph-input .grow{flex-basis:75%}.ph-input>.btn{margin-left:46px}.ph-input>.pill{margin-left:46px}.ph-input>.pill+.btn{margin-left:auto}.ph-input h3{font-size:15px}.ph-activity .sectionhead{flex-wrap:wrap;gap:15px}.ph-secondary{padding:18px}.ph-header p{font-size:13px}}
body[data-experience=simple] .sidebar .ux-nav{display:flex;flex-direction:column;justify-content:flex-start;gap:3px}body[data-experience=simple] .sidebar .ux-nav button{flex:none;min-height:46px}.mh-create-form{max-width:850px}.mh-create-form>p,.ph-module-empty>p{color:var(--muted);line-height:1.7}.mh-subtools label.field{min-width:145px}.mh-subtools label.field select{font-size:12px}

html:has(body[data-experience=simple]){scrollbar-gutter:stable}
.ch-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}
.ch-heading h1{font-size:30px;margin:0}
.ch-heading-copy{min-width:0;max-width:620px}
.ch-heading-copy .eyebrow,body[data-experience=simple] .cv-heading .eyebrow{color:var(--green);font-weight:700}
.ch-heading-copy p{font-size:13px;line-height:1.65;margin:10px 0 0;color:var(--muted)}
.ch-heading .ch-switch{flex-shrink:0}
.ch-switch{display:flex;padding:4px;gap:4px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}
.ch-switch button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:9px;color:var(--muted);font-size:13px;font-weight:600}
.ch-switch button.active{background:var(--green);color:var(--paper)}
[data-theme=dark] .ch-switch button.active{color:#102519}
.ch-switch button .icon{width:17px;height:17px;flex:none}
.ch-switch button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.ch-followups>.eyebrow,.ch-followups>h1,.ch-followups>p:first-of-type,.ch-work:not(.ch-session-detail)>.pagehead{display:none}
.ch-followups{display:grid;gap:20px}
.ch-session-detail{display:grid;gap:20px}
body[data-experience=simple] .cv-layout{min-height:260px}
@media(max-width:760px){
  .ch-heading{display:block;margin-bottom:18px}
  .ch-heading h1{font-size:27px;margin-bottom:0}
  .ch-heading-copy{margin-bottom:18px}
  .ch-switch{width:100%}
  .ch-switch button{flex:1;padding:10px 8px;font-size:12px}
}

.ch-create-row{margin-top:16px}
.ch-create-row .btn{min-height:40px}
.nw-kinds{display:flex;flex-wrap:wrap;gap:7px}
.nw-kinds .btn{border-radius:22px;padding:9px 13px;font-size:12px}
.nw-section-label{font-size:12px;font-weight:650;margin-bottom:9px}
.nw-build-kinds{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
.nw-build-kinds p{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 10px}
.nw-attach{width:100%;justify-content:space-between;min-height:44px}
.nw-settings{border-top:1px solid var(--line);padding-top:14px}
.nw-settings summary{font-size:12px;font-weight:600;cursor:pointer}
.nw-message-list{display:grid;gap:10px}
.nw-message-choice{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--bg);cursor:pointer}
.nw-message-choice input{width:18px;height:18px;flex:none;margin-top:3px}
.nw-message-choice span{min-width:0;flex:1}
.nw-message-choice b{display:block;font-size:12px}
.nw-message-choice small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.nw-message-choice p{font-size:12px;line-height:1.6;margin:8px 0 0;overflow-wrap:anywhere}
.nw-context{border:1px solid var(--line);background:var(--bg);padding:14px;border-radius:10px;font-size:12px}
.nw-context summary{font-weight:600;cursor:pointer}
.nw-context p{margin-top:10px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.nw-kinds .btn{padding:9px 11px}.ch-create-row{margin-top:14px}}

.fu-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.fu-intro p{margin:0;color:var(--muted);font-size:13px}.fu-section{margin-bottom:28px}.fu-section>header{margin-bottom:13px}.fu-section h2{font-size:19px;margin:0}.fu-section h2>span{font-size:12px;color:var(--muted);margin-left:7px}.fu-section>header p{font-size:12px;color:var(--muted);margin:6px 0 0}.fu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fu-row{padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--paper);min-width:0}.fu-row h3{font-size:16px;line-height:1.45;margin:12px 0 8px}.fu-row-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.fu-channel{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;color:var(--green);line-height:1.5}.fu-channel .icon{height:16px;width:16px;flex:none}.fu-body{font-size:13px;line-height:1.65;margin:0 0 12px;white-space:pre-wrap}.fu-meta{font-size:11px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.fu-meta .fu-channel{margin-right:6px}.fu-actions{margin-top:15px;flex-wrap:wrap}.fu-time{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink);margin-bottom:10px}.fu-destinations{line-height:2}.fu-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.fu-filters .btn{min-height:36px;padding:7px 12px;font-size:12px}.fu-message-preview{margin:16px 0;padding:16px;border-left:3px solid var(--green);background:var(--bg);white-space:pre-wrap;line-height:1.7}.ch-scheduled{display:block}.ch-followups{display:block}.wk-inline>.fu-channel{margin-bottom:10px}
@media(max-width:760px){.fu-list{grid-template-columns:1fr}.fu-row{padding:17px}.fu-intro{align-items:flex-start}.fu-intro>.btn{flex-shrink:0;font-size:11px}.fu-section{margin-bottom:24px}.ch-switch button{gap:5px;padding:10px 5px}.ch-switch button .icon{height:15px;width:15px}}

.ho-overview{margin:28px 0}.ho-overview>.sectionhead{margin-bottom:16px}.ho-overview h2{font-size:23px;margin:4px 0 0}.ho-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.ho-metric{position:relative;display:grid;text-align:left;border:1px solid var(--line);background:var(--paper);padding:20px;border-radius:18px;min-width:0;transition:border-color .15s,transform .15s}.ho-metric:hover{border-color:var(--green);transform:translateY(-2px)}.ho-metric:focus-visible,.ho-agent-row:focus-visible,.ho-event:focus-visible{outline:2px solid var(--green);outline-offset:3px}.ho-metric-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#dff0e6;color:#24664a;margin-bottom:18px}.ho-blue .ho-metric-icon{background:#e2edf5;color:#346282}.ho-amber .ho-metric-icon{background:#f5ebd6;color:#846227}.ho-metric-icon .icon{width:22px;height:22px}.ho-metric-label{font-size:13px;font-weight:600;color:var(--muted)}.ho-metric strong{font-size:38px;line-height:1.2;letter-spacing:-1px;margin:5px 0 7px;color:var(--ink)}.ho-metric-note{font-size:11px;color:var(--muted);line-height:1.6;max-width:85%}.ho-metric-arrow{position:absolute;right:18px;bottom:20px;color:var(--muted)}.ho-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.ho-panels .card{padding:21px}.ho-panels h3{font-size:17px;margin:0}.ho-agent-list{display:grid}.ho-agent-row{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:20px 0;border-top:1px solid var(--line);width:100%;color:inherit}.ho-agent-row:first-child{border-top:0}.ho-agent-icon{background:var(--bg);color:var(--green);padding:10px;display:flex;border-radius:11px;flex:none}.ho-agent-copy{display:grid;gap:7px;flex:1;min-width:0}.ho-agent-copy>strong{font-size:14px;line-height:1.5}.ho-agent-copy>span:not(.ho-agent-meta){font-size:12px;color:var(--muted);line-height:1.65}.ho-agent-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:4px}.ho-agent-meta small{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:10px}.ho-agent-meta .icon{width:13px;height:13px}.ho-agent-row>.icon{width:15px;margin-top:12px;flex:none;color:var(--muted)}.ho-activity-summary{display:flex;align-items:center;gap:14px;background:var(--bg);padding:14px;border-radius:12px;margin:14px 0}.ho-activity-summary>.icon{color:var(--green);flex:none;width:26px;height:26px}.ho-activity-summary p{font-size:13px;margin:0}.ho-activity-summary p span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.ho-event{display:flex;align-items:flex-start;text-align:left;width:100%;gap:10px;padding:15px 0;border-top:1px solid var(--line);color:inherit}.ho-event strong{display:block;font-size:12px;font-weight:600;line-height:1.6}.ho-event small{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:6px}.ho-event>.icon{flex:none;width:14px;color:var(--muted)}.ho-event-dot{height:8px;width:8px;border-radius:50%;background:var(--green);margin-top:6px;flex:none}.ho-event-dot.trial{background:#ae8b4d}.ho-empty{padding:20px 0;font-size:12px;color:var(--muted);line-height:1.7}.ux-today-grid.ho-tools{grid-template-columns:1fr}.ho-tools .ux-capability-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.ho-tools .ux-capability-shortcuts button{border-top:0}.ho-history-row{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.ho-history-row strong{font-size:14px}.ho-history-row p{font-size:12px;color:var(--muted);margin:7px 0}.ho-activity-history{max-height:55vh;overflow:auto;margin-top:15px}
@media(max-width:760px){.ho-overview{margin-top:24px}.ho-overview h2{font-size:20px}.ho-metrics{gap:8px}.ho-metric{padding:13px 11px;border-radius:14px}.ho-metric-icon{width:32px;height:32px;border-radius:10px;margin-bottom:13px}.ho-metric-icon .icon{width:19px;height:19px}.ho-metric-label{font-size:11px;line-height:1.5;min-height:33px}.ho-metric strong{font-size:30px}.ho-metric-note{font-size:10px;max-width:100%}.ho-metric-arrow{display:none}.ho-panels{grid-template-columns:1fr;gap:13px}.ho-panels .card{padding:18px}.ho-tools .ux-capability-shortcuts{grid-template-columns:1fr;gap:0}.ho-tools .ux-capability-shortcuts button+button{border-top:1px solid var(--line)}}


/* Braintree outline logo: no background tile. White on dark; dark on light. */
.ux-brand-mark{background:transparent!important;border-radius:0!important;object-fit:contain;filter:none}
.ux-top-project .ux-brand-mark{width:40px!important;height:42px;flex:none}
html[data-theme="light"] .ux-top-project .ux-brand-mark{filter:brightness(0) saturate(100%)}

/* === 3 - the app's own furniture on that chrome ==================================================
   The Simple page is a prototype with one `<aside class="sidebar">`, one `<header class="topbar">`,
   one `<div class="content">` and one `<nav class="mobile-nav">`; the app draws the same four, plus
   the things a prototype has no need of: the Ask dock, the sheets and dialogs, the toast region and
   the sign-in screen. Those keep the app's markup and are styled here in the same palette. */

html { height: 100%; }
body { min-height: 100%; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
#app { min-height: 100vh; }
.boot { min-height: 100vh; display: grid; place-items: center; padding: 24px; text-align: center; color: var(--muted); }
.shell { display: block; min-height: 100vh; }

/* the sidebar's own nav: the same drawing as the page's `.nav`, under its own name so the bottom
   bar keeps `.nav` for itself */
.shell__side .ux-nav { display: grid; gap: 1px; overflow: auto; flex: 1; min-height: 0; scrollbar-width: thin; scrollbar-color: #40584a transparent; }
.shell__side .ux-nav button { color: #aabaae; display: flex; gap: 11px; align-items: center; width: 100%; padding: 8px 12px; border-radius: 7px; text-align: left; font-size: 11px; }
.shell__side .ux-nav button:hover { background: #223a2f; }
.shell__side .ux-nav button.active { background: #304739; color: #ecf6df; }
.shell__side .ux-nav .icon { width: 17px; height: 17px; }
.shell__side .ux-sub { display: block; width: 100%; margin: 0 0 0 28px; padding: 6px 10px; border-radius: 7px; text-align: left; font-size: 11px; color: #9ab2a4; }
.shell__side .ux-sub:hover { background: #223a2f; }
.shell__side .ux-sub.active { color: #ecf6df; background: #2a4034; }
@media (min-width: 601px) {
  body[data-experience="simple"] .shell__side .ux-nav button { padding: 13px 12px; margin-bottom: 5px; font-size: 13px; }
  body[data-experience="simple"] .shell__side .ux-sub { font-size: 12px; margin-left: 34px; }
}
.shell__side .ux-version span { display: block; }

/* the header: the page's own topbar, with the app's freshness strip under it */
.topstrip { padding: 10px 34px 0; }
.topstrip .banner { margin: 0; border-radius: 9px; padding: 11px 14px; font-size: 12px; font-weight: 600; border: 1px solid var(--amber); background: var(--amberbg); color: var(--amber); }
@media (max-width: 600px) { .topstrip { padding: 10px 16px 0; } }
.ux-avatar { display: grid; place-items: center; letter-spacing: .02em; }
.ux-top-context { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* the content column has to clear the Ask dock, and on the phone the bottom bar as well */
.main { padding-bottom: calc(var(--dock-h) + 26px); }
@media (max-width: 600px) { .main { padding-bottom: calc(var(--nav-h) + var(--dock-h) + 14px); } }
body:has(.dock[hidden]) .main { padding-bottom: 38px; }
@media (max-width: 600px) { body:has(.dock[hidden]) .main { padding-bottom: calc(var(--nav-h) + 14px); } }

/* a view that still draws the binding mockup's markup keeps its phone column */
.page { max-width: 560px; margin: 0 auto; }
.page > .hd h3 { font-size: 1.45rem; }
.page .list, .page .card, .page .banner, .page .in, .page .tbl, .page .grid2, .page .two, .page .tiles,
.page .hist, .page .stack, .page .feed, .page .menu, .page .sum, .page .steps, .page .stepper,
.page .stepl, .page .flow, .page .mods, .page .shapes, .page .start, .page .prog, .page .empty,
.page .loading, .page .err, .page .msg, .page .f, .page .sect { margin-left: 0; margin-right: 0; }
.page .hd, .page .sec, .page .sec2 { padding-left: 0; padding-right: 0; }
@media (min-width: 900px) { .page { max-width: 760px; } }

/* the Ask dock, drawn as the page's own ask bar and pinned above the bottom bar */
.dock { position: fixed; left: 0; right: 0; bottom: var(--nav-h); z-index: 29; background: var(--bg); padding: 8px 16px calc(8px + env(safe-area-inset-bottom)); }
.dock form { display: flex; gap: 13px; align-items: center; border: 1px solid var(--line); background: var(--paper); border-radius: 12px; padding: 10px 14px; max-width: 1250px; margin: 0 auto; }
/* §10.13 / Screen H — the attach control. A page that has something to offer under the composer
   registers a renderer with `dock.setAttach`; with none registered the control is not there at all.
   `[hidden]` loses to a `display` rule of equal specificity, hence the explicit rule. */
.dock form .dock-attach { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px;
  flex: none; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); background: transparent; }
.dock form .dock-attach:hover { color: var(--green); border-color: var(--green); }
.dock form .dock-attach[hidden] { display: none; }
.dock input { flex: 1; min-width: 0; border: 0; background: none; outline: none; color: var(--ink); font: inherit; font-size: 12px; padding: 0; }
.dock input::placeholder { color: var(--muted); }
.dock form > button[type="submit"] { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--green); border-radius: 8px; background: var(--green); color: var(--paper); padding: 6px 9px; flex: none; }
:root[data-theme="dark"] .dock form > button[type="submit"] { color: #102519; }
.dock .ctx { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; max-width: 1250px; margin: 0 auto 6px; font-size: 10px; color: var(--muted); }
.dock.test form { border-color: var(--purple); }
.dock-stack { position: fixed; left: 0; right: 0; bottom: calc(var(--nav-h) + var(--dock-h)); z-index: 28; max-height: 58vh; overflow: auto; background: var(--paper); border-top: 1px solid var(--line); box-shadow: var(--shadow); }
.dock-stack .inner { max-width: 1250px; margin: 0 auto; padding: 10px 16px 14px; }
.dock-stack .close { float: right; }
@media (min-width: 601px) {
  .dock { left: var(--sidebar-w); bottom: 0; }
  .dock-stack { left: var(--sidebar-w); bottom: var(--dock-h); }
}

/* sheets and dialogs are the Simple page's own overlay: `.modalback` paints the ground, `.modal`
   is the panel (header · body · footer). It is a centred dialog on the desktop and a bottom sheet
   on the phone, exactly as that page draws it; the app's own class names ride alongside so a
   caller that reaches into an overlay still finds `.sheet`, `.body`, `.foot`, `.db`, `.df`. */
.overlay.modalback { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 24px; background: #0b201866; backdrop-filter: blur(4px); }
.overlay .scrim { position: absolute; inset: 0; z-index: 0; background: none; backdrop-filter: none; }
.overlay .modal { position: relative; z-index: 1; display: flex; flex-direction: column; padding: 0; overflow: hidden; width: 550px; max-width: 100%; max-height: 90vh; background: var(--paper); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
.overlay .modal.wide { width: 770px; }
/* A dialog is a `.modal` too (`openDialog` renders `.dialog.modal.wide`), so the rule above already
   gives it a bounded height, a scrolling body and a pinned footer. What it does **not** override is
   the offset `css/mockup-components.css` draws on `.dialog` for the older, page-hosted markup
   (`position:absolute; left:18px; right:18px; top:26%`): `position` is re-declared here at the same
   specificity and later in the cascade, so the box is laid out *relatively* — and the offsets then
   shift it a quarter of the viewport down and 18 px right. At ≤600px, where `.modalback` aligns to
   `flex-end`, that put the footer of EVERY dialog below the fold: at 375×812 the one approval
   dialog's primary measured `bottom: 996px` against an `innerHeight` of 812 and could not be
   tapped. Measured on Knowledge, on Intents' enable dialog and on the report builder's; jsdom has
   no layout, which is why the leak-guard cannot see it. The overlay owns a dialog's placement.
   (docs/INTEGRATION-knowledge.md §4, docs/INTEGRATION-reports.md §1.) */
.overlay .dialog { top: 0; left: 0; right: 0; }
.overlay .modal-header { display: flex; align-items: flex-start; gap: 15px; padding: 23px 25px 18px; border-bottom: 1px solid var(--line); flex: none; }
.overlay .modal-header h2 { font-size: 22px; font-weight: 600; flex: 1; margin: 0; letter-spacing: -.4px; }
.overlay .modal-header small { flex: none; color: var(--muted); font-size: 11px; font-weight: 500; padding-top: 7px; }
/* BI-13 — the header must fit the sheet at 375 px. The title and its subtitle used to be two
   siblings of the header's own flex row, the subtitle `flex: none`: it could not shrink or wrap, so
   a long one pushed the row to 578–831 px inside a 357 px header, broke the title to one word per
   line and carried the close button 200–465 px past the right edge — unreachable by thumb, and
   invisible to the page-level overflow charter because `document.scrollWidth` never moved. They now
   share one column that *may* shrink (`min-width: 0` is what lets a flex item go below its content
   width) and wrap; the close keeps a column of its own and therefore always stays on screen.
   `lib/ui.js:overlayHeader` is the one place that builds this markup, sheet and dialog alike. */
.overlay .modal-header .modal-head-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.overlay .modal-header .modal-head-text h2 { flex: none; min-width: 0; overflow-wrap: anywhere; }
.overlay .modal-header .modal-head-text small { flex: none; min-width: 0; padding-top: 0; overflow-wrap: anywhere; }
.overlay .modal-header .close { flex: none; margin-left: auto; border: 1px solid var(--line); width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; font-size: 20px; line-height: 1; background: none; color: var(--ink); padding: 0; }
.overlay .modal-header .close:hover { background: var(--soft); }
.overlay .modal-body { flex: 1; overflow: auto; padding: 24px 25px; min-height: 0; font-size: 12px; line-height: 1.7; }
.overlay .modal-body h2 { font-size: 20px; }
.overlay .modal-body ul { margin: 8px 0 0; padding-left: 18px; }
.overlay .modal-footer { flex: none; display: flex; gap: 10px; justify-content: flex-end; padding: 16px 25px calc(16px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: var(--paper); flex-wrap: wrap; }
.overlay .modal-footer .btn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 15px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink); font: inherit; font-size: 12px; font-weight: 600; transition: .18s; }
.overlay .modal-footer .btn.primary { background: var(--green); border-color: var(--green); color: var(--paper); }
:root[data-theme="dark"] .overlay .modal-footer .btn.primary { color: #102519; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .overlay .modal-footer .btn.primary { color: #102519; } }
.overlay .modal-footer .btn.danger { color: var(--red); border-color: var(--red); background: var(--paper); }
.overlay .modal-footer .btn[disabled] { opacity: .45; }
/* the shared primitives a sheet's body is built from (`field`, `select`, `chips`, `list`/`row`)
   read in the Simple page's own type and palette; each view's own markup inside a sheet keeps
   whatever it already drew. */
.overlay .modal-body .f { margin: 14px 0; }
.overlay .modal-body .f > label { display: block; margin-bottom: 6px; padding: 0; font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--muted); }
.overlay .modal-body .f > small { display: block; margin-top: 6px; font-size: 11px; line-height: 1.6; color: var(--muted); }
.overlay .modal-body .in { width: 100%; font: inherit; font-size: 13px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--paper); color: var(--ink); }
.overlay .modal-body .chips { display: flex; flex-wrap: wrap; gap: 7px; }
.overlay .modal-body .chips > :is(span, button) { border: 1px solid var(--line); border-radius: 22px; padding: 9px 13px; font-size: 12px; font-weight: 600; background: var(--paper); color: var(--ink); cursor: pointer; }
.overlay .modal-body .chips > :is(span, button).on { background: var(--green); border-color: var(--green); color: var(--paper); }
:root[data-theme="dark"] .overlay .modal-body .chips > :is(span, button).on { color: #102519; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .overlay .modal-body .chips > :is(span, button).on { color: #102519; } }
.overlay .modal-body .chips > :is(span, button).dis { opacity: .5; cursor: default; }
.overlay .modal-body .sel { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--line); border-radius: 6px; padding: 11px 12px; font-size: 13px; background: var(--paper); cursor: pointer; }
.overlay .modal-body .sel.dis { opacity: .5; cursor: default; }
.overlay .modal-body .list { margin: 12px 0; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); overflow: hidden; }
.overlay .modal-body .list > .row { padding: 14px 16px; border-bottom: 1px solid var(--line); }
.overlay .modal-body .list > .row:last-child { border-bottom: 0; }
.overlay .modal-body .list > .row h4 { margin: 4px 0 0; font-size: 14px; font-weight: 600; }
.overlay .modal-body .list > .row p { margin: 6px 0 0; font-size: 12px; line-height: 1.7; color: var(--muted); }
.overlay .rec { margin: 0; }
@media (max-width: 600px) {
  .overlay.modalback { padding: 8px; align-items: flex-end; }
  .overlay .modal { max-height: 94dvh; border-radius: 17px; }
  .overlay .modal-header { padding: 18px 18px 14px; }
  .overlay .modal-header h2 { font-size: 21px; }
  .overlay .modal-body { padding: 19px 18px; }
  .overlay .modal-footer { padding: 13px 18px calc(13px + env(safe-area-inset-bottom)); gap: 8px; }
  .overlay .modal-footer .btn { flex: 1; min-width: 80px; font-size: 11px; }
}

/* page-level bits the mockup drew inside the phone frame */
:is(.page, .overlay, .dock-stack) .banner.r { border-color: var(--red); background: var(--redbg); color: var(--red); }
:is(.page, .overlay, .dock-stack) .banner.ok { border-color: var(--green); background: var(--soft); color: var(--green); }
:is(.page, .overlay, .dock-stack) .banner.t { border-color: var(--purple); background: var(--purple-soft); color: var(--purple); }
:is(.page, .overlay) .row.tap { cursor: pointer; }
:is(.page, .overlay) .row.tap:hover { background: var(--bg); }
:is(.page, .overlay, .dock-stack) .empty { margin: 8px 0; border: 1px dashed var(--line-strong); border-radius: 14px; padding: 18px 14px; text-align: center; color: var(--muted); font-size: 12px; }
:is(.page, .overlay, .dock-stack) .empty b { display: block; color: var(--ink); margin-bottom: 4px; }
:is(.page, .overlay, .dock-stack) .loading { margin: 8px 0; color: var(--muted); font-size: 12px; }
:is(.page, .overlay, .dock-stack) .err { margin: 8px 0; border: 1px solid var(--red); background: var(--redbg); color: var(--red); border-radius: 10px; padding: 8px 12px; font-size: 12px; }
/* BI-26 — the refusal and its retry are two boxes with a gap, never one run-on word
   ("Tidak dijumpai.Try again"): inline whitespace between them collapses away, a flex gap does not. */
:is(.page, .overlay, .dock-stack) .err { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
:is(.page, .overlay, .dock-stack) .err .err-retry { flex: none; }
:is(.page, .overlay) .tabs { overflow-x: auto; flex-wrap: nowrap; border-bottom: 0; margin-bottom: 0; gap: 6px; }
:is(.page, .overlay) .tabs .tab { white-space: nowrap; cursor: pointer; }
:is(.page, .overlay) .k { cursor: default; }
:is(.page, .overlay) .k.tap { cursor: pointer; }
.page .hd .back { background: none; border: 0; color: var(--green); font-weight: 600; padding: 0; margin-bottom: 4px; display: inline-flex; align-items: center; gap: 2px; }
:is(.page, .overlay) .chip-toggle { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; }
:is(.page, .overlay) .toggle { width: 36px; height: 20px; border-radius: 999px; background: var(--line-strong); position: relative; flex: none; border: 0; padding: 0; }
:is(.page, .overlay) .toggle:after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: left var(--ease); }
:is(.page, .overlay) .toggle.on { background: var(--green); }
:is(.page, .overlay) .toggle.on:after { left: 18px; }
:is(.page, .overlay) .toggle.lock { opacity: .45; }
.page .steer { position: sticky; bottom: calc(var(--nav-h) + var(--dock-h) + 8px); }
.page .banner.host { cursor: pointer; }

/* toasts */
.toast-region { position: fixed; left: 0; right: 0; bottom: calc(var(--nav-h) + var(--dock-h) + 12px); z-index: 200; display: flex; flex-direction: column; align-items: center; gap: 6px; pointer-events: none; }
.toast-region .toast { position: static; transform: none; left: auto; pointer-events: auto; background: var(--ink); color: var(--paper); border-radius: 10px; padding: 13px 20px; font-size: 12px; box-shadow: var(--shadow); max-width: 85vw; display: flex; gap: 10px; align-items: center; }
.toast-region .toast.error { background: var(--red); color: var(--paper); }
:root[data-theme="dark"] .toast-region .toast, :root[data-theme="dark"] .toast-region .toast.error { color: #102519; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .toast-region .toast, :root:not([data-theme="light"]) .toast-region .toast.error { color: #102519; } }
.toast-region .toast button { background: none; border: 0; color: inherit; font-weight: 700; text-decoration: underline; padding: 0; }
@media (min-width: 601px) { .toast-region { bottom: calc(var(--dock-h) + 12px); left: var(--sidebar-w); } }

/* sign-in (Screen BB) */
.signin { max-width: 420px; margin: 0 auto; padding: 40px 20px; }
.signin .hd h3 { font-size: 32px; letter-spacing: -1.3px; line-height: 1.2; margin: 6px 0; }
.signin .hd .eyebrow { color: var(--muted); }
.code { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin: 16px 0; }
.code input { width: 100%; aspect-ratio: 1 / 1.15; text-align: center; font: inherit; font-size: 22px; font-weight: 700; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); color: var(--ink); padding: 0; }
.code input.bad { border-color: var(--red); }
.signin .btn.p { width: 100%; display: inline-flex; justify-content: center; text-align: center; padding: 12px; font-size: 13px; font-weight: 600; background: var(--green); border: 1px solid var(--green); color: var(--paper); border-radius: 8px; }
:root[data-theme="dark"] .signin .btn.p { color: #102519; }
.signin .err { margin: 8px 0; color: var(--red); font-size: 12px; }

/* Today (UI-12) on the Simple page's own home markup: the three things it says that the prototype
   had no need to say - a value that is a word rather than a number, the gate on a decision row,
   and the window line at the foot of the page. */
.ho-metric strong.w { font-size: 17px; line-height: 1.35; letter-spacing: 0; margin: 9px 0 8px; color: var(--ink); }
.ux-decision > .pill { flex: none; white-space: normal; }
/* the re-skinned views' chips (`toPill`): the two tones the Simple page's own sheet does not name */
.pill.purple { background: var(--purple-soft); color: var(--purple); }
.pill.tap { cursor: pointer; }
.ux-decision-more { cursor: pointer; }
.ux-decision-more h3 { color: var(--green); }
.today > .concept-banner { margin-top: 26px; }
@media (max-width: 760px) { .ho-metric strong.w { font-size: 14px; } }

/* the project pill's unread badge (A1): a count, not a kind, so it is not the kind chip's colour */
.ux-project small.unread { background: var(--redbg); color: var(--red); }

@media (min-width: 601px) {
  body.is-rail-collapsed .sidebar { display: none; }
  body.is-rail-collapsed .main { margin-left: 0; }
  body.is-rail-collapsed .dock,
  body.is-rail-collapsed .dock-stack,
  body.is-rail-collapsed .toast-region { left: 0; }
}
