:root{--paper:#faf7f2;--surface:#fff;--ink:#1a2030;--ink-soft:#5a6478;--ink-faint:#8b93a3;--line:#e5e0d8;--line-strong:#cfc8bc;--accent:#178a50;--accent-ink:#06341c;--accent-soft:#e7f6ee;--accent-deep:#0d5c34;--btn-primary-bg:var(--accent-deep);--btn-primary-ink:#fff;--btn-primary-line:var(--accent-deep);--stage-new:#7c89a3;--stage-new-soft:#edeff4;--stage-new-ink:#4d5872;--stage-proposed:#3f5ea8;--stage-proposed-soft:#e8edfa;--stage-proposed-ink:#2f4c8f;--stage-won:#2e8b62;--stage-lost:#b4646c;--stage-lost-soft:#fbeced;--stage-neutral:#a9a396;--danger:#b4342c;--danger-soft:#fdeceb;--danger-ink:#8f3b43;--danger-line:#f0c4c1;--ok:#2e8b62;--ok-soft:#e8f5ee;--ok-ink:#1f5f43;--ok-line:#bfe0cd;--chip-bg:#eef0f4;--surface-sunken:#0000000a;--radius:10px;--radius-sm:6px;--shadow:0 1px 2px #1a20300f, 0 1px 8px #1a20300a;--font-text:"IBM Plex Sans Thai", "Noto Sans Thai", system-ui, sans-serif;--font-data:"IBM Plex Mono", ui-monospace, monospace}[data-theme=sales]{--accent:#178a50;--accent-ink:#06341c;--accent-soft:#e7f6ee;--accent-deep:#0d5c34;--btn-primary-bg:var(--accent-deep);--btn-primary-ink:#fff;--btn-primary-line:var(--accent-deep)}[data-theme=technician]{--accent:#1f6fd6;--accent-ink:#0a2a55;--accent-soft:#e8f1fd;--accent-deep:#134a92;--btn-primary-bg:var(--accent-deep);--btn-primary-ink:#fff;--btn-primary-line:var(--accent-deep)}[data-theme=customer]{--accent:#e8731a;--accent-ink:#4a2405;--accent-soft:#fdefe2;--accent-deep:#a94f0d;--btn-primary-bg:var(--accent-deep);--btn-primary-ink:#fff;--btn-primary-line:var(--accent-deep)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.6}.shell{max-width:640px;margin:0 auto;padding:0 0 96px}.topbar{z-index:10;background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.backlink{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:44px;height:44px;color:var(--ink);flex:none;justify-content:center;align-items:center;font-size:18px;line-height:1;text-decoration:none;display:inline-flex}.backlink:active{background:var(--paper)}.page{padding:16px}.status{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);margin:0 0 14px;padding:10px 12px;font-size:14px}.status:empty{display:none}.status[data-tone=ok]{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok-ink)}.status[data-tone=error]{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 14px 14px 20px;position:relative;overflow:hidden}.card:before{content:"";background:var(--stage-neutral);width:4px;position:absolute;top:0;bottom:0;left:0}.card[data-stage=new]:before{background:var(--stage-new)}.card[data-stage=proposed]:before,.card[data-stage=sent]:before{background:var(--stage-proposed)}.card[data-stage=won]:before,.card[data-stage=accepted]:before,.card[data-stage=contact]:before{background:var(--stage-won)}.card[data-stage=lost]:before,.card[data-stage=rejected]:before{background:var(--stage-lost)}.card[data-stage=lead]:before,.card[data-stage=draft]:before{background:var(--stage-new)}.card[data-stage=issued]:before,.card[data-stage=partially_paid]:before{background:var(--stage-proposed)}.card[data-stage=paid]:before{background:var(--stage-won)}.card[data-stage=void]:before{background:var(--stage-lost)}.card[data-overdue=true]:before{background:var(--danger)}.card-title{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:16px;font-weight:600;display:flex}.code{font-family:var(--font-data);color:var(--ink-soft);letter-spacing:-.01em;font-size:13px}.card-meta{color:var(--ink-soft);margin-top:4px;font-size:14px;display:block}.card-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.badge{background:var(--chip-bg);color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12.5px;font-weight:500;line-height:1.5;display:inline-block}.badge[data-stage=new],.badge[data-stage=lead],.badge[data-stage=draft]{background:var(--stage-new-soft);color:var(--stage-new-ink)}.badge[data-stage=proposed],.badge[data-stage=sent]{background:var(--stage-proposed-soft);color:var(--stage-proposed-ink)}.badge[data-stage=won],.badge[data-stage=accepted],.badge[data-stage=contact]{background:var(--ok-soft);color:var(--ok-ink)}.badge[data-stage=lost],.badge[data-stage=rejected]{background:var(--stage-lost-soft);color:var(--danger-ink)}.badge[data-stage=issued],.badge[data-stage=partially_paid]{background:var(--stage-proposed-soft);color:var(--stage-proposed-ink)}.badge[data-stage=paid]{background:var(--ok-soft);color:var(--ok-ink)}.badge[data-stage=void],.badge[data-stage=overdue]{background:var(--danger-soft);color:var(--danger-ink)}.money-line{font-family:var(--font-data);white-space:nowrap}.btn{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn[data-variant=primary]{background:var(--btn-primary-bg);border-color:var(--btn-primary-line);color:var(--btn-primary-ink);font-weight:600}.btn[data-variant=quiet]{color:var(--ink-soft);background:0 0;border-color:#0000;padding-left:6px;padding-right:6px}.btn:focus-visible{outline:2px solid var(--stage-proposed);outline-offset:2px}.field{margin-bottom:14px;display:block}.field>span{color:var(--ink-soft);margin-bottom:5px;font-size:13.5px;font-weight:500;display:block}.field input,.field textarea,.field select{font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);padding:10px 12px;font-size:16px}.field input:disabled,.field textarea:disabled,.field select:disabled{background:var(--chip-bg);color:var(--ink-soft);cursor:not-allowed}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--stage-proposed);outline-offset:-1px;border-color:var(--stage-proposed)}.field .hint,.fields .hint{color:var(--ink-soft);margin-top:5px;font-size:13px;font-weight:400;display:block}.field-mono input{font-family:var(--font-data);letter-spacing:.02em}.signature-pad{border:1px dashed var(--accent);touch-action:none;background:#fff;border-radius:12px;width:100%;height:220px;display:block}.signature-preview{object-fit:contain;border:1px solid var(--line,#ddd);background:#fff;border-radius:8px;max-width:100%;height:90px;padding:6px;display:block}.photo-strip{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.photo-strip img{object-fit:cover;border:1px solid var(--line,#ddd);border-radius:8px;width:72px;height:72px}.guide{margin:0;padding:0;list-style:none}.guide-step h2{align-items:center;gap:10px;display:flex}.guide-no{background:var(--accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-flex}.guide-image{border-radius:12px;width:100%;margin:8px 0 10px;display:block}.guide-step code{background:var(--soft,#f3f3f3);border-radius:6px;padding:2px 6px}.guide-lead{color:var(--ink-soft);margin:0 0 10px}.guide-how{gap:10px;max-width:62ch;margin:0 0 12px;padding:0;list-style:none;display:grid}.guide-how li{padding-left:18px;line-height:1.6;position:relative}.guide-how li:before{content:"•";color:var(--accent);position:absolute;left:4px}.guide-how li.guide-group{color:var(--ink);margin-top:6px;padding-left:0;font-weight:600}.guide-how li.guide-group:before{content:none}.guide-type{color:var(--ink-soft);overflow-wrap:anywhere;margin-top:3px;font-size:14px;display:block}.page-intro{color:var(--ink-soft);margin:0 0 16px;font-size:14.5px}.flow-summary{white-space:pre-wrap;font:inherit;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);margin:0;padding:12px 14px;font-size:14.5px;line-height:1.55}fieldset.group{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0 0 14px;padding:14px}fieldset.group legend{color:var(--ink-soft);padding:0 6px;font-size:13.5px;font-weight:600}.check{align-items:center;gap:9px;font-size:15px;display:flex}.check input{flex:none;width:20px;height:20px}.empty{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-soft);background:var(--surface);padding:36px 20px}.empty p{margin:0 0 14px}.tiles{grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:100%;color:inherit;box-shadow:var(--shadow);flex-direction:column;min-height:104px;padding:16px 14px;text-decoration:none;display:flex}.tile:active{background:var(--accent-soft)}.tile h2{margin:0 0 4px;font-size:16px;font-weight:600}.tile p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.45}.tile[aria-disabled=true]{opacity:.55;box-shadow:none}.callout{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:14.5px;display:flex}.callout[data-tone=ok]{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok-ink)}.callout[data-tone=warn]{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-ink)}.callout .dot{background:currentColor;border-radius:50%;flex:none;width:9px;height:9px;margin-top:7px}.count{font-family:var(--font-data);color:var(--ink-faint);margin:0 0 12px;font-size:13px}.footnote{color:var(--ink-faint);margin-top:22px;font-size:13px;line-height:1.5}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.btn:active:not(:disabled){transform:none}}.spinner{vertical-align:-1px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:13px;height:13px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{border-top-color:var(--line-strong);opacity:.6;animation:none}}.record-head{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:18px;position:relative;overflow:hidden}.record-head:before{content:"";background:var(--stage-neutral);width:4px;position:absolute;top:0;bottom:0;left:0}.record-head[data-stage=new]:before,.record-head[data-stage=lead]:before,.record-head[data-stage=draft]:before{background:var(--stage-new)}.record-head[data-stage=proposed]:before,.record-head[data-stage=sent]:before{background:var(--stage-proposed)}.record-head[data-stage=won]:before,.record-head[data-stage=accepted]:before,.record-head[data-stage=contact]:before{background:var(--stage-won)}.record-head[data-stage=lost]:before,.record-head[data-stage=rejected]:before{background:var(--stage-lost)}.record-title{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 6px;font-size:20px;font-weight:600;line-height:1.3;display:flex}.record-sub{color:var(--ink-soft);margin:0;font-size:13.5px}.section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}.section-head{border-bottom:1px solid var(--line);background:#faf7f280;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.section-head h2{color:var(--ink-soft);letter-spacing:.01em;margin:0;font-size:14px;font-weight:600}.fields{margin:0;padding:4px 16px 12px}.field-row{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:10px 0;font-size:15px;display:flex}.field-row:last-child{border-bottom:none}.field-row dt{color:var(--ink-soft);flex:0 0 108px;font-size:13.5px}.field-row dt label{cursor:pointer}.field-row dd{word-break:break-word;flex:1;min-width:0;margin:0}.field-row dd[data-empty=true]{color:var(--ink-faint)}.field-row input,.field-row textarea,.field-row select{font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);width:100%;min-height:44px;color:var(--ink);padding:10px 12px;font-size:16px}.field-row input:focus,.field-row textarea:focus{outline:2px solid var(--stage-proposed);outline-offset:-1px}.related-head{justify-content:space-between;align-items:baseline;margin:22px 0 10px;display:flex}.related-head h2{margin:0;font-size:15px;font-weight:600}.related-count{font-family:var(--font-data);color:var(--ink-faint);font-size:12.5px}.row-link{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.row-link .row-body{flex:1;min-width:0}button.row-link{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0}.filter-check{align-items:center;gap:8px;min-height:44px;font-size:16px;display:flex}.filter-check input{width:22px;height:22px}.row-link:after{content:"›";color:var(--ink-faint);flex:none;font-size:22px;line-height:1}.card:active .row-link:after{color:var(--accent-deep)}.totals{border-top:1px solid var(--line-strong);background:#faf7f280;justify-content:space-between;align-items:baseline;padding:12px 16px;font-size:15px;display:flex}.totals strong{font-family:var(--font-data);font-size:17px}.actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.actions .btn[data-variant=primary]{flex:100%}@media (min-width:420px){.actions .btn[data-variant=primary]{flex:0 auto}}.pipeline{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:18px 20px}.pipeline-figures{flex-wrap:wrap;gap:28px;display:flex}.pipeline-figures>div{flex-direction:column;gap:2px;display:flex}.pipeline-value{font-family:var(--font-data);letter-spacing:-.01em;font-size:26px;font-weight:600;line-height:1.1}.pipeline-label{color:var(--ink-soft);font-size:12.5px}.info-note{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--stage-proposed);border-radius:var(--radius);margin-bottom:16px;padding:14px 16px;font-size:14px}.info-note p{color:var(--ink-soft);margin:0 0 8px}.info-note ul{margin:0;padding-left:20px}.info-note code{font-family:var(--font-data);font-size:12.5px}.picker{position:relative}.picker input{width:100%}.picker-options{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-height:220px;box-shadow:var(--shadow);margin:4px 0 0;padding:4px;list-style:none;overflow-y:auto}.picker-options li{margin:0}.picker-options button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px 10px;display:block}.picker-options button:hover,.picker-options button:focus-visible{background:var(--surface-sunken)}.picker-empty{color:var(--ink-faint);padding:9px 10px;font-size:13px}.picker-chosen{justify-content:space-between;align-items:center;gap:10px;display:flex}.list-controls{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 12px;padding:12px 14px 14px}.list-controls label,.filter-row label{min-width:0;color:var(--ink-soft);flex-direction:column;gap:5px;font-size:13px;font-weight:500;display:flex}.list-controls select,.list-controls input{font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);width:100%;min-height:44px;color:var(--ink);padding:9px 12px;font-size:16px}.list-controls select:focus,.list-controls input:focus{outline:2px solid var(--stage-proposed);outline-offset:-1px}.filter-head{align-items:end;gap:10px;display:flex}.filter-head>label{flex:auto}.filter-toggle{flex:none;gap:8px}.filter-count{background:var(--paper);min-width:20px;height:20px;color:var(--accent-deep);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.filter-panel{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .2s,visibility 0s linear .2s;display:grid}.filter-panel[data-open=true]{visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .2s,visibility}.filter-panel-body{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px 12px;min-height:0;display:grid;overflow:hidden}.filter-panel[data-open=true] .filter-panel-body{padding-top:12px}.filter-row{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px 12px;display:grid}.filter-panel-body>.btn,.filter-row>.btn{place-self:end start}@media (prefers-reduced-motion:reduce){.filter-panel,.filter-panel[data-open=true]{transition:none}}.chat-thread{max-height:60vh;overflow-y:auto}.chat-line[data-sender=customer]{border-left:3px solid #e8731a}.chat-line[data-sender=agent]{border-left:3px solid #178a50}.card-button{all:unset;cursor:pointer;width:100%;display:block}.card[data-selected=true]{outline:2px solid var(--accent,#178a50)}.shell[data-wide=true]{max-width:1080px}.chat-layout{grid-template-columns:minmax(0,1fr);gap:12px;min-height:calc(100dvh - 140px);display:grid}@media (min-width:760px){.chat-layout{grid-template-columns:320px minmax(0,1fr);align-items:stretch;height:calc(100dvh - 150px);min-height:480px}.chat-rows{flex:1;min-height:0}.chat-scroll{max-height:none}[data-phone-only=true]{display:none}}@media (max-width:759px){.chat-list[data-hidden-on-phone=true],.chat-layout:not([data-thread-open=true]) .chat-thread-pane{display:none}html[data-chat-open=true],html[data-chat-open=true] body{height:100%;overflow:hidden}.chat-layout[data-thread-open=true] .chat-thread-pane{z-index:30;width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0;position:fixed;top:0;left:0}.chat-layout[data-thread-open=true] .chat-thread-head{padding-top:calc(10px + env(safe-area-inset-top,0px))}.chat-layout[data-thread-open=true] .chat-scroll{min-height:0;max-height:none}.chat-layout[data-thread-open=true] .chat-composer{position:static}}.chat-list,.chat-thread-pane{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;min-height:0;display:flex}.chat-tabs{border-bottom:1px solid var(--line);gap:4px;padding:8px;display:flex}.chat-tabs button{font:inherit;min-height:40px;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.chat-tabs button[data-active=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-soft)}.chat-tabs button:focus-visible,.chat-row:focus-visible,.chat-composer textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.chat-rows{margin:0;padding:0;list-style:none;overflow-y:auto}.setting-row{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;padding:10px 0;display:flex}.setting-row>input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent);cursor:pointer;flex:none;margin:2px 0 0}.setting-text{flex-direction:column;gap:4px;min-width:0;display:flex}.setting-name{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.setting-row .hint{margin:0}.chat-row-skeleton{pointer-events:none;cursor:default}.skeleton-block,.skeleton-line{background:linear-gradient(90deg, var(--line) 0%, var(--surface-2,var(--line)) 50%, var(--line) 100%);background-size:200% 100%;border-radius:6px;animation:1.2s ease-in-out infinite skeleton-sweep;display:block}.skeleton-block{border-radius:50%}.skeleton-line{height:11px;margin:6px 0}.chat-loading-note{color:var(--ink-soft);padding:4px 14px 14px;font-size:13px}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-block,.skeleton-line{background:var(--line);animation:none}}.chat-row{font:inherit;text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:0 0;align-items:flex-start;gap:12px;min-height:72px;padding:12px 14px;display:flex}.chat-row:active{background:var(--surface-sunken)}.chat-row[aria-current=true]{background:var(--accent-soft);box-shadow:inset 4px 0 0 var(--accent)}.avatar{letter-spacing:.02em;background:var(--chip-bg);width:40px;height:40px;color:var(--ink-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex;position:relative}.avatar[data-live=true]{background:var(--accent-soft);color:var(--accent-ink)}.avatar[data-live=true]:after{content:"";background:var(--ok);border:2px solid var(--surface);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.chat-row-main{flex:1;gap:4px;min-width:0;display:grid}.chat-row-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.chat-row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.chat-row-time{font-family:var(--font-data);color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.chat-row-preview{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.chat-row-chips{flex-wrap:wrap;gap:6px;min-height:22px;display:flex}.chip{background:var(--chip-bg);min-height:22px;color:var(--ink-soft);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.chip[data-tone=live]{background:var(--ok-soft);color:var(--ok-ink)}.chip[data-tone=wait]{color:#7a4a00;background:#fff4e0}.chip[data-tone=late]{background:var(--danger-soft);color:var(--danger-ink)}.chip[data-tone=unread]{background:var(--accent-deep);color:#fff}.chat-thread-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:60px;padding:10px 12px;display:flex}.chat-thread-title{flex:1;gap:2px;min-width:0;display:grid}.chat-thread-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-thread-head{flex-wrap:wrap}.chat-thread-tools{flex:none;gap:8px;display:flex}@media (max-width:600px){.chat-thread-tools{flex:1 0 100%;justify-content:flex-end}}.chat-scroll{background:var(--paper);overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;min-height:240px;max-height:calc(100dvh - 300px);padding:12px 14px;display:flex;overflow-y:auto}.chat-day{color:var(--ink-soft);background:var(--chip-bg);border-radius:999px;align-self:center;margin:8px 0 4px;padding:2px 10px;font-size:12px}.bubble{gap:3px;max-width:min(78%,520px);display:grid}.bubble[data-side=them]{align-self:flex-start}.bubble[data-side=us]{align-self:flex-end}.bubble[data-side=system]{align-self:center;max-width:90%}.bubble-body{overflow-wrap:anywhere;white-space:pre-wrap;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:16px;padding:9px 12px;font-size:15px;line-height:1.5}.bubble[data-side=them] .bubble-body{border-bottom-left-radius:4px}.bubble[data-side=us] .bubble-body{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff;border-bottom-right-radius:4px}.bubble[data-side=system] .bubble-body{color:var(--ink-soft);text-align:center;background:0 0;border:0;font-size:13px}.bubble-meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11.5px}.bubble-image{border:1px solid var(--line);background:var(--chip-bg);border-radius:16px;min-width:120px;max-width:100%;min-height:80px;display:block;overflow:hidden}.bubble-image img{object-fit:contain;background:var(--chip-bg);width:100%;max-width:100%;height:auto;max-height:360px;display:block}.bubble-image:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.chat-line .bubble-image{max-width:280px;margin:4px 0}.bubble[data-side=us] .bubble-meta{text-align:right}.chat-composer{border-top:1px solid var(--line);background:var(--surface);padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:8px;display:grid;position:sticky;bottom:0}.chat-composer-row{align-items:flex-end;gap:8px;display:flex}.chat-attach{flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:inline-flex}.chat-attachment{border:1px solid var(--line);background:var(--paper);border-radius:12px;align-items:center;gap:10px;padding:6px 8px;display:flex}.chat-attachment img{object-fit:cover;background:var(--chip-bg);border-radius:8px;flex:none;width:56px;height:56px}.chat-attachment-name{min-width:0;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.chat-attachment .btn{flex:none;min-width:44px;padding-inline:0}.chat-composer textarea{resize:vertical;min-height:44px;max-height:140px;font:inherit;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:12px;flex:1;padding:10px 12px;font-size:16px}.chat-note{border-top:1px solid var(--line);color:var(--ink-soft);margin:0;padding:12px 14px;font-size:14px}.chat-thread-idle{text-align:center;justify-content:center;align-items:center;min-height:240px;padding:24px}.chat-empty{margin:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.status{min-height:42px}.status:empty{visibility:hidden;display:block}.guidelink{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--accent-ink);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.guidelink:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.topbar-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.sample-table th,.sample-table td{white-space:nowrap;font-size:13px}.report-table .bar-col{width:40%}.report-bar{background:var(--accent);border-radius:5px;height:10px;display:block}.report-total td{border-top:2px solid var(--line-strong);font-weight:600}.report-big{font-variant-numeric:tabular-nums;margin:12px 0;font-size:44px;font-weight:600}.report-card .card-actions{margin-top:12px}.basic-reports{margin-bottom:20px}.basic-reports h2{margin:0 0 4px;font-size:16px;font-weight:600}.basic-intro{color:var(--ink-soft);margin:0 0 12px;font-size:13px}.basic-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:480px){.basic-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.basic-grid{grid-template-columns:repeat(3,1fr)}}.basic-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;min-height:176px;padding:14px}.basic-card h3{margin:0;font-size:14px;font-weight:600}.basic-blurb{color:var(--ink-soft);margin:2px 0 10px;font-size:12px}.basic-value{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-size:26px;font-weight:600}.basic-rows{margin:8px 0 0;padding:0;font-size:13px;list-style:none}.basic-rows li{justify-content:space-between;gap:8px;padding:2px 0;display:flex}.basic-rows b{font-variant-numeric:tabular-nums}.basic-toggle{all:unset;width:100%;min-height:44px;color:var(--accent-deep);cursor:pointer;align-items:center;margin-top:2px;font-size:13px;font-weight:600;display:flex}.basic-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.basic-note{color:var(--ink-soft);margin:8px 0 0;font-size:11px}.basic-value.skeleton{background:linear-gradient(90deg, var(--line) 0%, var(--surface) 50%, var(--line) 100%);background-size:200% 100%;border-radius:6px;height:26px;animation:1.2s ease-in-out infinite skeleton-sweep}.basic-error{color:var(--danger-ink);margin:10px 0 0;font-size:13px}@media (prefers-reduced-motion:reduce){.basic-value.skeleton{animation:none}}:root{--rail-w:244px;--rail-motion:.18s}html[data-nav=collapsed]{--rail-w:68px}html{scroll-padding-top:96px}.app{min-height:100dvh}.rail{z-index:60;width:min(82vw,296px);padding:8px 8px calc(16px + env(safe-area-inset-bottom));background:var(--surface);border-right:1px solid var(--line);overscroll-behavior:contain;visibility:hidden;transition:transform var(--rail-motion) ease, visibility 0s linear var(--rail-motion);flex-direction:column;gap:2px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.app[data-drawer=open] .rail{visibility:visible;transition:transform var(--rail-motion) ease, visibility 0s;transform:none;box-shadow:0 8px 40px #1a203047}.rail-scrim{z-index:55;touch-action:none;overscroll-behavior:contain;background:#14182280;border:0;margin:0;padding:0;display:none;position:fixed;inset:0}.app[data-drawer=open] .rail-scrim{display:block}.rail-head{justify-content:flex-end;align-items:center;gap:6px;min-height:48px;padding:0 2px 4px;display:flex}.rail-btn{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;display:inline-flex}.rail-btn:active{background:var(--surface-sunken)}.rail-btn:focus-visible,.rail-link:focus-visible,.navtoggle:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.rail-btn-icon{width:22px;height:22px;display:block}.rail-btn-icon svg{width:100%;height:100%;display:block}.rail-collapse{display:none}.rail-group ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rail-group-label{letter-spacing:.02em;color:var(--ink-soft);margin:14px 10px 4px;font-size:12.5px;font-weight:600}.rail-link{border-radius:var(--radius-sm);min-height:44px;color:var(--ink);align-items:center;gap:12px;padding:8px 10px;font-size:15px;line-height:1.3;text-decoration:none;display:flex}.rail-icon{width:20px;height:20px;color:var(--ink-soft);flex:none;display:block}.rail-icon svg{width:100%;height:100%;display:block}.rail-link:active{background:var(--surface-sunken)}.rail-link[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 3px 0 0 var(--accent-deep);font-weight:600}.rail-link[aria-current=page] .rail-icon{color:var(--accent-deep)}.rail-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:8px}.navtoggle{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.navtoggle:active{background:var(--paper)}.navtoggle .rail-btn-icon svg{width:100%;height:100%;display:block}.topbar{flex-wrap:wrap;row-gap:6px}.topbar h1{flex:auto;min-width:0}.topbar-tools select{min-height:44px}@media (min-width:900px){.app{grid-template-columns:var(--rail-w) minmax(0, 1fr);transition:grid-template-columns var(--rail-motion) ease;display:grid}.rail{visibility:visible;width:auto;height:100dvh;box-shadow:none;align-self:start;transition:none;position:sticky;inset:0 auto auto 0;transform:none}.rail-scrim{display:none!important}.rail-close{display:none}.rail-collapse{display:inline-flex}.navtoggle{display:none}html[data-nav=collapsed] .rail{padding-left:6px;padding-right:6px}html[data-nav=collapsed] .rail-head{justify-content:center}html[data-nav=collapsed] .rail-label{display:none}html[data-nav=collapsed] .rail-link{justify-content:center;padding-left:0;padding-right:0}html[data-nav=collapsed] .rail-group-label{border-top:1px solid var(--line);margin:10px 8px 6px;position:relative}html[data-nav=collapsed] .rail-group-label span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.app,.rail,.app[data-drawer=open] .rail{transition:none!important}}.overview-head{margin:0 0 10px;font-size:15px;font-weight:600}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px;padding:0;list-style:none;display:grid}.quick-action{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:100%;min-height:92px;box-shadow:var(--shadow);color:inherit;flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex}.quick-action:active{background:var(--accent-soft)}.quick-action:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.quick-action-icon{width:22px;height:22px;color:var(--accent-deep);display:block}.quick-action-icon svg{width:100%;height:100%;display:block}.quick-action-name{font-size:15.5px;font-weight:600}.quick-action-note{color:var(--ink-soft);font-size:13px;line-height:1.4}.pipeline-attention{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;padding-top:12px;display:flex}.pipeline-attention a{border:1px solid var(--line-strong);min-height:36px;color:var(--ink);border-radius:999px;align-items:center;padding:4px 10px;font-size:13px;text-decoration:none;display:inline-flex}.pipeline-attention a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (min-width:600px){.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}.confirm-veil{z-index:60;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#10121873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:480px){.confirm-veil{align-items:center}}.confirm-panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;width:100%;max-width:420px;padding:18px 18px 14px;box-shadow:0 18px 48px #10121838}.confirm-panel[data-permanent=yes]{border-color:var(--danger-line)}.confirm-title{text-wrap:balance;margin:0 0 10px;font-size:17px;font-weight:600;line-height:1.45}.confirm-code{color:var(--ink-soft);font-weight:400}.confirm-body{margin:0 0 16px;font-size:14px;line-height:1.6}.confirm-affects{color:var(--ink-soft);margin:0 0 4px}.confirm-reversible{background:var(--ok-soft);border:1px solid var(--ok-line);color:var(--ok-ink);border-radius:8px;margin:10px 0 0;padding:8px 10px}.confirm-reversible[data-permanent=yes]{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-ink);font-weight:600}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.confirm-actions .btn{flex:auto;min-height:44px}.btn[data-variant=danger]{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}.btn[data-variant=danger][aria-busy=true]{opacity:.7}.spec-editor{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.spec-toggle{min-height:44px}.spec-fields{gap:12px;margin-top:12px}.spec-fields select{min-height:44px}.spec-filters{flex-direction:column;gap:6px;display:flex}.notif{display:inline-flex;position:relative}.notif-trigger{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:44px;min-height:44px;color:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0 10px;display:inline-flex;position:relative}.notif-trigger svg{width:20px;height:20px}.notif-trigger:focus-visible,.notif-panel :focus-visible{outline:3px solid var(--accent);outline-offset:2px}.notif-badge{background:var(--danger);color:#fff;min-width:18px;height:18px;font-family:var(--font-data);text-align:center;font-variant-numeric:tabular-nums;border-radius:9px;padding:0 4px;font-size:11px;line-height:18px;position:absolute;top:2px;right:2px}.notif-panel{right:max(16px, env(safe-area-inset-right,0px));z-index:40;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);flex-direction:column;width:min(360px,100vw - 32px);max-height:min(70vh,480px);display:flex;position:fixed;left:auto;overflow:hidden;box-shadow:0 12px 32px #0000002e}@media (prefers-reduced-motion:no-preference){.notif-panel{animation:.12s ease-out notif-in}}@keyframes notif-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.notif-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 8px 10px 14px;display:flex}.notif-head h2{flex:1;margin:0;font-size:15px;font-weight:600}.notif-readall,.notif-retry{min-height:44px;color:var(--accent-deep);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:13px;text-decoration:underline}.notif-close{min-width:44px;min-height:44px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;flex:none;font-size:16px}.notif-body{padding:4px 0 8px;overflow-y:auto}.notif-section{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:10px 14px 4px;font-size:11.5px;font-weight:600}.notif-list{margin:0;padding:0;list-style:none}.notif-item{border-bottom:1px solid var(--line)}.notif-open{width:100%;min-height:44px;color:inherit;font:inherit;text-align:start;background:0 0;border:0;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex}button.notif-open{cursor:pointer}.notif-open .row-body{flex:1;min-width:0}.notif-text,.notif-when{display:block}.notif-item:last-child{border-bottom:0}.notif-item[data-unread=true]{border-left:3px solid var(--accent);background:var(--accent-soft)}.notif-item[data-unread=true] .notif-open{padding-left:11px}.notif-text{margin:0;font-size:14px;line-height:1.45}.notif-item[data-unread=true] .notif-text{font-weight:600}.notif-when{font-family:var(--font-data);color:var(--ink-faint);margin:4px 0 0;font-size:12px}.notif-note{color:var(--ink-faint);margin:12px 14px;font-size:13.5px}.notif-empty{padding:16px 14px 8px}.notif-empty-title{margin:0;font-size:14px;font-weight:600}.notif-empty .notif-note{margin:4px 0 0}.report-no-chart{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.linklike{min-height:44px;color:var(--accent-ink,var(--accent));font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.sheet-veil{z-index:60;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#10121873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:480px){.sheet-veil{align-items:center}}.sheet-panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:100%;max-width:460px;max-height:min(86vh,720px);display:flex;box-shadow:0 18px 48px #10121838}.sheet-panel[data-wide=true]{max-width:560px}.sheet-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.sheet-head h2{flex:auto;min-width:0;margin:0;font-size:16px;font-weight:600}.sheet-close{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex:none;font-size:18px}.sheet-body{-webkit-overflow-scrolling:touch;padding:10px 16px 18px;overflow-y:auto}.sheet-body .section{background:0 0;border:0;border-radius:0;margin:0 -16px}.sheet-body .section>.section-head{display:none}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin:4px 0 10px;display:flex}.list-head .count{margin:0}.list-tools{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.list-tools .btn[data-variant=quiet]{color:var(--accent-deep);padding-left:10px;padding-right:10px}.card[data-selectable=true]{padding-left:58px}.select-check{cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:8px;left:8px}.select-check input{opacity:0;cursor:pointer;width:44px;height:44px;margin:0;position:absolute}.select-check span{border:2px solid var(--line-strong);background:var(--surface);border-radius:6px;width:22px;height:22px}.select-check input:checked+span{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:18px}.select-check input:focus-visible+span{outline:2px solid var(--stage-proposed);outline-offset:2px}.card[data-selected=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.bulk-bar{z-index:6;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line-strong);gap:8px;margin:12px -16px 0;display:grid;position:sticky;bottom:0;box-shadow:0 -6px 18px #00000014}.bulk-count{margin:0;font-size:14.5px;font-weight:600}.bulk-actions{flex-wrap:wrap;gap:8px;display:flex}.context-head{gap:4px;margin-bottom:12px;display:grid}.context-head strong{font-size:17px}.context-list{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.context-list li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.context-list .row-link{min-height:44px;padding:10px 12px}.context-list .card-meta{margin-top:2px}.context-note{white-space:pre-wrap;padding:10px 12px}.role-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.role-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:stretch;gap:8px;padding:6px 8px 6px 14px;display:flex}.role-row-main{text-align:left;min-width:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;gap:4px;min-height:44px;padding:8px 0;display:grid}.role-row-main:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.role-row-name{flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.role-row-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.role-row-groups{flex-wrap:wrap;gap:4px;display:inline-flex}.role-row-actions{flex-direction:column;flex:none;justify-content:center;gap:4px;display:flex}@media (max-width:480px){.role-row{flex-wrap:wrap}.role-row-actions{flex-direction:row;flex:1 0 100%;justify-content:flex-end}}.perm-view-group{margin:0 0 12px}.perm-view-group h3{color:var(--ink-soft);letter-spacing:.02em;margin:0 0 4px;font-size:13px;font-weight:600}.perm-view-group ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.perm-view-group li{background:var(--chip-bg);color:var(--ink);border-radius:999px;padding:6px 10px;font-size:14px}.perm-editor{gap:8px;display:grid}.perm-group{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:0 12px}.perm-group>summary{cursor:pointer;align-items:center;gap:10px;min-height:48px;font-size:15px;font-weight:600;list-style:none;display:flex}.perm-group>summary::-webkit-details-marker{display:none}.perm-group>summary:after{content:"";border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);flex:none;width:10px;height:10px;margin-left:auto;transition:transform .16s;transform:rotate(45deg)}.perm-group[open]>summary:after{transform:rotate(-135deg)}.perm-group>summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}.perm-group-name{flex:1;min-width:0}.perm-group-tools{border-top:1px solid var(--line);gap:6px;margin-top:-2px;padding:2px 0 6px;display:flex}.perm-option{align-items:center;gap:12px;min-height:44px;padding:2px 0;font-size:15px;display:flex}.perm-option input{width:22px;height:22px;accent-color:var(--accent);flex:none}.perm-option-key{opacity:.6;margin-left:6px;font-size:11.5px}.perm-foot{padding:10px 0 calc(8px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex;position:sticky;bottom:0}@media (prefers-reduced-motion:reduce){.perm-group>summary:after{transition:none}}.record-status .section-head,.record-actions .section-head{align-items:center}.record-status-now{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.record-status-moves{padding-top:2px}.record-status-note{margin:6px 0 0}.section-body{padding:12px 16px 16px}.section-body>*+*{margin-top:12px}.section-body>.actions{margin-top:0}.section-body>*+.actions{margin-top:12px}.section-body>.record-note-row{margin:0}.record-secondary .btn{flex:140px}@media (min-width:420px){.record-secondary .btn{flex:0 auto}}.record-status-moves .btn[data-variant=danger]{order:1}.record-danger{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.record-create{margin:0 0 14px}.record-links{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.record-link{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;text-decoration:none;display:inline-flex}.record-link:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.record-link-label{color:var(--ink-soft)}.record-link .code{font-size:13px}.record-note-row{border:1px solid var(--line);background:var(--paper);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;font-size:14px;display:flex}.record-note-row .btn{margin-left:auto}.api-key-reveal{gap:12px;display:grid}.api-key-value{border:1px solid var(--line);background:var(--paper);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:10px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.5;display:block}.api-key-once{color:var(--ink-soft);margin:0;font-size:14px}.plan-reason{color:var(--ink-soft);margin:6px 0 0;font-size:13.5px;line-height:1.45}.rail-link[data-locked]{color:var(--ink-soft)}.rail-lock-reason{color:var(--ink-soft);font-size:12.5px;font-weight:400;line-height:1.25;display:block}.plan-locked{justify-items:start;gap:8px;margin-bottom:16px;padding:20px;display:grid}.plan-locked h2{margin:0;font-size:17px}.plan-locked p{margin:0}.plan-locked-icon svg{width:28px;height:28px;color:var(--accent);display:block}.plan-card{min-height:64px;margin-bottom:16px}.plan-features{gap:6px;margin:8px 0 12px;padding:0;list-style:none;display:grid}.plan-features li{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.plan-features .plan-reason{margin:0}.plan-feature-icon{flex:none;align-self:center}.plan-feature-icon svg{width:16px;height:16px;color:var(--ink-soft);display:block}.plan-features li[data-on=true] .plan-feature-icon svg{color:var(--accent)}.rail-link[data-locked] .rail-icon{position:relative}.rail-lock-badge{background:var(--surface,#fff);width:13px;height:13px;color:var(--ink-soft);box-shadow:0 0 0 1px var(--surface,#fff);border-radius:50%;position:absolute;bottom:-4px;right:-5px}.rail-lock-badge svg{width:100%;height:100%;display:block}.plan-card-loading{min-height:280px}