/* Abacus+ app pages. They sit on canvas.css (tokens, header, buttons, fields) and charts.css. */
.plus-page{padding:0 28px 80px}
.plus-sheet{max-width:880px;margin:0 auto}
.plus-sheet.wide{max-width:1280px}
.plus-top{padding-top:28px}
.plus-top h1{margin:0;font:700 14.5px/1.7 var(--mono);overflow-wrap:anywhere}
.plus-top .lede{margin:4px 0 14px;color:var(--mute);font-size:13px}
.plus-routing{display:grid;grid-template-columns:130px 1fr;row-gap:4px;padding:14px 0;font-size:13.5px}
.plus-routing dt{font-weight:700}
.plus-routing dd{margin:0;min-width:0;overflow-wrap:anywhere}
.plus-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:10px 0 14px;font-size:13.5px}
.plus-top h1{font-size:clamp(1rem,2vw,1.2rem);line-height:1.55}
.plus-status .note{color:var(--mute);font-size:12.5px}
.plus-status .failed{color:var(--red)}
.pulse{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;animation:plus-pulse 1.4s ease-in-out infinite;margin-right:8px;vertical-align:1px}
@keyframes plus-pulse{50%{transform:scale(.55);opacity:.5}}
.plus-section{margin-top:34px}
.plus-section>h2{margin:0 0 4px;padding-bottom:10px;border-bottom:1.5px solid var(--ink);font:700 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.plus-section>.lede{margin:10px 0 0;color:var(--mute);font-size:13px}
.plus-section .empty{color:var(--mute);font-size:13px;margin:12px 0}

/* Brief */
.brief{display:grid;grid-template-columns:190px 1fr;margin:0}
.brief dt,.brief dd{padding:11px 0;border-bottom:1px solid var(--rule-soft);font-size:13.5px;line-height:1.7}
.brief dt{font-weight:700;padding-right:16px}
.brief dd{margin:0;white-space:pre-wrap}
.brief textarea{min-height:60px;padding:8px 10px;font-size:13px}
.brief-actions{display:flex;gap:10px;margin-top:14px}

/* Interview */
.thread{margin-top:8px}

/* Files */
.files{list-style:none;margin:8px 0 0;padding:0}
.files li{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--rule-soft);font-size:13.5px}
.files li .meta{color:var(--mute);font-size:12px}
.files li button{margin-left:auto;border:0;background:none;color:var(--mute);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline}

/* Tables */
.plus-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:12.5px;line-height:1.55}
.plus-table th,.plus-table td{text-align:left;vertical-align:top;padding:9px 12px 9px 0;border-bottom:1px solid var(--rule-soft)}
.plus-table thead th{font:700 10.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--ink)}
.plus-table td.num{white-space:nowrap}
.plus-table .muted{color:var(--mute)}
.plus-table tr.link{cursor:pointer}
.plus-table tr.link:hover td{background:rgba(27,25,22,.03)}
.plus-table tr[aria-current=true] td{background:rgba(27,25,22,.06)}
.sources{list-style:none;margin:8px 0 0;padding:0}
.sources li{padding:9px 0;border-bottom:1px solid var(--rule-soft);font-size:13px;line-height:1.6}
.sources li .muted{display:block;color:var(--mute);font-size:12px}

/* Review */
.outcome{margin-top:12px;padding:16px 18px;border:1px solid var(--ink);background:var(--surface);font-size:13.5px;line-height:1.7}
.outcome strong{display:block;margin-bottom:4px}
.outcome p{margin:6px 0 0;white-space:pre-wrap}
.review-form{margin-top:12px;display:grid;gap:12px;font-size:13.5px}
.review-form label{display:flex;gap:10px;align-items:baseline}
.review-form textarea{min-height:80px}

