/* Code Systems Agent Workspace — light on chrome, explicit about authority. Scoped tokens. */
.agent-screen{--ag-bg:#0d121a;--ag-panel:#111822;--ag-raised:#182330;--ag-line:#2b3748;--ag-text:#eff5fa;--ag-muted:#acb9c9;--ag-accent:#87dfdd;--ag-action:#ffb56d;--ag-line-soft:#222e3c;color:var(--ag-text);width:100%;max-width:1800px;margin:auto;padding:4px 0 24px;min-width:0}
:root[data-theme=light] .agent-screen,body[data-theme=light] .agent-screen{--ag-bg:#fff;--ag-panel:#f6f8fb;--ag-raised:#edf2f7;--ag-line:#c7d3df;--ag-text:#172635;--ag-muted:#485f72;--ag-accent:#087679;--ag-action:#9b4a00;--ag-line-soft:#dce4ec}
.agent-screen *, .agent-action-modal *{box-sizing:border-box}
.agent-masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 6px 28px;position:relative}
.agent-masthead:after{content:'';position:absolute;inset-inline-end:0;bottom:0;width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--ag-accent),transparent)}
.agent-section-kicker{font-size:11px;letter-spacing:.12em;font-weight:650;color:var(--ag-muted);display:block;margin-bottom:12px;line-height:1.5}
.agent-masthead h1{font-size:clamp(26px,2.5vw,40px);line-height:1.2;letter-spacing:-.03em;margin:0 0 12px;font-weight:680;color:var(--ag-text)}
.agent-masthead p{font-size:16px;color:var(--ag-muted);margin:0;line-height:1.65}
.agent-context-tag{border:1px solid var(--ag-line,var(--line));background:var(--ag-panel,var(--surface));border-radius:14px;display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:380px;min-width:0;color:var(--ag-text,var(--text));font-size:13px}
.agent-context-tag>span{min-width:0}.agent-context-tag strong{display:block;font-size:15px;overflow-wrap:anywhere}.agent-context-tag svg{flex-shrink:0}.agent-context-lock{color:var(--ag-accent,var(--teal))}
.agent-tabs{display:flex;gap:8px;padding:16px 0 22px;overflow-x:auto;scrollbar-width:thin;min-width:0}
.agent-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:transparent;border:1px solid transparent;border-radius:10px;font:inherit;font-size:14px;min-height:44px;padding:10px 15px;color:var(--ag-muted);cursor:pointer;transition:background .16s,color .16s}
.agent-tabs>button:hover{background:var(--ag-raised);color:var(--ag-text)}.agent-tabs>button.active{background:var(--ag-raised);color:var(--ag-text);border-color:var(--ag-line)}.agent-tabs>button.active svg{color:var(--ag-accent)}
.agent-workbench{display:grid;grid-template-columns:204px minmax(0,1fr) 256px;min-width:0;min-height:620px;border:1px solid var(--ag-line);border-radius:22px;overflow:clip;box-shadow:0 24px 65px #0002;background:var(--ag-bg)}
.agent-history{background:var(--ag-panel);border-inline-end:1px solid var(--ag-line-soft);padding:18px 12px;min-width:0}
.agent-thread-content{display:flex;flex-direction:column;gap:14px;min-width:0;height:100%}.agent-thread-content>.agent-section-kicker{font-size:12px;letter-spacing:0;margin:5px 4px 0}.agent-new.btn{width:100%;font-size:13px;min-height:44px;border-radius:10px;background:var(--ag-raised);border-color:var(--ag-line);color:var(--ag-text);padding-inline:10px}
.agent-search{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--ag-line);min-width:0;padding:6px 5px 10px;color:var(--ag-muted)}.agent-search input{width:100%;min-width:0;font:inherit;font-size:13px;background:none;border:0;color:var(--ag-text);padding:5px 0;min-height:32px}.agent-search input::placeholder{color:var(--ag-muted);opacity:1}
.agent-thread-content nav{max-height:340px;overflow:auto}.agent-thread{min-height:44px;width:100%;display:flex;gap:9px;align-items:center;text-align:start;border:0;background:none;padding:10px;border-radius:9px;color:var(--ag-muted);font:inherit;font-size:13px;cursor:pointer}.agent-thread>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-thread svg{flex-shrink:0}.agent-thread.selected{background:var(--ag-raised);color:var(--ag-text);box-shadow:inset -2px 0 var(--ag-accent)}.agent-thread:hover{background:var(--ag-raised)}
.agent-nav-note{margin-top:auto;color:var(--ag-muted);background:var(--ag-bg);padding:14px;border-radius:12px;line-height:1.7;font-size:12px}.agent-nav-note p{margin:8px 0 0}.agent-studio-link{font-size:12px;line-height:1.7;display:flex;align-items:center;justify-content:space-between;color:var(--ag-accent);gap:5px;padding:8px 0;min-height:40px}
.agent-conversation{min-width:0;display:flex;flex-direction:column;position:relative;background:var(--ag-bg)}.agent-conversation-top{height:70px;min-height:70px;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ag-line-soft);gap:10px}.agent-conversation-top>div:first-of-type{min-width:0}.agent-conversation-top strong{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;max-width:400px}.agent-conversation-top small{font-size:12px;color:var(--ag-muted);display:block;line-height:1.6;margin-top:3px}
.agent-conversation-log{padding:0 28px 24px;height:clamp(440px,60vh,650px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ag-line) transparent;min-width:0;flex:1}.agent-welcome{max-width:680px;margin:auto;padding:32px 0 20px;text-align:center}.agent-welcome h2{font-size:clamp(25px,2.1vw,33px);font-weight:650;letter-spacing:-.02em;line-height:1.3;margin:10px 0 14px;color:var(--ag-text)}.agent-welcome>p{max-width:480px;color:var(--ag-muted);font-size:15px;line-height:1.8;margin:0 auto 22px}
.agent-orbit{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;position:relative}.agent-orbit:before{content:'';position:absolute;width:200px;height:80px;background:radial-gradient(ellipse,#fca75416,transparent 68%);pointer-events:none}.agent-ring{height:80px;width:80px;display:inline-grid;place-items:center;position:relative;flex-shrink:0;background:radial-gradient(circle,#ffffff05,transparent 70%);border-radius:50%}.agent-ring img{object-fit:contain;z-index:1;filter:drop-shadow(0 2px 7px #0005)}.agent-ring i{position:absolute;inset:0;border:1px solid #63d7dd30;border-top-color:var(--ag-accent);border-inline-end-color:#ffb56d70;border-radius:50%}.agent-ring:after{content:'';position:absolute;inset:-7px;border:1px solid #85d8df0d;border-radius:50%;transform:rotateX(30deg)}.agent-ring.small{height:43px;width:43px}.agent-working .agent-ring i,.agent-initial .agent-ring i{animation:agent-ring-turn 1.2s linear infinite}.agent-welcome .agent-ring i{transform:rotate(35deg)}
.agent-welcome .agent-section-kicker{color:var(--ag-accent);font-size:10px;letter-spacing:.15em}.agent-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:start;max-width:600px;margin:auto}.agent-suggestions button{display:flex;align-items:center;gap:12px;min-height:66px;padding:14px;color:var(--ag-text);border:1px solid var(--ag-line);background:var(--ag-panel);border-radius:12px;font:inherit;font-size:13px;line-height:1.65;text-align:start;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.agent-suggestions button>svg{color:var(--ag-accent);flex-shrink:0}.agent-suggestions button>svg:last-child{margin-inline-start:auto;color:var(--ag-muted);width:14px}.agent-suggestions button:hover{border-color:var(--ag-accent);background:var(--ag-raised);transform:translateY(-2px)}.agent-trust-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:21px;font-size:11px;line-height:1.7;color:var(--ag-muted)}.agent-trust-row span{display:flex;align-items:center;gap:5px}
.agent-composer-wrap{padding:16px 24px 10px;background:var(--ag-bg);border-top:1px solid var(--ag-line-soft);margin-top:auto;position:relative}.agent-composer{border:1px solid var(--ag-line);border-radius:17px;background:var(--ag-raised);padding:14px 15px 10px;box-shadow:0 6px 22px #0001;transition:border-color .15s,box-shadow .15s}.agent-composer:focus-within{border-color:var(--ag-accent);box-shadow:0 0 0 3px #63d7dd12}.agent-composer textarea{resize:none;display:block;width:100%;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;padding:0;min-height:48px;max-height:180px;font:inherit;font-size:16px;line-height:1.7;color:var(--ag-text)!important;border-radius:0}.agent-composer textarea::placeholder{color:var(--ag-muted);opacity:1}.agent-composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.agent-mode-picks{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.agent-mode-picks select{font:inherit;max-width:160px;font-size:12px;color:var(--ag-text);background:var(--ag-panel);border:1px solid var(--ag-line);padding:6px 8px;min-height:34px;border-radius:8px}.agent-send.btn{background:#ffb56d!important;color:#211209!important;min-width:42px;min-height:42px;padding:9px;border-radius:12px;box-shadow:none!important}.agent-send.btn:disabled{background:var(--ag-line)!important;color:var(--ag-muted)!important;opacity:1}.agent-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ag-muted);font-size:11px;line-height:1.8;margin-top:5px}.agent-compose-footer .btn{font-size:12px;min-height:36px;padding:7px;color:var(--ag-text)}
.agent-context-panel{border-inline-start:1px solid var(--ag-line-soft);background:var(--ag-panel);padding:26px 19px;min-width:0}.agent-context-panel h2{font-size:16px;line-height:1.5;margin:0;color:var(--ag-text)}.agent-context-panel h3{font-size:13px}.agent-muted{font-size:13px;color:var(--ag-muted);line-height:1.7}.agent-context-count{display:flex;align-items:center;gap:12px;margin:24px 0 12px}.agent-context-count strong{font-size:40px;line-height:1;color:var(--ag-text);font-weight:450}.agent-context-count>span{font-size:12px;max-width:100px;color:var(--ag-muted);line-height:1.7}.agent-task-mini>div{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--ag-line-soft)}.agent-task-mini strong{font-size:12px;font-weight:500;line-height:1.7;display:block}.agent-task-mini small{font-size:11px;color:var(--ag-muted);display:block}.agent-priority-dot{width:6px;height:6px;min-width:6px;border-radius:50%;background:var(--ag-muted);margin-top:6px}.agent-priority-dot.high,.agent-priority-dot.urgent{background:var(--ag-action)}.agent-divider{height:1px;background:var(--ag-line-soft);margin:22px 0}.agent-product-mini>div{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--ag-line-soft)}.agent-product-mini span{font-size:12px}.agent-product-mini small{font-size:10px;margin-inline-start:auto;color:var(--ag-muted)}.agent-product-mini svg{color:var(--ag-accent)}.agent-footnote{font-size:11px;line-height:1.8;color:var(--ag-muted);margin:20px 0}.agent-updated{display:block;font-size:10px;color:var(--ag-muted);margin:14px 0}.agent-context-panel .btn{font-size:12px;background:transparent;border:1px solid var(--ag-line);color:var(--ag-text);min-height:42px}
.agent-turn{padding-top:28px;max-width:800px;margin:auto;min-width:0;animation:agent-appear .18s ease-out}.agent-user-message{margin-inline-start:auto;max-width:88%;width:fit-content;white-space:pre-wrap;overflow-wrap:anywhere;padding:13px 18px;border-radius:16px 16px 4px 16px;background:var(--ag-raised);font-size:15px;line-height:1.75;border:1px solid var(--ag-line-soft);margin-bottom:28px}.agent-answer-meta{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px}.agent-answer-meta span{color:var(--ag-muted);font-size:11px}.agent-answer-meta img{object-fit:contain}.agent-answer{font-size:16px;line-height:1.9;color:var(--ag-text);overflow-wrap:anywhere;white-space:normal}.agent-answer p{margin:0 0 18px;white-space:pre-line}.agent-answer h2{font-size:22px}.agent-answer h3{font-size:19px}.agent-answer h4{font-size:17px}.agent-answer code{font-size:13px;background:var(--ag-raised);padding:3px 5px;border-radius:4px}.agent-answer pre{white-space:pre;overflow:auto;max-width:100%;background:var(--ag-panel);border:1px solid var(--ag-line);padding:16px;border-radius:12px}.agent-answer pre code{padding:0;background:none}.agent-answer blockquote{border-inline-start:2px solid var(--ag-accent);padding-inline-start:18px;color:var(--ag-muted)}.agent-answer a{color:var(--ag-accent)}.agent-answer-tools{display:flex;align-items:center;gap:15px;margin:10px 0;font-size:12px;color:var(--ag-muted)}.agent-answer-tools .btn{font-size:12px;min-height:40px}.agent-usage{font-size:11px;color:var(--ag-muted);display:block;margin:8px 0 18px}.agent-sources{border-block:1px solid var(--ag-line-soft);padding:10px 0;font-size:12px;color:var(--ag-muted)}.agent-sources summary{min-height:30px;cursor:pointer;display:flex;align-items:center;gap:8px}.agent-sources summary:before{content:'+';font-size:18px}.agent-sources[open] summary:before{content:'−'}.agent-sources a{display:flex;justify-content:space-between;gap:8px;color:var(--ag-accent);padding:9px 0}.agent-sources small{color:var(--ag-muted)}.agent-working{display:flex;align-items:center;gap:15px;min-height:85px}.agent-working strong{font-size:14px}.agent-working small{display:block;color:var(--ag-muted);font-size:12px;line-height:1.7;margin-top:5px}.agent-latest.btn{position:absolute;bottom:184px;left:50%;transform:translateX(-50%);z-index:2;font-size:12px;background:var(--ag-raised);color:var(--ag-text);border:1px solid var(--ag-line)}
.agent-proposal{background:var(--ag-panel);border:1px solid var(--ag-line);border-radius:16px;padding:19px;margin-top:22px;position:relative;overflow:hidden;min-width:0}.agent-proposal:before{content:'';position:absolute;inset-inline:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#ffb56d,transparent)}.agent-proposal.is-executed:before{background:linear-gradient(90deg,transparent,#87dfdd,transparent)}.agent-proposal>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.agent-proposal>header small{color:var(--ag-muted);font-size:11px}.agent-state{font-size:12px;display:inline-flex;align-items:center;gap:6px;color:var(--ag-action,var(--orange));line-height:1.8}.is-executed .agent-state{color:var(--ag-accent)}.agent-proposal h3{font-size:18px;margin:13px 0}.agent-fields-preview{margin:10px 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.agent-pair{min-width:0}.agent-pair dt{font-size:11px;color:var(--ag-muted,var(--muted));margin-bottom:5px}.agent-pair dd{margin:0;font-size:14px;line-height:1.7;overflow-wrap:anywhere;color:var(--ag-text,var(--text))}.agent-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.agent-actions .btn{font-size:12px;min-height:40px}.agent-actions>small{font-size:10px;color:var(--ag-muted)}.agent-receipt code{font-size:11px;display:block;overflow-wrap:anywhere;user-select:all}.agent-receipt p{font-size:12px;color:var(--ag-muted);line-height:1.7}.agent-receipt .btn{font-size:12px;min-height:42px}
.agent-settings-page{max-width:940px;min-width:0;margin:8px auto 40px;padding:32px;background:var(--ag-bg);border:1px solid var(--ag-line);border-radius:22px}.agent-section-title>span{color:var(--ag-accent);letter-spacing:.1em;font-size:11px}.agent-section-title h2{font-size:28px;line-height:1.4;margin:12px 0 8px}.agent-section-title p{color:var(--ag-muted);line-height:1.8;font-size:15px;margin-bottom:28px}.agent-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.agent-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.8;padding:10px 0;color:var(--ag-text,var(--text));cursor:pointer}.agent-check input{margin-top:6px;width:18px;height:18px;flex-shrink:0;accent-color:#0c9096}.agent-provider-set{border:1px solid var(--ag-line);border-radius:12px;padding:14px;display:flex;flex-wrap:wrap;gap:16px}.agent-provider-set legend{font-size:13px;padding:0 6px}.agent-memory-list{display:grid;gap:14px;margin-top:25px}.agent-memory-card{background:var(--ag-panel);border:1px solid var(--ag-line);border-radius:14px;padding:18px}.agent-memory-card p{font-size:15px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.agent-memory-card h3{font-size:16px}.agent-memory-card small{display:block;color:var(--ag-muted);font-size:12px;margin-bottom:10px}.agent-days{display:flex;flex-wrap:wrap;gap:9px;border:1px solid var(--ag-line);border-radius:12px;padding:15px}.agent-days legend{font-size:13px;padding:0 6px}.agent-days>label{display:flex;gap:5px;align-items:center;padding:8px 10px;border:1px solid var(--ag-line);border-radius:9px;font-size:13px;cursor:pointer;min-height:44px}.agent-days>label.selected{background:var(--ag-raised);border-color:var(--ag-accent)}.agent-days input{accent-color:#0c9096}.agent-digest-list{display:grid;gap:10px;margin-top:26px}.agent-digest-row{display:flex;align-items:center;gap:12px;width:100%;background:var(--ag-panel);border:1px solid var(--ag-line);border-radius:12px;padding:16px;color:var(--ag-text);font:inherit;text-align:start;cursor:pointer}.agent-digest-row>span:nth-of-type(2){margin-inline-start:auto;font-size:12px;color:var(--ag-muted)}.agent-digest-row strong{font-size:14px;display:block}.agent-digest-row small{display:block;color:var(--ag-muted);font-size:12px;margin-top:5px}.agent-initial{min-height:60vh;display:grid;place-content:center;justify-items:center;gap:20px}.agent-action-modal{max-width:min(760px,calc(100% - 24px))}.agent-action-modal .agent-context-tag{margin:10px 0 24px}.agent-history-modal{--ag-panel:var(--surface);--ag-text:var(--text);--ag-muted:var(--muted);--ag-line:var(--line);--ag-raised:var(--surface);--ag-bg:var(--bg);--ag-accent:var(--teal)}
.agent-screen :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--ag-accent);outline-offset:3px}.agent-screen .notice{font-size:13px;line-height:1.8}.agent-screen .notice.error{margin-bottom:10px}.agent-screen .btn{box-shadow:none}.agent-screen .btn:not(.primary):not(.agent-send){color:var(--ag-text)}.agent-screen .field input,.agent-screen .field textarea,.agent-screen .field select{background:var(--ag-panel);border-color:var(--ag-line);color:var(--ag-text)}.agent-screen .field label{color:var(--ag-text)}.agent-screen .field small,.agent-screen .form>small{color:var(--ag-muted);line-height:1.8}.agent-screen .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.agent-history-toggle.btn{display:none}.route-agent .product-rail,.route-agent .workspace-footer{display:none}.route-agent .workspace-main{padding-top:8px}.route-agent .context-ai-trigger{display:none}.agent-screen .form{gap:20px}.agent-entry-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;margin-bottom:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-size:14px}.agent-entry-link small{display:block;color:var(--muted);margin-top:4px;font-size:12px}
@keyframes agent-ring-turn{to{transform:rotate(360deg)}}@keyframes agent-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1590px){.agent-workbench{grid-template-columns:190px minmax(0,1fr)}.agent-context-panel{display:none}.agent-conversation-log{height:clamp(430px,56vh,650px)}}
@media(max-width:1190px){.agent-history{display:none}.agent-workbench{grid-template-columns:minmax(0,1fr)}.agent-history-toggle.btn{display:inline-flex}.agent-masthead{padding-top:16px}.agent-context-tag{max-width:280px}.agent-welcome{padding:28px 0 16px;max-width:680px}.agent-conversation-log{height:490px}}
@media(max-width:680px){.agent-masthead{display:block;padding:18px 0 20px}.agent-masthead h1{font-size:28px}.agent-masthead p{font-size:14px}.agent-masthead .agent-context-tag{margin-top:18px;max-width:none;width:100%;padding:9px 13px}.agent-context-tag>span:nth-child(2){display:flex;align-items:center;gap:10px;font-size:12px}.agent-context-tag strong{font-size:14px}.agent-context-lock{margin-inline-start:auto}.agent-section-kicker{font-size:10px;margin-bottom:10px}.agent-tabs{padding-top:10px;gap:4px;padding-bottom:14px}.agent-tabs>button{font-size:12px;padding:9px 11px;min-height:44px}.agent-tabs svg{width:16px}.agent-workbench{border-radius:16px;min-height:640px}.agent-conversation-top{padding:10px 12px;height:70px}.agent-conversation-top strong{max-width:165px;font-size:12px}.agent-conversation-top small{font-size:10px}.agent-conversation-top .agent-actions{gap:0}.agent-conversation-top .btn{min-width:36px;padding:6px;min-height:44px}.agent-conversation-top .agent-history-toggle{font-size:0;width:36px;min-width:36px;gap:0}.agent-conversation-log{padding:0 16px 18px;height:500px}.agent-welcome{padding:26px 0 14px}.agent-orbit{height:78px;margin-bottom:16px}.agent-ring{width:68px;height:68px}.agent-ring img{width:43px;height:43px}.agent-ring.small{width:38px;height:38px}.agent-ring.small img{width:24px;height:24px}.agent-welcome .agent-section-kicker{font-size:9px;letter-spacing:.08em}.agent-welcome h2{font-size:26px}.agent-welcome>p{font-size:14px;line-height:1.8}.agent-suggestions{grid-template-columns:1fr;gap:8px}.agent-suggestions button{min-height:54px;padding:10px 12px;line-height:1.65;font-size:13px}.agent-suggestions button:nth-child(n+3){display:none}.agent-trust-row{gap:10px;margin-top:18px}.agent-trust-row span{font-size:10px}.agent-composer-wrap{padding:12px 12px 8px}.agent-composer{padding:12px;border-radius:14px}.agent-composer textarea{font-size:16px;min-height:60px}.agent-mode-picks{gap:5px}.agent-mode-picks select{font-size:11px;max-width:120px;min-height:44px;padding:5px}.agent-send.btn{width:44px;height:44px}.agent-compose-footer{flex-wrap:wrap;font-size:10px;gap:1px}.agent-compose-footer .btn{min-height:44px}.agent-answer{font-size:15px;line-height:1.9}.agent-user-message{max-width:92%;font-size:15px;padding:10px 14px}.agent-working small{font-size:11px}.agent-answer-tools{flex-wrap:wrap;gap:8px}.agent-proposal{padding:14px;border-radius:12px}.agent-proposal>header{display:block}.agent-proposal>header small{display:block;margin-top:6px}.agent-fields-preview{grid-template-columns:1fr;gap:10px}.agent-actions .btn{min-height:44px}.agent-settings-page{padding:20px 15px;border-radius:16px}.agent-section-title h2{font-size:24px}.agent-form-grid{grid-template-columns:1fr}.agent-days{gap:5px;padding:10px}.agent-days>label{font-size:12px;padding:7px}.agent-proposal .agent-actions{gap:7px}.agent-context-count strong{font-size:30px}.agent-digest-row{padding:13px;gap:8px}.agent-entry-link{padding:12px;gap:10px;font-size:13px}.agent-entry-link .btn{font-size:12px}.agent-answer-meta{flex-wrap:wrap}.agent-latest.btn{bottom:218px}.agent-screen{padding-bottom:12px}.agent-action-modal{width:calc(100% - 16px)!important;margin:8px!important;max-width:none!important}.agent-action-modal .agent-context-tag{max-width:none}.agent-action-modal .form{gap:18px}.route-agent .workspace-main{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.agent-screen *, .agent-screen *:before,.agent-screen *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.agent-suggestions button:hover{transform:none}}
:root[data-reduced-motion=true] .agent-screen *{animation:none!important;transition:none!important}
:root[data-high-contrast=true] .agent-screen{--ag-line:#92a6ba;--ag-muted:#d7e4f0}
:root[data-theme=light][data-high-contrast=true] .agent-screen{--ag-line:#43596d;--ag-muted:#23394b}
@supports not (backdrop-filter:blur(5px)){.agent-screen .agent-masthead{background:var(--ag-bg)}}
/* Viewport workbench: keep the composer visible instead of adding a second page-length chat. */
.route-agent .app-area{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.route-agent .topbar,.route-agent .context-bar{flex:0 0 auto}
.route-agent .unified-product-rail,.route-agent .workspace-footer{display:none}
.route-agent .workspace-main{flex:1;min-height:0;height:auto;overflow:hidden;padding:10px 24px 16px}
.route-agent .agent-screen{height:100%;min-height:0;padding:0;display:flex;flex-direction:column}
.agent-masthead{flex:0 0 auto;padding:14px 4px 18px}.agent-masthead h1{font-size:30px;margin-bottom:8px}.agent-masthead .agent-section-kicker{margin-bottom:9px;font-size:10px}.agent-masthead p{font-size:14px}
.agent-tabs{flex:0 0 auto;padding:10px 0 14px}.agent-tabs>button{font-size:13px;padding:9px 12px}
.agent-workbench{flex:1;min-height:0;overflow:hidden}.agent-history,.agent-conversation,.agent-context-panel{min-height:0}.agent-history{overflow:auto}.agent-context-panel{overflow:auto}
.agent-conversation-log{flex:1;min-height:0;height:auto}.agent-conversation-top{flex:0 0 auto;height:62px;min-height:62px}.agent-composer-wrap{flex:0 0 auto;padding:12px 20px 8px}
.agent-welcome{padding:22px 0 14px}.agent-orbit{height:72px;margin-bottom:10px}.agent-welcome .agent-ring{height:64px;width:64px}.agent-welcome .agent-ring img{width:42px;height:42px}.agent-welcome>p{margin-bottom:16px}.agent-trust-row{margin-top:14px}.agent-suggestions button{min-height:55px;padding:10px 12px}
.agent-settings-page{overflow:auto;min-height:0;flex:1;width:100%;margin:0 auto 0}.agent-screen>.notice{flex:0 0 auto}
@media(max-width:1000px){.route-agent .app-area{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.route-agent .workspace-main{padding:8px 16px 8px}.agent-masthead h1{font-size:27px}}
@media(max-width:680px){.route-agent .workspace-main{padding:0 10px 8px}.agent-masthead{padding:12px 2px 10px}.agent-masthead h1{font-size:23px}.agent-masthead p{font-size:13px}.agent-masthead .agent-section-kicker{display:none}.agent-masthead .agent-context-tag{margin-top:10px;padding:6px 10px;border-radius:9px}.agent-masthead .agent-context-tag strong{font-size:12px}.agent-masthead .agent-context-tag>span{font-size:11px}.agent-tabs{padding:5px 0 8px}.agent-tabs>button{font-size:12px;min-height:44px;padding:8px 10px}.agent-workbench{min-height:0}.agent-conversation-top{height:52px;min-height:52px;padding:6px 10px}.agent-conversation-top small{max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.agent-conversation-log{height:auto;padding:0 14px 14px}.agent-composer-wrap{padding:8px 9px 4px}.agent-composer{padding:9px 10px 5px}.agent-composer textarea{min-height:40px;max-height:110px}.agent-compose-footer{min-height:38px;margin-top:0;flex-wrap:nowrap}.agent-compose-footer>span{font-size:10px;max-width:57%}.agent-compose-footer>.btn{font-size:11px;white-space:nowrap}.agent-mode-picks select{max-width:117px}.agent-welcome{padding:16px 0 10px}.agent-welcome h2{font-size:23px}.agent-welcome>p{font-size:13px}.agent-welcome .agent-section-kicker,.agent-trust-row{display:none}.agent-orbit{height:52px;margin-bottom:8px}.agent-welcome .agent-ring{width:46px;height:46px}.agent-welcome .agent-ring img{width:30px;height:30px}.agent-suggestions button{font-size:12px;min-height:48px}.agent-settings-page{padding:18px 14px}.agent-section-title h2{font-size:23px}}
@media(max-height:700px) and (max-width:680px){.agent-masthead p,.agent-masthead .agent-context-tag{display:none}.agent-masthead{padding-block:8px}.agent-orbit,.agent-welcome>p{display:none}.agent-welcome{padding-block:8px}.agent-welcome h2{font-size:20px}.agent-conversation-top{height:44px;min-height:44px}}
html.a11y-contrast .agent-screen{--ag-muted:#e3edf6;--ag-line:#94a6b9}html[data-theme=light].a11y-contrast .agent-screen{--ag-muted:#20364c;--ag-line:#566d83}
html.a11y-no-motion .agent-screen *,html.a11y-no-motion .agent-screen *:before,html.a11y-no-motion .agent-screen *:after{animation:none!important;transition:none!important}

/* The original preferences dialog remains available from the fixed context header. */
body:has(.route-agent) .experience-dock{display:none}
.agent-context-tag .agent-accessibility{min-width:40px;min-height:40px;padding:7px;margin-inline-start:4px;border-inline-start:1px solid var(--ag-line);border-radius:0 8px 8px 0;color:var(--ag-text)}
@media(max-width:680px){.agent-context-lock{display:none}.agent-context-tag .agent-accessibility{margin-inline-start:auto;min-height:44px;min-width:44px}.agent-masthead .agent-context-tag{padding-block:2px}}
@media(max-height:700px) and (max-width:680px){.agent-masthead .agent-context-tag{display:flex;margin-top:3px}.agent-masthead .agent-context-tag>span{display:none}.agent-context-tag .agent-accessibility{min-height:32px}.agent-masthead h1{font-size:20px}}

/* VX Stage 1: inherits Code Systems theme tokens, never embeds customer content. */
.vx-runtime{padding:clamp(16px,3vw,32px);display:grid;gap:22px;max-width:1600px;margin-inline:auto;min-width:0;width:100%;box-sizing:border-box}
.vx-runtime-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.vx-runtime-heading h2{margin:.35rem 0}.vx-runtime-heading p{opacity:.75;max-width:65ch}
.vx-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:16px 24px}.vx-metrics>div{display:flex;flex-direction:column;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.vx-metrics strong{font-size:2rem;color:var(--accent,#f87a2b)}.vx-metrics span{font-size:.86rem}
.vx-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vx-capability{border:1px solid var(--border);border-radius:16px;padding:16px;min-width:0;background:var(--surface)}.vx-capability>div{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center}.vx-capability h3{margin:0;font-size:1rem}.vx-capability p{font-size:.87rem;line-height:1.7}.vx-capability summary,.vx-contracts summary{cursor:pointer;font-size:.86rem;padding-block:8px}.vx-capability.not_connected{border-style:dashed}.vx-badge{font-size:.75rem;border:1px solid var(--border);border-radius:999px;padding:3px 9px}.vx-capability.local .vx-badge{color:var(--accent,#f87a2b)}
.vx-runtime-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;min-width:0}.vx-runtime .panel{min-width:0}.vx-contracts{margin-block:16px}.vx-tools{display:grid;gap:10px}.vx-tools>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--border)}
.vx-events{max-height:410px;overflow:auto;display:grid;gap:8px;margin-bottom:16px}.vx-events>div{display:grid;grid-template-columns:1fr auto;gap:5px;padding:12px;border:1px solid var(--border);border-radius:12px;font-size:.85rem}.vx-events code{word-break:break-word;max-width:100%}.vx-events small,.vx-events span{opacity:.7}
.vx-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.vx-candidates article{padding:16px;border:1px solid var(--border);border-radius:14px;min-width:0}.vx-candidates header{display:flex;justify-content:space-between;gap:10px}.vx-candidates pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}.vx-tool-id{display:block;overflow-wrap:anywhere;font-size:.78rem;margin-bottom:12px;opacity:.8}.vx-run-route{display:flex;gap:12px;flex-wrap:wrap;font-size:.78rem;margin-block:10px;opacity:.8}.agent-mode-picks{flex-wrap:wrap}.agent-composer-toolbar{flex-wrap:wrap}.agent-answer-tools{flex-wrap:wrap}
@media(max-width:1050px){.vx-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-runtime-columns{grid-template-columns:1fr}}
@media(max-width:600px){.vx-capability-grid,.vx-candidates{grid-template-columns:1fr}.vx-metrics{gap:6px}.vx-metrics>div{padding:10px}.vx-metrics strong{font-size:1.65rem}.vx-metrics span{font-size:.72rem}.vx-runtime{padding:12px}.vx-runtime-heading{gap:8px}.agent-mode-picks select{max-width:135px}.vx-tools>div{flex-direction:column}.vx-runtime .panel{padding:14px}}
/* Code VX Stage 2: whole-plan cards. Semantic colors follow the existing theme. */
.vx-workflows{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px;display:flex;flex-direction:column;gap:20px}
.vx-workflows>.panel{flex-shrink:0}.vx-workflows .panel>.agent-muted{padding-inline:4px}
.vx-workflow-card{border:1px solid var(--border);border-inline-start:3px solid var(--orange,#ff8b36);background:var(--surface);border-radius:18px;padding:20px;margin:16px 0;min-width:0;overflow-wrap:anywhere;box-shadow:0 8px 28px #00000012}
.vx-workflow-card.is-completed{border-inline-start-color:var(--teal,#1db9ac)}
.vx-wf-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.vx-wf-head small,.vx-wf-scope{color:var(--muted)}.vx-workflow-card h3{margin:14px 0 10px;font-size:18px;line-height:1.6}
.vx-wf-scope{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.vx-wf-scope span{padding:4px 9px;border:1px solid var(--border);border-radius:100px}
.vx-workflow-steps{list-style:none;margin:20px 0;padding:0;display:grid;gap:12px}
.vx-workflow-steps>li{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:12px;min-width:0}
.vx-step-number{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);font-weight:700;color:var(--orange,#ff8b36)}
.vx-step-body{flex:1;min-width:0}.vx-step-body>strong{display:block;font-size:14px}.vx-step-body>code{font-size:11px;color:var(--muted);display:block;margin-top:3px;white-space:normal;overflow-wrap:anywhere}
.vx-step-body dl{display:grid;gap:7px;margin:12px 0 0}.vx-step-body dl>div{display:grid;grid-template-columns:minmax(70px,100px) minmax(0,1fr);gap:12px;font-size:13px;line-height:1.7}
.vx-step-body dt{color:var(--muted)}.vx-step-body dd{margin:0;white-space:pre-wrap}.vx-wf-reference{display:inline-flex;align-items:center;gap:5px;color:var(--teal,#1db9ac)}
.vx-workflow-receipt{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised,var(--surface));display:flex;flex-direction:column;gap:10px}
.vx-workflow-receipt>strong{line-height:1.8}.vx-workflow-receipt>code{font-size:12px;overflow-wrap:anywhere}.vx-workflow-receipt p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}
.vx-receipt-links{display:flex;gap:8px;flex-wrap:wrap}.vx-receipt-links .btn{font-size:12px;min-height:40px}
.vx-suggestion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}
.vx-workflow-suggestion{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border:1px solid var(--border);border-radius:14px;padding:18px;min-width:0;overflow-wrap:anywhere}
.vx-workflow-suggestion h3{font-size:16px;margin:0}.vx-workflow-suggestion p{font-size:14px;line-height:1.9;margin:0}.vx-workflow-suggestion small{color:var(--muted)}
.vx-workflow-suggestion a{font-size:13px}.vx-workflow-suggestion .btn{margin-top:auto}
.vx-workflow-modal{max-width:680px}.vx-workflow-card .agent-state{line-height:1.7}
@media(max-width:700px){.vx-workflows{padding:12px;gap:14px}.vx-workflow-card{padding:14px;border-radius:14px}.vx-workflow-steps>li{padding:10px;gap:8px}.vx-step-body dl>div{grid-template-columns:1fr;gap:1px}.vx-workflow-card .agent-actions{align-items:stretch}.vx-workflow-card .agent-actions>.btn{flex:1;white-space:normal}.vx-receipt-links .btn{flex:1}.vx-workflows .vx-runtime-heading{align-items:stretch}.vx-workflows .vx-runtime-heading>.agent-actions{flex-wrap:wrap}}
.vx-workflows .panel .empty{min-height:0;padding:24px}.vx-workflows .vx-workflow-card{scroll-margin-top:16px}
@media(max-width:700px){.vx-workflow-card .agent-actions{display:grid;grid-template-columns:1fr;gap:8px}.vx-workflow-card .agent-actions>.btn{width:100%;min-height:44px;white-space:normal}}
/* Stage 3 — external actions stay visually distinct from atomic local workflows. */
.vx-delivery-panel{display:grid;gap:22px;min-width:0;color:var(--ag-text)}
.vx-sender-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(125deg,var(--ag-panel),var(--ag-raised));border:1px solid var(--ag-line);border-inline-start:3px solid var(--ag-accent);border-radius:18px;padding:24px;min-width:0}
.vx-sender-card h3{margin:12px 0 5px}.vx-sender-card p{text-align:start;overflow-wrap:anywhere}.vx-sender-card small{color:var(--ag-muted);line-height:1.8}
.vx-delivery-card{margin:18px 0;border:1px solid var(--ag-line);border-inline-start:3px solid var(--ag-action);background:var(--ag-panel);border-radius:16px;padding:22px;min-width:0;scroll-margin-top:16px;overflow-wrap:anywhere}
.vx-delivery-card.state-accepted{border-inline-start-color:var(--ag-accent)}.vx-delivery-card.state-uncertain{border-inline-start-style:dashed}
.vx-delivery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--ag-muted);font-size:12px}.vx-delivery-head .agent-state{display:flex;gap:7px;align-items:center;color:var(--ag-accent)}
.vx-delivery-card h3{font-size:20px;margin:18px 0 12px;line-height:1.5}.vx-delivery-summary{font-size:14px;line-height:1.8;color:var(--ag-text)}
.vx-envelope{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;background:var(--ag-raised);padding:16px;border-radius:12px}.vx-envelope>div{min-width:0}.vx-envelope dt{font-size:12px;color:var(--ag-muted);margin-bottom:5px}.vx-envelope dd{margin:0;font-size:14px;text-align:start;unicode-bidi:plaintext;overflow-wrap:anywhere}
.vx-email-body{background:var(--ag-bg);padding:18px;border:1px solid var(--ag-line-soft);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font:inherit;font-size:14px;color:var(--ag-text);max-height:320px;overflow:auto}
.vx-attachment-summary{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--ag-line);border-radius:12px;margin:16px 0;min-width:0}.vx-attachment-summary>svg{flex-shrink:0;color:var(--ag-accent)}.vx-attachment-summary>div{min-width:0}.vx-attachment-summary p{margin:5px 0;font-size:13px;overflow-wrap:anywhere}.vx-attachment-summary code,.vx-document-hash{display:block;word-break:break-all;font-size:11px;line-height:1.8;color:var(--ag-muted)}.vx-attachment-summary small{display:block;margin-top:8px;font-size:12px;line-height:1.8;color:var(--ag-muted)}
.vx-delivery-receipt{padding:16px;border:1px solid var(--ag-line);background:var(--ag-bg);border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.vx-delivery-receipt code{font-size:12px;word-break:break-all}.vx-delivery-receipt small{color:var(--ag-muted);line-height:1.8}
.vx-delivery-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}.vx-delivery-actions .btn{min-height:44px;white-space:normal}
.vx-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.vx-document-card{border:1px solid var(--ag-line);border-radius:14px;background:var(--ag-panel);padding:20px;min-width:0;overflow-wrap:anywhere}.vx-document-card h3{margin:15px 0 8px}.vx-document-card p{font-size:14px}.vx-document-card small{color:var(--ag-muted)}
.vx-delivery-panel .panel .empty{min-height:0;padding:24px}.vx-delivery-modal{width:min(720px,calc(100vw - 24px))}
.vx-customer-picker{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.vx-customer-results{display:grid;gap:8px;margin-top:12px}.vx-customer-choice{border:1px solid var(--line);padding:12px;background:var(--surface);color:var(--text);border-radius:10px;text-align:start;display:grid;gap:4px;cursor:pointer;min-width:0}.vx-customer-choice[aria-pressed=true]{border-color:var(--teal);outline:2px solid var(--teal)}.vx-customer-choice span,.vx-customer-choice code{font-size:12px;overflow-wrap:anywhere;word-break:break-all}.vx-selected-customer{font-size:13px;line-height:1.8;display:flex;flex-wrap:wrap;gap:8px;overflow-wrap:anywhere}
@media(max-width:700px){.vx-delivery-panel{gap:16px}.vx-sender-card{flex-direction:column;align-items:stretch;padding:18px}.vx-delivery-card{padding:16px}.vx-envelope,.vx-document-grid{grid-template-columns:1fr}.vx-delivery-actions{display:grid;grid-template-columns:1fr}.vx-delivery-actions .btn{width:100%}.vx-delivery-panel .vx-runtime-heading{align-items:stretch;gap:12px}.vx-delivery-panel .vx-runtime-heading>.agent-actions{flex-wrap:wrap}.vx-attachment-summary{padding:12px}.vx-delivery-panel .panel{padding:16px}.vx-sender-card .agent-actions{flex-wrap:wrap}.vx-delivery-panel .panel-head h2{font-size:18px}}

/* VX Stage 4: scoped remote Finance */
.vx-finance-panel{display:grid;gap:20px;min-width:0}.vx-finance-card,.vx-finance-source{padding:22px;border:1px solid var(--ag-line,var(--line));border-radius:18px;background:var(--ag-panel,var(--surface));margin:16px 0;min-width:0;overflow-wrap:anywhere}.vx-finance-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.vx-finance-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}.vx-finance-totals>div{display:flex;flex-direction:column;gap:6px;border:1px solid var(--ag-line,var(--line));padding:14px;border-radius:12px}.vx-finance-totals strong{font-size:1.15rem}.vx-finance-lines{display:grid;gap:10px}.vx-finance-lines section{border-inline-start:3px solid var(--ag-accent,var(--teal));padding:8px 14px}.vx-finance-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vx-finance-line-form{border:1px solid var(--ag-line,var(--line));border-radius:12px;margin:12px 0;padding:14px;min-width:0}.vx-finance-line-form legend{padding:0 8px}.vx-finance-private-id{display:block;overflow-wrap:anywhere;margin:8px 0}.vx-finance-scope{margin:14px 0;overflow-wrap:anywhere}.vx-finance-scope p{font-size:.85rem;display:flex;gap:8px;flex-wrap:wrap}.vx-finance-invoices{display:grid;gap:8px}.vx-finance-invoices>div{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--ag-line,var(--line))}.vx-finance-selected{padding:16px 0}.vx-finance-read{margin-top:18px;min-width:0}.vx-finance-card .vx-delivery-receipt code{overflow-wrap:anywhere;word-break:break-all}.vx-finance-modal{width:min(760px,96vw)}
@media(max-width:600px){.vx-finance-card,.vx-finance-source{padding:16px 12px}.vx-finance-form-grid{grid-template-columns:1fr}.vx-finance-totals{grid-template-columns:1fr}.vx-finance-head{align-items:flex-start;flex-direction:column}.vx-finance-lines section{padding:8px}.vx-finance-card .vx-delivery-actions{display:grid;grid-template-columns:1fr}.vx-finance-card .btn{width:100%;white-space:normal}.vx-finance-line-form{padding:10px}}
/* Stage 5: source-bound quote handoff, keeping the shared responsive brand. */
.vx-quote-delivery-panel{display:grid;gap:var(--space-5,20px);min-width:0}
.vx-quote-links{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.vx-quote-links .vx-customer-choice{min-width:0;overflow-wrap:anywhere;align-items:stretch}
.vx-quote-source{border:1px solid var(--line,#3a4855);border-radius:14px;padding:16px;margin-block:14px;background:var(--surface-2,transparent);overflow-wrap:anywhere}
.vx-quote-source code,.vx-link-preview code{display:block;word-break:break-all;font-size:12px}
.vx-quote-delivery-panel .vx-email-body{max-height:560px;overflow:auto;white-space:pre-wrap;word-break:break-word}
@media(max-width:600px){.vx-quote-delivery-panel .vx-delivery-actions{display:grid;grid-template-columns:1fr}.vx-quote-delivery-panel .vx-customer-choice{padding:14px}.vx-quote-source{padding:12px}}
/* Stage7: work controls stay within the conversation, including protected approval. */
.vx-chat-workspace{margin:16px 0;padding:14px;border:1px solid var(--border,#7774);border-radius:18px;min-width:0;overflow-wrap:anywhere;background:var(--surface,transparent)}
.vx-chat-frame-head,.vx-chat-inline>header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.vx-chat-workspace .vx-finance-card,.vx-chat-workspace .vx-delivery-card,.vx-chat-workspace .agent-proposal,.vx-chat-workspace .vx-workflow-card{width:100%;max-width:none;margin:12px 0}
.vx-chat-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;margin:14px 0}
.vx-chat-choice{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:6px;padding:14px;min-height:74px;border:1px solid var(--border,#8885);border-radius:14px;background:var(--surface-raised,transparent);color:inherit;cursor:pointer;font:inherit;overflow-wrap:anywhere}
.vx-chat-choice:hover,.vx-chat-choice:focus-visible{border-color:var(--accent,#df782b);outline:2px solid var(--accent,#df782b);outline-offset:2px}
.vx-chat-inline{position:relative;max-width:100%;padding:16px;margin:12px 0;border:1px solid var(--border,#8886);border-radius:14px;min-width:0}
.vx-chat-inline form,.vx-chat-inline input,.vx-chat-inline textarea,.vx-chat-inline select{max-width:100%;min-width:0}
.vx-chat-inline h3{font-size:1rem;margin:0 0 8px}.vx-chat-inline .vx-finance-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
.vx-chat-confirm-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
.vx-chat-authorization{border-inline-start:3px solid var(--accent,#df782b);margin:14px 0;scroll-margin:20px}
.vx-chat-followups{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.vx-chat-source-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border,#8883)}
.vx-chat-workspace code{max-width:100%;overflow-wrap:anywhere;white-space:normal}.vx-chat-workspace pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.vx-chat-workspace{padding:10px}.vx-chat-inline{padding:10px}.vx-chat-workspace .btn{max-width:100%;white-space:normal}.vx-chat-authorization{margin-inline:0}.vx-chat-frame-head{align-items:flex-start}.vx-chat-source-row{align-items:flex-start;flex-direction:column}}

/* Stage7 chat-first compact composer leaves room for in-conversation approvals. */
.route-agent .is-chat-first .agent-composer-toolbar{flex-wrap:nowrap;gap:8px}
.route-agent .is-chat-first .agent-mode-picks{min-width:0;flex:1;display:flex;gap:5px}
.route-agent .is-chat-first .agent-mode-picks label{flex:1;min-width:0}
.route-agent .is-chat-first .agent-mode-picks select{width:100%;min-width:0;max-width:100%;padding-inline:6px}
.route-agent .is-chat-first .agent-send{flex-shrink:0}
.vx-chat-authorization{scroll-margin-block:12px}
@media(max-width:640px){
.route-agent .is-chat-first .agent-composer textarea{min-height:44px!important;height:48px;max-height:100px;padding:8px 10px}
.route-agent .is-chat-first .agent-composer-toolbar{padding:4px 6px 6px}
.route-agent .is-chat-first .agent-mode-picks select{font-size:11px;height:36px}
.route-agent .is-chat-first .agent-compose-footer{padding-block:2px;min-height:24px;gap:6px}
.route-agent .is-chat-first .agent-compose-footer>span{font-size:10px;max-width:70%;line-height:1.25}
.route-agent .is-chat-first .agent-composer-wrap{padding:6px 8px 2px}
.route-agent .is-chat-first .agent-conversation-top{min-height:40px;height:40px;padding-block:3px}
.vx-chat-inline .notice{font-size:12px;line-height:1.4}
.vx-chat-inline{padding:10px}
}

/* Stage8 inline date interpretation and explicit zone selection. */
.vx-chat-time{margin-block:12px;padding:14px;border:1px solid var(--border);border-radius:14px;overflow-wrap:anywhere}.vx-chat-time h3{font-size:1rem;margin-block:0 10px}.vx-chat-time form{margin-block:12px}.vx-chat-time label{display:grid;gap:6px;margin-block:10px}.vx-chat-time input{width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:inherit}.vx-chat-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vx-chat-time .vx-envelope dd{overflow-wrap:anywhere}@media(max-width:600px){.vx-chat-time-fields{grid-template-columns:1fr}.vx-chat-time{padding:10px}.vx-chat-time button{white-space:normal}}
/* Stage8 compact review keeps the date/zone before optional editors. */
.vx-chat-time h3,.vx-chat-understanding h3{margin:0 0 8px;font-size:1rem}
.vx-chat-time p{margin:8px 0;line-height:1.45}
.vx-chat-time .vx-timezone-inline{font-size:.875rem}
.vx-chat-time .vx-envelope{gap:6px;margin:8px 0}
.vx-chat-time .vx-envelope>div{padding:8px 10px}
.vx-chat-time .vx-envelope dt{font-size:.75rem;margin-bottom:3px}
.vx-chat-time .vx-envelope dd{font-size:.85rem;line-height:1.45;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.vx-chat-understanding{border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0;overflow-wrap:anywhere}
.vx-chat-understanding p{line-height:1.5;margin:7px 0}
.vx-chat-time>small{display:block;margin-block:8px;line-height:1.5}
.vx-chat-time>button{margin-block:4px;margin-inline-end:6px}

.multimodal-studio{display:grid;gap:18px;min-width:0;padding:4px}.multimodal-studio>header,.multimodal-card>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.multimodal-studio p{font-size:13px;line-height:1.7}.multimodal-studio form,.multimodal-studio details[open]{display:grid;gap:14px}.multimodal-studio details,.multimodal-card{border:1px solid var(--line,#66778840);border-radius:14px;padding:16px}.multimodal-studio summary{cursor:pointer;min-height:32px}.multimodal-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.multimodal-card{display:grid;gap:12px;min-width:0}.multimodal-card pre,.multimodal-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;font:inherit;line-height:1.7}.multimodal-card small{overflow-wrap:anywhere;font-size:10px}.multimodal-stages{display:flex;flex-wrap:wrap;list-style:none;gap:8px;padding:0;margin:0;direction:ltr}.multimodal-stages li{font-size:11px;border:1px solid var(--line,#66778840);padding:6px 9px;border-radius:20px;opacity:.5}.multimodal-stages li[data-complete=true]{opacity:1;border-color:var(--teal,#65cde5)}.multimodal-preview iframe{border:1px solid var(--line,#66778840);border-radius:10px;width:100%;height:500px;background:white}.multimodal-preview img{display:block;max-width:100%;max-height:500px;object-fit:contain}.multimodal-studio fieldset{min-width:0;border:1px solid var(--line,#66778840);border-radius:12px;padding:14px}.multimodal-studio .agent-actions{flex-wrap:wrap}@media(max-width:620px){.multimodal-fields{grid-template-columns:1fr}.multimodal-card{padding:12px}.multimodal-preview iframe{height:380px}.multimodal-stages{gap:4px}.multimodal-stages li{font-size:10px;padding:5px 6px}}

/* Creation and business action templates live inside the conversation log. */
.agent-inline-create-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 0;border-bottom:1px solid var(--line,#66778830)}.agent-inline-create-toolbar .btn{min-height:38px;font-size:12px;padding:7px 11px}.agent-conversation-log>.multimodal-studio,.agent-inline-template{max-width:100%;min-width:0;margin:20px 0;padding:18px;border:1px solid var(--line,#66778840);border-radius:18px;background:var(--surface,#182735)}.agent-inline-template>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.agent-inline-template>header h3{margin:0}.multimodal-studio.is-inline-chat>header h2{font-size:18px;margin:0}.multimodal-studio.is-inline-chat .multimodal-card{background:var(--surface-raised,#ffffff03)}@media(max-width:620px){.agent-conversation-log>.multimodal-studio,.agent-inline-template{padding:12px;margin:14px 0}.agent-inline-create-toolbar{gap:4px}.agent-inline-create-toolbar .btn{padding:7px 9px;min-height:40px}}