:root{color-scheme:dark;--bg:#0f1117;--panel:#171a23;--panel2:#1f2430;--border:#303748;--text:#e6e8ee;--muted:#9aa3b2;--ok:#52d273;--bad:#ff6b6b;--accent:#8bb4ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent)}.shell{max-width:1700px;margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;margin-bottom:14px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.title{font-size:24px;font-weight:750}.subtitle,.hint,.muted{color:var(--muted)}.build-version{font-size:12px;font-weight:700;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 7px;vertical-align:middle}.toplinks{display:flex;gap:12px;flex-wrap:wrap}.tabs{display:flex;gap:10px;margin:0 0 20px 0;flex-wrap:wrap}.tabs a{display:inline-block;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:10px 14px}.tabs a.active{border-color:var(--accent);background:var(--panel2)}.panel,.card,.token-window-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:20px}.panel-head,.window-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}h2,h3,p{margin-top:0}.grid,.counter-grid,.token-window-grid,.form-grid{display:grid;gap:16px}.cards,.counter-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.token-window-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.label{color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.08em}.number{font-size:34px;font-weight:800;margin-top:8px}.monitor-actions,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toggle-row{display:inline-flex;gap:8px;align-items:center;background:var(--panel2);border:1px solid var(--border);border-radius:999px;padding:9px 12px;color:var(--text)}button,select,input,textarea{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px}button{cursor:pointer;border-radius:999px}button.secondary{background:transparent}button:hover{border-color:var(--accent)}label{display:block;color:var(--muted);font-size:13px;margin-top:12px}select,input,textarea{width:100%;margin-top:5px}.crud-frame{border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:14px;padding:14px;margin-top:12px}.notice{margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel2)}.token-window{height:620px;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:#05070b;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45}.stream-event{border:1px solid rgba(255,255,255,.09);border-radius:10px;margin-bottom:10px;background:rgba(255,255,255,.025);overflow:hidden}.stream-event header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.08);padding:7px 9px;background:rgba(255,255,255,.035)}.event-kind{color:var(--accent);font-weight:800}.output-event .event-kind{color:var(--ok)}.stream-event pre{margin:0;padding:10px;white-space:pre-wrap;word-break:break-word;max-height:360px;overflow-y:auto}.minute-marker{text-align:center;color:var(--muted);border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);padding:6px;margin:8px 0}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);padding:10px 8px;vertical-align:top;text-align:left}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}code{color:#d8e2ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}@media(max-width:1200px){.token-window-grid,.cards,.counter-grid,.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.shell{padding:12px}.token-window-grid,.cards,.counter-grid,.form-grid{grid-template-columns:1fr}.panel-head,.window-head,.topbar{flex-direction:column}}.inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.inspector-detail pre{background:#05070b;border:1px solid var(--border);border-radius:10px;padding:12px;white-space:pre-wrap;word-break:break-word;max-height:520px;overflow:auto}.selected-row{background:rgba(139,180,255,.08)}@media(max-width:900px){.inspector-grid{grid-template-columns:1fr}}
.stats-filter-grid{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:18px;align-items:start}.stats-chart-frame{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;align-items:stretch}.stats-yaxis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:7px 0 7px 0;color:var(--muted);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}.stats-filter-label{margin-top:12px;margin-bottom:5px}.model-filter-list{display:flex;gap:8px;flex-wrap:wrap}.model-check{display:inline-flex;align-items:center;gap:7px;margin:0;background:var(--panel2);border:1px solid var(--border);border-radius:999px;padding:8px 11px;color:var(--text)}.model-check input{width:auto;margin:0}.stats-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.chart-panel{min-width:0}.stats-chart{width:100%;height:auto;display:block;background:#0b0e14;border:1px solid var(--border);border-radius:12px}.chart-axis{stroke:var(--muted);stroke-width:1}.chart-gridline{stroke:var(--border);stroke-width:1;stroke-dasharray:4 8}.chart-average{stroke:#d8dee9;stroke-width:1.5;stroke-dasharray:10 7;opacity:.9}.chart-axis-label{fill:var(--muted);font-size:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.chart-line{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.series-a{stroke:#8bb4ff}.series-b{stroke:#52d273}.series-c{stroke:#f6c85f}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;margin:2px 0 8px;color:var(--muted);font-size:12px}.chart-legend span:before{content:"";display:inline-block;width:16px;height:3px;margin-right:6px;vertical-align:middle;border-radius:999px}.legend-a:before{background:#8bb4ff}.legend-b:before{background:#52d273}.legend-c:before{background:#f6c85f}.legend-average:before{background:transparent;border-top:2px dashed #d8dee9;height:0}.chart-scale,.chart-xlabels{color:var(--muted);font-size:12px}.chart-xlabels{display:flex;justify-content:space-between;margin-top:6px;padding-left:94px}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media(max-width:1000px){.stats-chart-grid{grid-template-columns:1fr}.stats-filter-grid{grid-template-columns:1fr}}@media(max-width:600px){.stats-chart-frame{grid-template-columns:68px minmax(0,1fr)}.stats-yaxis{font-size:10px}.chart-xlabels{padding-left:76px}}
.model-selector-box{max-height:330px;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:#0b0e14;padding:4px;scrollbar-gutter:stable}.model-system-group{padding:6px 8px 10px}.model-system-group+.model-system-group{border-top:1px solid var(--border)}.model-system-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#0b0e14;color:var(--text);font-weight:750;padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.model-system-head span:last-child{color:var(--muted);font-size:11px;font-weight:500}.model-selector-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;margin:0;padding:8px 6px;border-radius:8px;color:var(--text)}.model-selector-row:hover{background:rgba(255,255,255,.035)}.model-selector-label{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;align-items:start;color:var(--text)}.model-selector-label input{width:auto;margin:2px 0 0}.model-selector-clear{padding:4px 10px;font-size:12px;white-space:nowrap;align-self:start}.model-selector-delete{padding:4px 10px;font-size:12px;white-space:nowrap;align-self:start;background:#3a1418;border:1px solid var(--bad);color:#ffb3b3}.model-selector-delete:hover{border-color:var(--bad);background:#4d1a20}.model-selector-copy{display:grid;gap:2px;min-width:0}.model-selector-name{font-size:13px;font-weight:650;overflow-wrap:anywhere}.model-selector-copy code{overflow-wrap:anywhere}.model-selector-endpoint{color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.agent-tools-frame{width:100%;min-height:900px;border:1px solid #334155;border-radius:8px;background:#fff}
.link-button{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
.button-link{display:inline-block;padding:.55rem .8rem;border:1px solid #64748b;border-radius:6px;text-decoration:none}
.pill.warn{background:#7c2d12;color:#ffedd5}


/* Persistent Chats */
.chat-shell{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:1rem;align-items:start}.chat-sidebar{position:sticky;top:.75rem;max-height:calc(100vh - 1.5rem);overflow:auto}.chat-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.chat-list-item{text-align:left;display:flex;flex-direction:column;gap:.2rem;width:100%}.chat-list-item span{font-size:.78rem;opacity:.72}.chat-list-item.selected{outline:2px solid currentColor}.chat-main{min-width:0}.chat-transcript{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.chat-message{border:1px solid rgba(128,128,128,.35);border-radius:.6rem;padding:.75rem}.chat-message.user{margin-left:8%}.chat-message.assistant{margin-right:8%}.chat-message.system{opacity:.85}.chat-message-head{display:flex;gap:.65rem;align-items:center;margin-bottom:.45rem;font-size:.82rem}.chat-message-head span{opacity:.7;flex:1}.chat-message pre{white-space:pre-wrap;word-break:break-word;margin:0;font:inherit}.chat-composer{position:static;padding-top:.75rem;background:var(--background-color,inherit)}.chat-composer textarea{width:100%}.small{padding:.25rem .45rem;font-size:.75rem}.button-link{display:inline-block;padding:.45rem .7rem;border:1px solid currentColor;border-radius:.35rem;text-decoration:none}@media(max-width:900px){.chat-shell{grid-template-columns:1fr}.chat-sidebar{position:static;max-height:none}.chat-message.user,.chat-message.assistant{margin-left:0;margin-right:0}}
.chat-image{display:block;max-width:min(100%,720px);max-height:520px;object-fit:contain;border-radius:.55rem;border:1px solid rgba(128,128,128,.35);background:#05070a}.chat-image-link{display:inline-block;margin:.25rem 0 .35rem}.chat-image-meta{font-size:.75rem;opacity:.7;margin-bottom:.5rem}.chat-image-dropzone{border:1px dashed rgba(128,128,128,.5);border-radius:.65rem;padding:.7rem}.chat-image-dropzone.dragover{outline:2px solid currentColor}.chat-image-input{display:none}.chat-pending-images{display:flex;gap:.65rem;flex-wrap:wrap;margin-bottom:.6rem}.chat-pending-image{display:flex;flex-direction:column;gap:.25rem}.chat-pending-image img{width:132px;height:96px;object-fit:cover;border-radius:.45rem;border:1px solid rgba(128,128,128,.35)}.chat-artifact{margin:.35rem 0 .65rem}.chat-video{display:block;max-width:min(100%,800px);max-height:560px;background:#05070a;border:1px solid rgba(128,128,128,.35);border-radius:.55rem}.chat-audio{display:block;width:min(100%,720px);margin:.3rem 0}.chat-pdf{display:block;width:min(100%,900px);height:560px;border:1px solid rgba(128,128,128,.35);border-radius:.55rem;background:#fff}.chat-file-card{display:flex;flex-direction:column;gap:.25rem;padding:.7rem;border:1px solid rgba(128,128,128,.35);border-radius:.55rem;max-width:720px;background:rgba(255,255,255,.025)}.chat-pending-file{width:180px;min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:.25rem;padding:.5rem;border:1px solid rgba(128,128,128,.35);border-radius:.45rem;overflow-wrap:anywhere}.chat-pending-file span{font-size:.72rem;opacity:.7}.chat-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:end;margin:.5rem 0}.chat-url-row input{margin:0}@media(max-width:700px){.chat-url-row{grid-template-columns:1fr}.chat-pdf{height:420px}}
.nav-card{position:sticky;top:0;z-index:1000;margin-bottom:20px;background:var(--panel);box-shadow:0 4px 14px rgba(0,0,0,.25)}.nav-card .tabs{margin:0}.primary-tabs{margin-top:4px!important}.secondary-tabs{margin-top:10px!important;padding-top:10px;border-top:1px solid var(--border)}.secondary-tabs a{padding:7px 11px;font-size:13px}.dashboard-status-panel{padding-bottom:10px}.status-list{display:grid;gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.015)}.status-row{display:grid;grid-template-columns:150px minmax(180px,1.1fr) minmax(220px,1.5fr) 110px;gap:12px;align-items:center;min-height:34px;padding:6px 10px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text)}.status-row:last-child{border-bottom:0}.status-row:hover{background:rgba(139,180,255,.06)}.status-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.status-detail{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-state{text-align:right;font-size:12px;font-weight:700}.status-state.bad,.attention-row .status-state{color:var(--bad)}.attention-row{background:rgba(255,107,107,.055)}.compact-token-summary{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 12px;color:var(--muted);font-size:13px}.compact-token-summary strong{color:var(--text)}.live-token-window-grid{margin-bottom:0}.live-token-windows-panel>.token-window-grid .token-window-card{margin-bottom:0}@media(max-width:900px){.status-row{grid-template-columns:120px 1fr}.status-detail{grid-column:2;white-space:normal}.status-state{grid-column:2;text-align:left}}.footerbar{margin-top:22px;margin-bottom:0}.cp-panel-toggle{white-space:nowrap}.cp-panel-auto-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.cp-panel-auto-title{font-weight:750}.panel.cp-collapsed>:not(.panel-head):not(.window-head):not(.cp-panel-auto-head){display:none!important}.panel.cp-collapsed{padding-bottom:12px}.chat-view-options{margin-left:auto}.chat-transcript{max-height:calc(100vh - 330px);overflow-y:auto;scrollbar-gutter:stable;padding-right:.25rem}.chat-transcript.reverse-order{flex-direction:column-reverse}@media(max-width:700px){.footerbar{align-items:flex-start}.chat-transcript{max-height:none;overflow:visible}}
/* v3.7.3 compact card headers + chat layout */
.panel-head,.window-head,.cp-panel-auto-head{position:relative;padding-right:92px}.cp-panel-toggle{position:absolute!important;top:0;right:0;margin:0!important}.panel.cp-collapsed .panel-head p,.panel.cp-collapsed .window-head p{display:none!important}.panel.cp-collapsed .panel-head,.panel.cp-collapsed .window-head,.panel.cp-collapsed .cp-panel-auto-head{margin-bottom:0!important;min-height:32px}.panel-head h1,.panel-head h2,.panel-head h3,.window-head h1,.window-head h2,.window-head h3,.cp-panel-auto-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;margin-bottom:0}.agent-current-selector{max-width:720px;margin:.35rem 0 1rem}.nav-card .agent-current-selector{max-width:none;margin:0}.nav-card .agent-current-selector label{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}.nav-card .agent-current-selector select{width:auto;min-width:220px;max-width:min(420px,65vw);margin:0;padding:7px 10px;flex:0 1 auto}.chat-main{display:block}.chat-title-line{display:flex;align-items:center;min-height:42px;margin:0 0 .65rem}.chat-title-line h2{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.chat-options-card{margin:0 0 .85rem;padding:12px}.chat-options-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.chat-composer-actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.chat-composer-actions input{margin:0;min-width:180px;flex:1 1 320px}.chat-composer-spacer{flex:1 1 auto}.chat-send-button{margin-left:auto;min-width:90px}@media(max-width:700px){.chat-composer-actions{flex-wrap:wrap}.chat-composer-spacer{display:none}.chat-send-button{margin-left:auto}.panel-head,.window-head,.cp-panel-auto-head{padding-right:84px}}

.chat-turn-status{position:static;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;margin:8px 0;border:1px solid #536078;border-radius:8px;font-size:.85rem}.chat-turn-status code{overflow-wrap:anywhere}.chat-turn-status button{margin-left:auto}
/* Nested chat settings cards collapse independently within the outer card. */
.chat-subcard{margin:.75rem 0 0;padding:.75rem;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.025)}
.procedure-script-backdrop{z-index:90}.procedure-script-modal{width:min(1180px,94vw);max-height:92vh;overflow:auto}.procedure-script-header{margin-bottom:.8rem}.procedure-script-step{margin:.65rem 0}.procedure-script-step-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.procedure-script-step-head>div{display:flex;flex-direction:column;gap:.15rem}.procedure-script-fields{display:flex;flex-direction:column;gap:.55rem;margin-top:.65rem}.procedure-script-field{border:1px solid var(--border);border-radius:8px;padding:.6rem}.procedure-script-field-head{display:flex;justify-content:space-between;gap:.75rem}.procedure-script-field-controls{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(240px,1fr);gap:.6rem;margin-top:.45rem}.procedure-script-output{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.6rem;font-size:.78rem}.procedure-script-preview pre{max-height:260px;overflow:auto}.procedure-script-summary{display:flex;gap:1rem;flex-wrap:wrap;margin:.7rem 0;font-size:.82rem}.procedure-script-actions{justify-content:flex-end}@media(max-width:760px){.procedure-script-field-controls{grid-template-columns:1fr}}
.chat-context-card{padding:12px;margin:0 0 .85rem}.chat-context-value{font-size:1.12rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.chat-context-card small{font-size:.72rem;opacity:.72}
.chat-workflow-card{padding:12px;margin:0 0 .85rem}.workflow-head{display:flex;flex-direction:column;align-items:stretch;gap:.18rem}.workflow-title{display:block;width:100%;white-space:normal;line-height:1.15}.workflow-run-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.workflow-run-meta>span:first-child{font-size:.75rem;opacity:.68}.workflow-run-summary{font-size:.72rem;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;font-variant-numeric:tabular-nums}.workflow-status-completed{font-weight:700}.workflow-status-active{font-weight:700}.workflow-status-blocked,.workflow-status-failed{font-weight:700}.workflow-steps{list-style:none;padding:0;margin:.45rem 0 0;display:flex;flex-direction:column;gap:.25rem}.workflow-step{padding:.34rem .48rem;border:1px solid var(--border);border-radius:7px;cursor:pointer;transition:border-width .08s ease,opacity .08s ease}.workflow-step:hover{filter:brightness(1.04)}.workflow-step.active{border-width:2px}.workflow-step.completed{opacity:.86}.workflow-step.pending{opacity:.66}.workflow-step-summary{display:flex;align-items:center;gap:.38rem;min-width:0}.workflow-step-summary>strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.workflow-step-marker{font-weight:800;text-align:center;flex:0 0 1rem}.workflow-step-time{margin-left:auto;white-space:nowrap;font-size:.72rem;opacity:.8;font-variant-numeric:tabular-nums}.workflow-step-details{display:flex;flex-direction:column;gap:.16rem;margin:.28rem 0 .05rem 1.38rem;min-width:0}.workflow-step-capability{font-size:.74rem;opacity:.72}.workflow-step-meta{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;font-size:.71rem;opacity:.8}.workflow-step-meta code{max-width:100%;overflow:hidden;text-overflow:ellipsis}.workflow-terminal{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-top:.45rem;font-size:.72rem}.workflow-empty{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;opacity:.78}.workflow-live-phase{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.35rem}.workflow-live-phase span{font-weight:700}@media(max-width:700px){.workflow-run-meta{align-items:flex-start;flex-direction:column;gap:.08rem}.workflow-run-summary{white-space:normal}.workflow-step-summary>strong{white-space:normal}.workflow-step-time{align-self:flex-start}}
.chat-subcard .panel-head{margin-bottom:.5rem;padding-right:92px;display:flex}
.chat-subcard .panel-head h3{white-space:normal;overflow:visible}
.chat-settings-card{max-height:none;overflow:visible;flex-shrink:0;padding:12px}
.chat-settings-card .form-grid{grid-template-columns:minmax(0,1fr);gap:6px}
.chat-settings-card label{margin-top:2px;font-size:12px;line-height:1.3}
.chat-settings-card input:not([type="checkbox"]),.chat-settings-card select{margin-top:3px;padding:6px 8px;min-height:32px}
.chat-settings-card .chat-subcard{padding:9px;margin-top:8px}
.chat-settings-card .panel-head p{font-size:12px;line-height:1.35;margin-bottom:6px}
.chat-settings-card .actions{gap:6px;margin-top:8px}
.chat-settings-card button{padding:6px 9px}
.chat-left-rail .toggle-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:6px 9px;min-height:30px;border-radius:8px;margin-top:2px;line-height:1.25}
.chat-left-rail .toggle-row input[type="checkbox"]{width:16px;height:16px;flex:0 0 16px;margin:0;padding:0}
.chat-live-viewer{border:1px solid var(--border);border-radius:10px;padding:12px;margin:12px 0}.chat-live-viewer p{font-size:.8rem;color:var(--muted)}
.chat-round-dialogue{border:1px solid var(--border);border-radius:8px;padding:9px;margin:8px 0}
.chat-round-dialogue summary{cursor:pointer;font-weight:600}
.chat-round-dialogue pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;padding:8px;background:#05070b}
.chat-round-dialogue p{color:var(--muted);font-size:.8rem;margin:8px 0}
.chat-round-dialogue h5{margin:12px 0 4px}
.chat-settings-card .chat-subcard{display:block;width:100%;min-width:0}
.chat-settings-card label{min-width:0}.chat-settings-card small{display:block;line-height:1.3;margin-top:3px}
.chat-audit-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.chat-audit-stats span,.chat-audit-stats strong{display:block;overflow-wrap:anywhere}
.chat-audit-stats span{color:var(--muted);font-size:.85rem}
.chat-round-card,.chat-arriving-media{border:1px solid var(--border);border-radius:10px;padding:12px;margin:12px 0}
.chat-round-event{padding:8px 0;border-top:1px solid var(--border)}
.chat-round-event pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}
.chat-subcard.chat-options-card{margin-top:0}
/* v3.7.6 chats left rail: Options and Agentic Settings cards above the Chats list */
.chat-shell{grid-template-columns:minmax(300px,400px) minmax(0,1fr)}
.chat-left-rail{display:flex;flex-direction:column;gap:1rem;position:sticky;top:.75rem;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;min-width:0}
.chat-left-rail .panel{margin-bottom:0}
.chat-sidebar{max-height:none;overflow:visible}
@media(max-width:900px){.chat-left-rail{position:static;max-height:none;overflow:visible}}
.chat-message-turn-status{cursor:pointer;margin:.35rem 0 0}
.chat-message-turn-status:hover{border-color:var(--accent)}
.chat-audit-hint{opacity:.55;font-size:.75rem;margin-left:auto}
.chat-audit-backdrop{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;padding:1.5rem}
.chat-audit-modal{width:min(1100px,96vw);max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.chat-audit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.chat-audit-head p{margin:.25rem 0 0;color:var(--muted);font-size:.8rem}
.chat-audit-modal>*{flex-shrink:0}
.chat-audit-json{flex:1 1 auto;overflow:auto;margin:.75rem 0 0;padding:12px;background:#05070b;border:1px solid var(--border);border-radius:10px;font-size:.78rem;white-space:pre-wrap;word-break:break-word}
/* v3.7.6 chats viewport-fit: nav sticky + cards fill the screen; transcript and rail scroll internally only */
.chat-shell{height:calc(100vh - 220px);min-height:420px}
.chat-left-rail,.chat-main{height:100%}.chat-main{overflow:hidden}
.chat-main{display:flex;flex-direction:column}
.chat-sidebar{height:auto;max-height:none}
.chat-main>.chat-transcript{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}
.chat-context-stats{margin-top:12px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel2);color:var(--muted);font-size:.75rem}
@media(max-width:900px){.chat-shell{height:auto}.chat-left-rail,.chat-main{height:auto;overflow:visible}}
/* Storefront audio spectrum, sized to fit a chat message. Native audio stays visible until JS binds. */
.chat-audio-player{box-sizing:border-box;display:block;width:min(100%,720px);min-width:0;height:clamp(11rem,22svh,16rem);overflow:hidden;border:1px solid var(--border,rgba(255,255,255,.1));border-radius:1.1rem;background:#050505}
.chat-audio-player__shell{box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) 3.25rem;gap:.75rem;width:100%;height:100%;min-width:0;padding:.8rem;overflow:hidden}
.chat-audio-player__spectrum{box-sizing:border-box;display:block;width:100%;height:100%;min-height:0;border:1px solid var(--border,rgba(255,255,255,.1));border-radius:.8rem;background:rgba(255,255,255,.035)}
.chat-audio-player__element{display:block;width:100%;max-height:3rem}
.chat-audio-player[data-cp-audio-ready] .chat-audio-player__element{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip-path:inset(50%)}
.chat-audio-player__controls{box-sizing:border-box;display:none;grid-template-columns:auto minmax(0,1fr) auto minmax(5rem,9rem);align-items:center;gap:.65rem;height:3.25rem;min-width:0;padding:.35rem .7rem;border:1px solid var(--border,rgba(255,255,255,.1));border-radius:.8rem;background:rgba(255,255,255,.045);color:#f4f4f5}
.chat-audio-player[data-cp-audio-ready] .chat-audio-player__controls{display:grid}
.chat-audio-player__play{min-width:4.25rem;height:2.1rem;margin:0;padding:0 .65rem;border:1px solid var(--border,rgba(255,255,255,.1));border-radius:.6rem;background:rgba(255,255,255,.08);color:#fff;font-weight:700;cursor:pointer}
.chat-audio-player__play:focus-visible,.chat-audio-player input:focus-visible{outline:2px solid var(--accent,#8bb4ff);outline-offset:2px}
.chat-audio-player__seek,.chat-audio-player__volume{display:block;width:100%;min-width:0;height:1.45rem;margin:0;accent-color:var(--accent,#8bb4ff)}
.chat-audio-player__time{min-width:6rem;color:#d4d4d8;font-size:.78rem;text-align:center;white-space:nowrap}
@media(max-width:540px){.chat-audio-player{height:11rem}.chat-audio-player__shell{grid-template-rows:minmax(0,1fr) 3rem;padding:.6rem;gap:.55rem}.chat-audio-player__controls{grid-template-columns:auto minmax(0,1fr) auto;height:3rem;gap:.4rem;padding:.3rem .45rem}.chat-audio-player__volume{display:none}.chat-audio-player__time{min-width:4.6rem;font-size:.7rem}}