/* Auth */
.auth{max-width:460px;margin:60px auto 0}
.auth h1{font:700 14.5px/1.7 var(--mono);margin:0 0 4px}
.auth form{display:grid;gap:14px;margin-top:18px}
.auth label{display:grid;gap:6px;font:700 10.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.auth input{font-weight:400;letter-spacing:0;text-transform:none}
.auth .switch{margin-top:18px;font-size:13px;color:var(--mute)}
.auth .switch button{border:0;background:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline}
.error{color:var(--red);font-size:13px;min-height:1.4em;margin:0}

/* Logs */
.logs{display:grid;grid-template-columns:260px 1fr;gap:24px;margin-top:10px}
.logs ul{list-style:none;margin:0;padding:0}
.logs li button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--rule-soft);background:none;padding:8px 0;font:inherit;font-size:12.5px;cursor:pointer}
.logs li button[aria-current=true]{color:var(--accent);font-weight:700}
.log-rows{font-size:11.5px;line-height:1.55;max-height:640px;overflow:auto;border-top:1px solid var(--ink)}
.log-rows details{border-bottom:1px solid var(--rule-soft);padding:6px 0}
.log-rows summary{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.log-rows pre{white-space:pre-wrap;word-break:break-word;margin:6px 0 0;font:inherit;color:var(--mute)}

@media(max-width:700px){
  .plus-page{padding:0 18px 60px}
  .plus-routing{grid-template-columns:96px 1fr}
  .brief{grid-template-columns:1fr}
  .brief dt{border-bottom:0;padding-bottom:0}
  .logs{grid-template-columns:1fr}
  .plus-table td.num{white-space:normal}
  .plus-table th,.plus-table td{overflow-wrap:anywhere}
}

/* Conversation kinds */

/* Plan */
.plan dd .muted,.brief dd .muted{display:block;color:var(--mute);font-size:12.5px;margin-top:2px}

/* Results */
.results-answer .answer{margin:14px 0 6px;font:700 clamp(1.15rem,2.6vw,1.5rem)/1.45 var(--mono);letter-spacing:-.01em}
.downloads{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.plus-report{font-family:Georgia,'Times New Roman',serif}
.plus-report #report-lead{display:block}
.plus-report #report-body{max-width:none;margin:22px 0 0;font-size:17px}

/* Model checks */
.checks-list{list-style:none;margin:10px 0 0;padding:0}
.checks-list li{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--rule-soft);font-size:13px;line-height:1.6}
.checks-list li p{margin:0}
.checks-list li .muted{color:var(--mute);font-size:12px;margin-top:2px}
.checks-list .mark{font-weight:700;color:var(--accent)}
.checks-list li.warn .mark,.checks-list li.major .mark{color:#a35a28}
.review-findings li p+p{margin-top:4px}

/* Progress */
.progress-steps{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:14px 0 6px;padding:0;border-top:1px solid var(--rule-soft)}
.progress-steps li{padding:10px 8px 8px 0;font-size:12px;line-height:1.4;display:grid;grid-template-columns:18px 1fr;row-gap:2px;color:var(--mute)}
.progress-steps li .mark{grid-row:span 2;font-weight:700}
.progress-steps li .time{font-size:11px}
.progress-steps li.done{color:inherit}.progress-steps li.done .mark{color:var(--accent)}
.progress-steps li.current{color:inherit;border-top:2px solid var(--accent);margin-top:-1px}
.progress-steps li.stopped{color:#a35a28;border-top:2px solid #a35a28;margin-top:-1px}
.progress-counts{margin-top:8px}
.progress-feed{list-style:none;margin:6px 0 0;padding:0}
.progress-feed li{display:grid;grid-template-columns:44px 104px 1fr;gap:10px;padding:6px 0;border-bottom:1px solid var(--rule-soft);font-size:12.5px;line-height:1.5}
.progress-feed .when,.progress-feed .where{color:var(--mute);font-size:11.5px}
.progress-feed li.tool .what{color:var(--mute)}
.progress-feed li.bad .what{color:#a35a28}
@media (max-width:640px){.progress-steps{grid-template-columns:repeat(3,1fr)}.progress-feed li{grid-template-columns:40px 1fr}.progress-feed .where{display:none}}

/* Map */
.plus-map{height:460px;margin-top:14px;border:1px solid var(--rule-soft);background:var(--bg)}
.plus-map .maplibregl-popup-content{font:400 12.5px/1.6 var(--mono);color:var(--ink);background:var(--bg);border:1px solid var(--rule-soft);border-radius:0;box-shadow:none;padding:8px 10px}
.plus-map .maplibregl-popup-tip{display:none}
.plus-map .muted{color:var(--mute)}
@media (max-width:640px){.plus-map{height:340px}}

/* Model at a glance */
.model-stages{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:14px 0 0;padding:0}
.model-stages li{flex:1 1 130px;min-width:120px;display:grid;align-content:start;row-gap:2px;padding:10px 22px 10px 12px;border-top:2px solid var(--accent);position:relative;font-size:12.5px;line-height:1.5}
.model-stages li:not(:last-child)::after{content:'→';position:absolute;right:4px;top:9px;color:var(--mute)}
.model-stages .stage{font-weight:700}
.model-stages .count{color:var(--mute);font-size:11.5px}
.model-stages .how{font-size:11.5px}
/* The strip's links, behind one button */
.plus-more{position:relative;display:inline-flex}
.strip-links .plus-more-button{border:0;background:var(--bg);color:var(--ink);width:32px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;font:700 16px/1 var(--mono);cursor:pointer}
.strip-links .plus-more-button:hover,.strip-links .plus-more-button[aria-expanded="true"]{color:var(--accent)}
.plus-more-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:50;min-width:170px;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--ink);padding:4px 0}
.plus-more-menu[hidden]{display:none}
.strip-links .plus-more-menu a,.strip-links .plus-more-menu button{display:block;text-align:left;padding:7px 12px;color:var(--ink);text-decoration:none;border:0;background:none;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;white-space:nowrap}
.strip-links .plus-more-menu a:hover,.strip-links .plus-more-menu button:hover{background:var(--accent-soft)}

/* Project: hovering over the Project tab drops down its parts; the part picked fills the page */
.tab-menu{position:relative;display:inline-flex;align-self:stretch}
.tab-list{display:none;position:absolute;top:100%;left:0;z-index:60;min-width:170px;flex-direction:column;background:var(--bg);border:1px solid var(--ink);padding:4px 0}
.tab-menu:hover .tab-list,.tab-menu:focus-within .tab-list,.tab-menu.open .tab-list{display:flex}
.runnav .tab-list a{display:block;height:auto;padding:8px 14px;color:var(--ink);background:none;font-weight:400}
.runnav .tab-list a:hover{background:rgba(20,20,20,.04)}
.runnav .tab-list a{display:flex;align-items:center;gap:8px}
.tab-list .pulse,.tab-menu>a .pulse{margin:0 0 0 8px;width:7px;height:7px}
.tab-menu>a[aria-current=page] .pulse{background:#fff}
.next{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:16px;font-size:13px}
.next p{margin:0;color:var(--mute)}
.more{font-size:12.5px;color:var(--mute);margin:10px 0 0}.more a{color:var(--ink)}
/* Results */
.ladder{display:flex;flex-wrap:wrap;gap:10px 32px;margin:12px 0 0}
.ladder dt{font-size:12px;color:var(--mute)}
.ladder dd{margin:2px 0 0;font:700 15px/1.4 var(--mono)}
.verdict{margin:16px 0 0;font-size:13.5px}
.options{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}
.options td{padding:9px 0;border-bottom:1px solid var(--rule-soft);vertical-align:middle}
.options td.n{text-align:right;white-space:nowrap;padding-left:16px}
.options td.meter{width:32%;padding-left:16px}
.options i{display:block;height:9px;background:var(--accent)}
.options tr.base td{font-weight:700}
.options .muted{color:var(--mute)}

/* Research */
.research{list-style:none;margin:8px 0 0;padding:0}
.research li{padding:10px 0;border-bottom:1px solid var(--rule-soft);font-size:13px;line-height:1.55}
.research .r-head{display:flex;justify-content:space-between;gap:16px}
.research .r-value{white-space:nowrap;font-weight:700;text-align:right}
.research p{margin:3px 0 0;color:var(--mute);font-size:12px;overflow-wrap:anywhere}
.research p a{color:var(--ink)}
.part .plus-table td.num{white-space:normal}
.part{overflow-wrap:anywhere}

/* Model: modules wired together; a module opens onto its components */
.mgraph{position:relative;margin-top:14px;border:1px solid var(--rule-soft);height:max(540px,calc(100vh - 280px));display:flex;overflow:hidden}
.mgraph-view{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}
.mgraph-bar{display:flex;align-items:center;gap:14px;min-height:38px;padding:6px 150px 6px 14px;border-bottom:1px solid var(--rule-soft);font-size:12.5px;color:var(--mute)}
.mgraph-bar b{color:var(--ink)}
.mgraph-bar button{border:1px solid var(--ink);background:var(--bg);font:700 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;cursor:pointer;color:var(--ink);flex:none}
.mgraph-bar button:hover{background:var(--accent-soft)}
.mgraph svg{display:block;flex:1;width:100%;min-height:0;cursor:grab;touch-action:none;font-family:var(--mono)}
.mgraph svg.panning{cursor:grabbing}
.mgraph marker path{fill:#a9a292}
.mgraph .wire path{fill:none;stroke:#b9b2a2;stroke-width:1.2}
.mgraph .wire-tag rect{fill:var(--bg);stroke:var(--rule-soft)}
.mgraph .wire-tag text{font-size:10.5px;fill:var(--mute)}
.mgraph svg.focus .wire-tag{opacity:.2}
.mgraph svg.focus .wire-tag.lit{opacity:1}
.mgraph .box{cursor:pointer}
.mgraph .box .face{fill:var(--bg);stroke:var(--ink);stroke-width:1}
.mgraph .box .stack{fill:var(--bg);stroke:var(--ink);stroke-width:.8}
.mgraph .box .edge{fill:var(--accent);stroke:none}
.mgraph .box text{font-size:11.5px;fill:var(--ink)}
.mgraph .box text.name{font-size:13px;font-weight:700}
.mgraph .box text.sum,.mgraph .box text.meta,.mgraph .box text.sites{font-size:10.5px;fill:var(--mute)}
.mgraph .box text.fig{font-size:11.5px;font-weight:700}
.mgraph .module.result .face{stroke-width:2.2}
.mgraph .module:hover .face,.mgraph .node:hover .face{fill:var(--accent-soft)}
.mgraph .module.planned .face{stroke-dasharray:5 4;stroke:var(--mute)}
.mgraph .module.planned{cursor:default}
.mgraph .draft .face{stroke-dasharray:6 3}
.mgraph .module.planned .edge{fill:var(--rule-soft)}
.mgraph .stub .face{fill:none;stroke:var(--mute);stroke-dasharray:4 3}
.mgraph .stub:hover .face{stroke:var(--accent)}
.mgraph .node.input .face{stroke-dasharray:4 3;stroke:var(--mute)}
.mgraph .node.end .face{stroke-width:2.2}
.mgraph .node.bad .face{stroke:#a35a28}
.mgraph svg.focus .box{opacity:.28}
.mgraph svg.focus .wire{opacity:.2}
.mgraph svg.focus .box.lit,.mgraph svg.focus .wire.lit{opacity:1}
.mgraph .wire.lit path{stroke:var(--accent);stroke-width:1.8}
.mgraph .box.picked .face{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2}
.mgraph-tools{position:absolute;right:10px;top:5px;display:flex;gap:4px}
.mgraph-bar[hidden]{display:none}
.mgraph-tools a{border:1px solid var(--ink);background:var(--bg);font:700 12px/26px var(--mono);height:28px;padding:0 8px;color:var(--ink);text-decoration:none;box-sizing:border-box}
.mgraph-tools a:hover{background:var(--accent-soft)}
.mgraph-tools button{border:1px solid var(--ink);background:var(--bg);font:700 12px/1 var(--mono);min-width:30px;height:28px;padding:0 8px;cursor:pointer}
.mgraph-tools button:hover{background:var(--accent-soft)}
.mgraph-detail{width:380px;flex:none;border-left:1px solid var(--ink);overflow-y:auto;padding:16px 18px 24px;font-size:12.5px;line-height:1.6;background:var(--bg);position:relative}
.mgraph-detail[hidden]{display:none}
.mgraph-detail .close{position:absolute;right:10px;top:8px;border:0;background:none;font:400 20px/1 var(--mono);cursor:pointer;color:var(--mute)}
.mgraph-detail .tag{margin:0;color:var(--mute);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.mgraph-detail h3{margin:4px 24px 10px 0;font:700 14px/1.5 var(--mono)}
.mgraph-detail h4{margin:16px 0 4px;padding-bottom:6px;border-bottom:1px solid var(--ink);font:700 10.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.mgraph-detail ul{list-style:none;margin:0;padding:0}
.mgraph-detail li{padding:7px 0;border-bottom:1px solid var(--rule-soft)}
.mgraph-detail li span{display:block}
.mgraph-detail li b{display:block;overflow-wrap:anywhere}
.mgraph-detail li p{margin:2px 0 0;color:var(--mute);font-size:11.5px;overflow-wrap:anywhere}
.mgraph-detail li a,.mgraph-detail .explain a{color:var(--ink)}
.mgraph-detail .muted{color:var(--mute);font-size:11.5px}
.mgraph-detail .explain p{margin:0 0 8px}
.mgraph-detail .links{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}
.mgraph-detail .links button{border:1px solid var(--rule-soft);background:none;font:inherit;font-size:11.5px;padding:3px 7px;cursor:pointer;text-align:left}
.mgraph-detail .links button span{color:var(--mute)}
.mgraph-detail .links button:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:800px){.mgraph{height:75vh;flex-direction:column}.mgraph-detail{width:auto;max-height:50%;border-left:0;border-top:1px solid var(--ink)}.mgraph-bar{padding-right:120px}}

/* Progress: a tracker of connected steps, then the log folded */
.track{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:22px 0 8px;padding:0}
.track li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:12.5px;color:var(--mute)}
.track li:not(:first-child)::before{content:'';position:absolute;top:12px;right:calc(50% + 16px);left:calc(-50% + 16px);height:2px;background:var(--rule-soft)}
.track li.done::before,.track li.current::before,.track li.stopped::before{background:var(--accent)}
.track .dot{width:26px;height:26px;border-radius:50%;border:2px solid var(--rule-soft);background:var(--bg);display:flex;align-items:center;justify-content:center;font:700 12px/1 var(--mono);color:#fff;box-sizing:border-box}
.track li.done .dot{background:var(--accent);border-color:var(--accent)}
.track li.current .dot{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.track li.current .dot::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--accent);animation:plus-pulse 1.4s ease-in-out infinite}
.track li.stopped .dot{background:#a35a28;border-color:#a35a28}
.track .label{margin-top:8px;font-weight:700;color:var(--ink)}
.track li.pending .label{font-weight:400;color:var(--mute)}
.track .time{font-size:11.5px;min-height:1.4em}
.log{margin-top:26px}
.log summary{font:700 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:8px 0;border-bottom:1.5px solid var(--ink)}
.research .r-when{white-space:nowrap;color:var(--mute);font-size:11.5px}
.research li.source{display:block}
.research li.source .muted{display:block;color:var(--mute);font-size:12px}
.part .plus-section.first{margin-top:0}
@media(max-width:640px){.track{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:18px}.track li:nth-child(5)::before{display:none}}

/* Canvas pages (Model, Where): the question on one line, then the canvas edge to edge */
body.full-bleed .plus-page{padding:0}
body.full-bleed .plus-sheet{max-width:none}
.full-canvas{position:relative}
.full-canvas .mgraph{margin:0;border:0;height:100%}
.full-canvas .plus-map{margin:0;border:0;height:100%}
.full-canvas>.empty{padding:24px 28px}
.mgraph-tools{position:absolute;right:12px;top:8px;z-index:5}
.mgraph .plus-more-button{border:0;background:transparent;color:var(--ink);width:32px;height:28px;padding:0;font:700 18px/1 var(--mono);cursor:pointer}
.mgraph .plus-more-button:hover,.mgraph .plus-more-button[aria-expanded="true"]{color:var(--accent)}
.mgraph .plus-more-menu a,.mgraph .plus-more-menu button{display:block;text-align:left;padding:7px 12px;color:var(--ink);text-decoration:none;border:0;background:none;font:400 12px/1.4 var(--mono);cursor:pointer;white-space:nowrap}
.mgraph .plus-more-menu a:hover,.mgraph .plus-more-menu button:hover{background:var(--accent-soft)}
.mgraph-bar{padding-right:60px}
.full-canvas .maplibregl-ctrl-group{box-shadow:none;border:0;background:transparent}
.full-canvas .maplibregl-ctrl-group button{background-color:transparent}
.full-canvas .maplibregl-ctrl-group button+button{border-top:0}


.plus-section.part{margin-top:18px}

/* The breadcrumb after the Project tab */
.tab-menu>a{gap:0}
.crumb{display:inline-flex;align-items:center;overflow:hidden;white-space:nowrap}
.crumb .sep{margin:0 8px;font-weight:400}
.crumb-text{display:inline-block}

/* Files sit above the message box; Attach sits beside Send */
.files .failed{color:var(--red);font-size:12px}

/* Chat: the conversation fills the window above a message box pinned to its foot */
.talk{display:flex;flex-direction:column;min-height:420px}
.talk .thread{flex:1;min-height:0;overflow-y:auto;margin:0;padding:8px 4px 16px}
.turn{margin:0 0 20px;font-size:15px;line-height:1.7}
.turn p{margin:0;white-space:pre-wrap}
.turn.you{display:flex;justify-content:flex-end}
.turn.you p{max-width:78%;background:var(--accent-soft);padding:10px 14px;border-radius:0}
.turn.agent p{max-width:92%}
.turn .who{display:block;font:700 10.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.turn.review{background:var(--surface);padding:12px 14px;border:1px solid var(--ink)}
.turn.action{text-align:center}
.turn.action p{display:inline-block;color:var(--mute);font-size:13.5px}
.turn.error p{color:var(--red)}
.typing{display:inline-flex;gap:5px;padding:6px 0}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--mute);animation:typing 1.2s ease-in-out infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}

.composer{border:1.5px solid var(--ink);border-radius:0;background:var(--bg);padding:10px 10px 8px 16px;margin-top:10px}
.composer[hidden]{display:none}
.composer:focus-within{border-color:var(--accent)}
.composer textarea{display:block;width:100%;border:0;outline:none;background:none;resize:none;padding:4px 0;min-height:26px;max-height:220px;font:inherit;font-size:15px;line-height:1.6;box-shadow:none}
.composer-bar{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.composer .icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:0;border:0;padding:0;background:none;color:var(--ink);cursor:pointer}
.composer .icon svg{width:18px;height:18px}
.composer .attach:hover{background:var(--accent-soft)}
.composer .attach input{display:none}
.composer .send{margin-left:auto;background:var(--ink);color:var(--bg)}
.composer .send:disabled{background:var(--rule);color:var(--bg);cursor:default}
.composer .files{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.composer .files li{padding:4px 4px 4px 10px;border:1px solid var(--rule);border-radius:0;gap:6px;align-items:center;font-size:12.5px}
.composer .files li button{margin:0;text-decoration:none;font-size:15px;line-height:1;padding:0 4px;color:var(--ink)}
.follow-up .composer{margin-top:0}
.auth .agree{margin:14px 0 0;font-size:13px}.auth .agree a{color:var(--ink)}

/* Terms and Privacy Policy */
.legal{max-width:720px;margin:0 auto;padding:28px 0 80px;font-size:13.5px;line-height:1.75}
.legal h1{font:700 18px/1.4 var(--mono);margin:0 0 4px}
.legal h2{font:700 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:44px 0 0;padding-bottom:10px;border-bottom:1.5px solid var(--ink)}
.legal h3{font:700 13.5px/1.5 var(--mono);margin:22px 0 4px}
.legal p,.legal ul{margin:0 0 10px}
.legal ul{padding-left:20px}

/* The project's name leads the tab row; clicking it renames the project */
.memo-head .strip{position:relative}
.strip-name{position:absolute;left:50%;top:0;transform:translateX(-50%);max-width:36%;display:flex;align-items:center;pointer-events:none}
.strip-name h1{pointer-events:auto}
.strip-name h1{margin:0;font:700 12.5px/34px var(--mono);letter-spacing:0;text-transform:none;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strip-name h1.renamable{cursor:text}
.strip-name h1.renamable:hover{color:var(--accent)}
.strip-name h1[contenteditable=true],.strip-name h1[contenteditable=plaintext-only]{outline:none;color:var(--ink);text-overflow:clip;box-shadow:inset 0 -1px 0 var(--accent)}
@media(max-width:700px){.strip-name{display:none}}
.badge{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-left:8px;flex:none}
.tab-menu>a[aria-current=page] .badge{background:#fff}
.tab-list .badge{margin-left:auto}

/* Row menus and the confirm box */
.plus-table td.row-menu{width:36px;text-align:right;padding-right:0}
.row-menu .plus-more{position:relative;display:inline-block}
.row-menu .plus-more-button{border:0;background:none;font:inherit;font-size:16px;line-height:1;padding:4px 8px;cursor:pointer;color:var(--ink)}
.row-menu .plus-more-menu{position:absolute;right:0;top:100%;z-index:40;background:var(--bg);border:1px solid var(--ink);padding:4px 0;min-width:190px}
.row-menu .plus-more-menu button{display:block;width:100%;text-align:left;padding:7px 12px;border:0;background:none;font:inherit;color:var(--ink);cursor:pointer;white-space:nowrap}
.row-menu .plus-more-menu button.danger{color:var(--red)}
.row-menu .plus-more-menu button:hover{background:var(--accent-soft)}
dialog.confirm-box{border:1.5px solid var(--ink);border-radius:0;padding:22px 24px;max-width:420px;width:calc(100% - 32px);background:var(--bg);color:var(--ink)}
dialog.confirm-box::backdrop{background:rgba(20,20,20,.35)}
.confirm-box h2{margin:0 0 8px;font:700 14.5px/1.5 var(--mono)}
.confirm-box p{margin:0 0 18px;font-size:13.5px;line-height:1.6}
.confirm-actions{display:flex;justify-content:flex-end;gap:10px}
.go.danger{background:var(--red);border-color:var(--red);color:#fff}
.go.danger:hover:not(:disabled){background:transparent;color:var(--red)}

/* The Project menu: Chat, then the project's stages as a timeline. One meaning per signal: the page you are on is a
   shaded row in bold; progress is black (done filled, current a ring that pulses while work runs, later grey); blue
   only ever means it needs you; red means stopped. */
.strip-status{display:flex;align-items:center;margin-left:auto;flex:none}
.tab-sep{display:none}

.tab-list{min-width:250px}
.runnav .tab-list a[aria-current=true],.runnav .tab-list a[aria-current=true]:hover{color:var(--ink);font-weight:700;background:rgba(20,20,20,.08)}
.runnav .tab-list .tl{position:relative;display:flex;align-items:flex-start;gap:12px;padding:8px 14px;color:var(--ink)}
.tab-list .tl:not(:last-child):not(.chat)::after{content:'';position:absolute;left:18px;top:24px;bottom:-8px;width:1.5px;background:var(--rule)}
.tab-list .tl.done::after{background:var(--accent)}
.tab-list .tl .node{width:9px;height:9px;margin-top:3px;border-radius:50%;border:1.5px solid var(--rule);box-sizing:border-box;flex:none;background:var(--bg);position:relative;z-index:1}
.tab-list .tl.done .node{background:var(--accent);border-color:var(--accent)}
.tab-list .tl.now .node{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.tab-list .tl.now.live .node{animation:plus-pulse 1.4s ease-in-out infinite}
.tab-list .tl.now.stopped .node{background:var(--red);border-color:var(--red);box-shadow:none}
.tab-list .tl-text{display:flex;flex-direction:column;gap:2px}
.tab-list .tl .tn{font-weight:400;text-transform:none;letter-spacing:0;font-size:12.5px;color:var(--accent)}
.tab-list .tl.now.stopped .tn{color:var(--red)}
.tab-list .tl.later,.tab-list .tl.off{color:var(--mute)}
.tab-list .tl.off{cursor:default}
.runnav .tab-list span.tl:hover{background:none}
.tab-list .tl .badge{margin-top:3px}

/* A step the agent offers, drawn by the app under its message */
.offer-card{border:1.5px solid var(--ink);border-radius:0;padding:14px 16px;margin:0 0 20px;max-width:640px}
.offer-card p{margin:0 0 12px;font-size:14px;line-height:1.6}
.offer-actions{display:flex;justify-content:flex-end;gap:10px}
.go-to{display:flex;justify-content:flex-end;margin-top:8px}
.go-to .ghost{padding:7px 14px;font-size:10.5px}
.confirm-box input{display:block;width:100%;box-sizing:border-box;margin:4px 0 18px;padding:9px 10px;font:inherit;font-size:14px;border:1.5px solid var(--ink);border-radius:0;background:var(--bg)}

.runnav .tab-list span.tl{cursor:default}
.runnav .tab-list span.tl:hover{background:none}
.review-next{justify-content:flex-end;margin-top:18px}
.part-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:28px 0 0}
.part-actions .ghost,.part-actions .go{padding:9px 16px}
body.full-bleed .part-actions{margin:0;padding:10px 28px}
.tab-list .tl-text>span:first-child{line-height:15px}
.tab-list .tl .tn{line-height:16px}
.tab-list .tl .node{margin-top:2px}

/* Calls to action: dark blue, white type */
:root{--cta:var(--accent)}
.go{background:var(--cta);border-color:var(--cta);color:#fff}
.go:hover:not(:disabled){background:var(--cta);border-color:var(--cta);color:#fff;filter:brightness(.9)}
.composer .send{background:var(--cta);color:#fff}
.composer .send:hover:not(:disabled){filter:brightness(.9)}

/* The round down arrow back to where the action is */
.talk{position:relative}
.to-latest{position:absolute;left:50%;bottom:150px;transform:translateX(-50%);z-index:20;width:36px;height:36px;border-radius:0;border:0;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
body>.to-latest{position:fixed;bottom:28px}
.to-latest[hidden]{display:none}
.to-latest svg{width:18px;height:18px}
.to-latest:hover{filter:brightness(.9)}
.tab-list .tl.chat .node{border-color:var(--ink)}
.tab-list .tl.chat.live .node{background:var(--accent);border-color:var(--accent);animation:plus-pulse 1.4s ease-in-out infinite}
.tab-list .tl.chat{margin-bottom:4px}

/* Research: the model's numbers, grouped by the part that uses them; each opens to its source and reason */
.numbers{list-style:none;margin:0;padding:0}
.numbers li{border-bottom:1px solid var(--rule-soft)}
.numbers summary{display:flex;align-items:baseline;gap:16px;padding:12px 0;cursor:pointer;list-style:none;font-size:14px}
.numbers summary::-webkit-details-marker{display:none}
.numbers summary::before{content:'›';color:var(--accent);font-weight:700;transition:transform .15s;display:inline-block;width:10px;flex:none}
.numbers details[open] summary::before{transform:rotate(90deg)}
.numbers summary:hover .n-label{color:var(--accent)}
.numbers .n-label{flex:1;min-width:0}
.numbers .n-value{flex:none;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.numbers .n-range{display:block;font-weight:400;color:var(--mute);font-size:12.5px}
.numbers dl{display:grid;grid-template-columns:90px 1fr;gap:6px 14px;margin:0 0 14px 26px;font-size:13.5px;line-height:1.6}
.numbers dt{font-weight:700}
.numbers dd{margin:0;overflow-wrap:anywhere}
.numbers dd a{color:var(--accent)}