:root{color-scheme:dark light;--bg:var(--cd-bg,#1d1e1e);--surface:var(--cd-sidebar,#242525);--raised:var(--cd-raised,#2b2c2c);--fg:var(--cd-fg,#d8d9d6);--muted:var(--cd-muted,#969b95);--border:var(--cd-strong,#383b37);--accent:var(--cd-accent,#badca3);--accent-fg:var(--cd-accent-fg,#13230c);--focus:var(--cd-focus,#b8d6a8);--danger:var(--cd-danger,#f28b82);--success:var(--cd-success,#a8cb95)}
*{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:13px/1.5 var(--vscode-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button,input,textarea,select{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid var(--focus);outline-offset:3px}button{border:0;background:transparent}input,select,textarea{color:var(--fg);background:var(--raised);border:1px solid var(--border);border-radius:6px;padding:8px 10px;min-width:0}select{max-width:100%}input::placeholder,textarea::placeholder{color:var(--cd-muted,#838780)}input[type=checkbox]{accent-color:var(--focus);width:16px;height:16px;cursor:pointer}textarea{resize:vertical}p{margin:0;color:var(--muted)}h1,h2,h3{font-weight:550;margin:0;line-height:1.2}h1{font-size:27px;letter-spacing:-.9px}h2{font-size:15px}h3{font-size:13px}small{font-size:11px}kbd{font:11px var(--vscode-editor-font-family,monospace);opacity:.45}a{color:var(--cd-link,#badca3)}.hidden{display:none!important}.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}.app{display:flex;height:100vh;min-height:350px;overflow:hidden}.sidebar{width:214px;flex:none;background:var(--surface);border-right:1px solid var(--border);padding:22px 13px 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;text-align:left;padding:1px 8px 25px;font-weight:600;font-size:14px;white-space:nowrap}.brand small{display:block;font-size:7px;letter-spacing:1px;font-weight:500;margin-top:3px;color:var(--muted)}.brand-mark{width:29px;height:32px;display:grid;place-items:center;border:1px solid var(--muted);font-size:27px;line-height:1;border-radius:4px;transform:rotate(-5deg)}.new-chat{border:1px solid var(--border);background:var(--raised);border-radius:6px;width:100%;height:36px;display:flex;gap:10px;align-items:center;padding:0 10px;text-align:left;margin-bottom:24px}.new-chat>span{font-size:21px;font-weight:300}.new-chat kbd{margin-left:auto}.main-nav{display:grid;gap:3px}.nav-item{height:35px;border-radius:5px;display:flex;align-items:center;gap:10px;padding:0 10px;text-align:left;color:var(--muted)}.nav-item>span:first-child{width:16px;font-size:17px;text-align:center}.nav-item.active,.nav-item:hover,.settings-link.active,.settings-link:hover{background:var(--raised);color:var(--fg)}.count{margin-left:auto;font-size:10px;background:var(--bg);border-radius:4px;padding:0 6px;line-height:17px;color:var(--muted)}.recent-header{display:flex;align-items:center;justify-content:space-between;margin:25px 8px 7px;color:var(--muted);font-size:9px;letter-spacing:1px}.recent-sessions{overflow:auto;flex:1;min-height:0}.recent-session{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;width:100%;padding:8px 10px;border-radius:5px;font-size:12px;color:var(--muted)}.recent-session.active{color:var(--fg);background:var(--raised)}.recent-session:hover{color:var(--fg)}.sidebar-empty{padding:9px 10px;font-size:11px;line-height:1.65}.sidebar-bottom{border-top:1px solid var(--border);padding:17px 3px;display:flex;align-items:center;gap:9px;flex:none;margin-top:15px}.sidebar-bottom>div{min-width:0;flex:1}.sidebar-bottom strong{font-size:10px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.sidebar-bottom small{display:block;font-size:9px;color:var(--muted)}.connection-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--success);flex:none}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:53px;flex:none;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:10px}.breadcrumbs{display:flex;align-items:center;gap:12px;min-width:0}.breadcrumbs>span:first-child{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.breadcrumbs strong{font-size:11px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slash{opacity:.3;font-size:17px}.topbar-actions{display:flex;align-items:center;gap:7px}.local-badge{font-size:8px;letter-spacing:1px;color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:1px 5px;margin-right:9px}.icon-button{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:5px;color:var(--muted);font-size:17px;flex:none;padding:0}.icon-button:hover{background:var(--raised);color:var(--fg)}.page{flex:1;min-height:0;min-width:0}.chat-page{display:flex;flex-direction:column}.conversation{overflow:auto;flex:1;padding:30px clamp(20px,7vw,100px) 20px;scroll-behavior:smooth}.welcome{max-width:660px;margin:clamp(15px,6vh,80px) auto 25px}.welcome-mark{font-size:40px;line-height:50px;width:51px;height:51px;margin-bottom:27px;border:1px solid var(--border);border-radius:11px;text-align:center;background:var(--surface)}.eyebrow{font-size:8px;letter-spacing:1.55px;color:var(--muted);font-weight:600;margin-bottom:14px}.welcome h1{font-size:clamp(28px,3.2vw,42px);letter-spacing:-1.7px;line-height:1.16;margin-bottom:16px}.welcome>p{font-size:12px;line-height:1.75}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:37px}.suggestions button{padding:14px 13px;text-align:left;border:1px solid var(--border);border-radius:8px;transition:background .15s,border-color .15s}.suggestions button:hover{background:var(--surface);border-color:var(--muted)}.suggestions button>span{font-size:20px;display:block;color:var(--muted);margin-bottom:10px}.suggestions strong{font-size:11px;display:block;font-weight:500}.suggestions small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.composer-area{width:100%;max-width:980px;align-self:center;padding:12px clamp(20px,5vw,60px) 19px;flex:none}.composer{border:1px solid var(--border);background:var(--surface);border-radius:12px;box-shadow:0 5px 20px #0000000c;transition:border-color .15s}.composer:focus-within{border-color:var(--muted)}.composer textarea{display:block;min-height:76px;max-height:240px;resize:vertical;width:100%;border:0;background:transparent;padding:15px 16px 6px;line-height:1.6;font-size:13px}.composer textarea:focus-visible{outline:0}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;flex-wrap:wrap}.composer-selects{display:flex;align-items:center;gap:4px;min-width:0;flex:1;flex-wrap:wrap}.composer-selects select,.composer-selects input{background:transparent;border:1px solid transparent;font-size:10px;padding:4px 5px;height:27px;border-radius:5px;max-width:190px}.composer-selects select:hover,.composer-selects input:hover{background:var(--raised)}.composer-selects input{flex:1;min-width:95px;width:130px}.composer-selects option{background:var(--raised);color:var(--fg)}.composer-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.send-button,.stop-button{background:var(--fg);color:var(--bg);font-size:20px;border-radius:7px;display:grid;place-items:center;width:28px;height:28px;margin-left:5px}.stop-button{font-size:12px;background:var(--raised);color:var(--fg);border:1px solid var(--border)}.composer-footnote{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:9px 2px 0;color:var(--muted);font-size:9px;line-height:1.5}.subtle{opacity:.4;margin:0 5px}.attachment-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.attachment-chip{background:var(--raised);border:1px solid var(--border);border-radius:5px;padding:4px 8px;font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages,.activity,.approvals,#live-message{max-width:780px;margin-left:auto;margin-right:auto}.message{display:flex;gap:12px;margin-bottom:27px}.message-avatar{flex:none;width:27px;height:27px;display:grid;place-items:center;background:var(--raised);border:1px solid var(--border);border-radius:7px;font-size:17px}.user .message-avatar{font-size:10px;color:var(--muted)}.message-content{flex:1;min-width:0}.message-label{font-size:10px;font-weight:600;margin:5px 0 10px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:13px}.stream-label{font-weight:400;color:var(--muted);font-size:9px;margin-left:7px}.activity{font-size:11px;color:var(--muted);border-left:1px solid var(--border);padding-left:14px;margin-bottom:20px;max-height:220px;overflow:auto}.activity-item{padding:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.activity-item strong{font-weight:500;color:var(--fg)}.activity details{padding:4px 0}.activity summary{cursor:pointer}.activity details p{white-space:pre-wrap;font-size:11px;margin-top:8px}.approval-card{border:1px solid var(--focus);border-radius:8px;padding:16px;margin-bottom:18px;background:var(--surface)}.approval-card h3{margin-bottom:9px}.approval-card pre{font:11px/1.6 var(--vscode-editor-font-family,monospace);white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;color:var(--muted)}.approval-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.notice{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:8px 23px;background:var(--surface);font-size:11px;border-bottom:1px solid var(--border);flex:none}.notice.error{color:var(--danger)}.settings-page{display:flex;overflow:hidden}.settings-nav{width:190px;flex:none;border-right:1px solid var(--border);padding:32px 14px;overflow:auto}.settings-nav-heading{font-size:8px;letter-spacing:1.2px;color:var(--muted);margin:0 10px 19px}.settings-link{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font-size:15px;color:var(--muted);padding:9px 10px;border-radius:5px;margin:2px 0;white-space:nowrap}.settings-link span{font-size:11px}.settings-nav-footer{border-top:1px solid var(--border);padding:18px 9px 0;margin-top:18px;display:grid;gap:12px}.settings-nav-footer button{text-align:left;font-size:10px;color:var(--muted);padding:0}.settings-content{flex:1;min-width:0;padding:35px clamp(20px,4vw,60px);overflow:auto}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.settings-heading h1{font-size:25px;letter-spacing:-.6px}.settings-heading p{font-size:11px;margin-top:10px;line-height:1.7}.settings-heading .eyebrow{margin-bottom:12px}.primary-button,.secondary-button,.danger-button{font-size:11px;padding:7px 11px;border-radius:5px;white-space:nowrap;line-height:1.5}.primary-button{background:var(--accent);color:var(--accent-fg)}.secondary-button{background:var(--raised);border:1px solid var(--border)}.secondary-button:hover{border-color:var(--muted)}.danger-button{color:var(--danger);border:1px solid var(--border)}.settings-group{margin-bottom:24px}.group-title{font-size:10px;color:var(--muted);margin:0 0 9px 3px;font-weight:500}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;overflow:hidden}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:0}.setting-info{min-width:0;flex:1}.setting-info label,.setting-info strong{font-size:11px;font-weight:500;display:block}.setting-info p{font-size:10px;line-height:1.65;margin-top:3px;max-width:520px}.setting-row>input:not([type=checkbox]),.setting-row>select{max-width:220px;width:42%;font-size:11px}.setting-row>input[type=number]{width:80px}.setting-row.stacked{display:block}.setting-row.stacked>textarea,.setting-row.stacked>input{display:block;max-width:none;width:100%;margin-top:12px;font-size:11px}.setting-row.stacked>textarea{min-height:90px}.setting-row .status-badge{flex:none}.status-badge{font-size:8px;text-transform:uppercase;letter-spacing:.7px;border:1px solid var(--border);border-radius:4px;color:var(--muted);padding:3px 6px;line-height:1.5}.status-badge.available{color:var(--success)}.settings-note{font-size:11px;border-left:2px solid var(--focus);padding:10px 14px;background:var(--surface);line-height:1.7;margin-bottom:22px;color:var(--muted)}.settings-disclaimer{color:var(--muted);font-size:9px;line-height:1.8;border-top:1px solid var(--border);padding-top:17px;margin-top:30px}.profile-list{display:grid;gap:10px;margin-bottom:14px}.profile-card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:7px;padding:13px 15px;gap:12px;background:var(--surface)}.profile-card strong{font-size:12px;font-weight:500}.profile-card p{font-size:10px;margin-top:4px;overflow-wrap:anywhere}.profile-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.profile-actions button{font-size:10px;padding:5px 8px}.profile-form{padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.profile-form h2{font-size:12px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px;min-width:0}.field label{font-size:10px;color:var(--muted)}.field input,.field select{width:100%;font-size:11px}.field.wide{grid-column:1/-1}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.form-actions p{font-size:10px;line-height:1.6}.model-list{padding:8px 17px}.model-item{display:flex;align-items:center;gap:10px;font-size:11px;padding:9px 0;border-bottom:1px solid var(--border)}.model-item:last-child{border-bottom:0}.model-item code{font-size:10px;color:var(--muted)}.empty-block{padding:23px;color:var(--muted);font-size:11px;line-height:1.8;border:1px dashed var(--border);border-radius:8px}.history-page{padding:38px clamp(20px,6vw,80px);overflow:auto}.history-heading h1{margin-bottom:12px}.history-heading>p{font-size:12px}.history-toolbar{display:flex;align-items:center;gap:15px;margin:30px 0 18px}.history-toolbar input{flex:1;font-size:12px;padding:10px 12px}.history-toolbar>span{font-size:10px;color:var(--muted);white-space:nowrap}.history-list{display:grid;gap:9px}.history-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.history-open{flex:1;min-width:0;text-align:left;padding:0}.history-open strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-open p{font-size:10px;margin-top:6px}.history-open small{display:block;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:7px}.history-card .icon-button:hover{color:var(--danger)}
@media(min-width:1500px){.welcome{margin-top:10vh}.conversation{padding-left:10%;padding-right:10%}.settings-content{padding-right:10%;padding-left:6%}}
@media(max-width:1100px){.sidebar{width:180px;padding-left:10px;padding-right:10px}.brand{font-size:12px;gap:9px}.brand small{font-size:6px}.settings-nav{width:162px;padding-left:8px;padding-right:8px}.settings-heading{align-items:flex-start;flex-wrap:wrap}.settings-heading h1{font-size:23px}.setting-row{padding:14px;gap:12px}}
@media(max-width:800px){.sidebar{width:54px;padding:19px 7px 0}.brand{padding:0 5px 24px}.brand>span:last-child,.new-chat,.nav-item>span:not(:first-child),.recent-header,.recent-sessions,.sidebar-bottom{display:none}.brand-mark{width:27px;height:28px;font-size:24px}.nav-item{font-size:0;padding:0;justify-content:center}.nav-item>span:first-child{font-size:19px}.main-nav{gap:9px}.topbar{padding:0 17px}.conversation{padding-left:24px;padding-right:24px}.composer-area{padding-left:20px;padding-right:20px}.settings-nav{width:153px}.settings-content{padding:27px 20px}.settings-heading .primary-button{margin-top:0}.settings-link{padding-left:8px}.suggestions small{font-size:8px}.suggestions button{padding:12px 10px}.setting-row{flex-wrap:wrap}.setting-row>input:not([type=checkbox]),.setting-row>select{width:100%;max-width:none}.setting-row>input[type=number]{width:80px}.setting-info{min-width:120px}.profile-card{flex-wrap:wrap}.profile-actions{justify-content:flex-start}.composer-footnote{font-size:8px}.history-page{padding:28px}}
@media(max-width:570px){.sidebar{display:none}.topbar{height:42px;padding:0 13px}.breadcrumbs>span:first-child,.slash,.local-badge{display:none}.topbar-actions{gap:4px}.topbar:after{content:none}.welcome{margin-top:25px}.welcome-mark{margin-bottom:22px}.welcome h1{font-size:32px}.suggestions{grid-template-columns:1fr;margin-top:25px;gap:7px}.suggestions button{display:grid;grid-template-columns:24px 1fr;gap:1px 10px;padding:11px 12px}.suggestions button>span{grid-row:1/3;margin:0;align-self:center}.suggestions small{font-size:9px;margin-top:2px}.conversation{padding:22px 17px 12px}.composer-area{padding:9px 13px 12px}.composer-footnote>span:last-child{display:none}.composer-selects{gap:0}.composer-selects select,.composer-selects input{font-size:9px;max-width:132px}.composer-selects input{min-width:80px;width:100px}.settings-page{flex-direction:column}.settings-nav{width:100%;display:flex;flex:none;overflow-x:auto;padding:10px;border-right:0;border-bottom:1px solid var(--border);gap:5px}.settings-nav-heading,.settings-nav-footer{display:none}.settings-link{width:auto;gap:5px;padding:7px 9px;margin:0}.settings-link span{font-size:10px}.settings-content{padding:24px 16px}.settings-heading{gap:12px}.settings-heading h1{font-size:24px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.settings-heading .primary-button{font-size:10px}.history-page{padding:25px 17px}.history-toolbar{gap:10px}.history-toolbar>span{font-size:9px}.history-card{padding:13px;gap:8px}.message{gap:9px}.message-text{font-size:12px}.setting-info p{font-size:10px}}
.compact-nav{display:none}.connection-dot.untrusted{background:var(--vscode-editorWarning-foreground,#cca700)}
@media(max-width:570px){.compact-nav{display:flex;gap:3px}.compact-nav .active{background:var(--raised);color:var(--fg)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Layout belongs to each presentation; colors and typography belong to VS Code. */
:root{--bg:var(--cd-bg,Canvas);--surface:var(--cd-sidebar,var(--bg));--raised:var(--cd-raised,var(--bg));--fg:var(--cd-fg,CanvasText);--muted:var(--cd-muted,GrayText);--border:var(--cd-border,var(--vscode-contrastBorder,GrayText));--accent:var(--cd-accent,Highlight);--accent-fg:var(--cd-accent-fg,HighlightText);--focus:var(--cd-focus,Highlight);--danger:var(--cd-danger,CanvasText);--success:var(--cd-success,CanvasText);--ui-size:var(--vscode-font-size,13px)}
html,body{height:100%;overflow:hidden}body{font-family:var(--vscode-font-family,sans-serif);font-weight:var(--vscode-font-weight,400);font-size:var(--ui-size)}
.app{height:100dvh;min-height:0;display:grid;grid-template-columns:var(--menu-size,214px) 5px minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"menu menu-resizer main";--composer-size:190px;--activity-size:260px}
.app[data-menu=right]{grid-template-columns:minmax(0,1fr) 5px var(--menu-size,214px);grid-template-areas:"main menu-resizer menu"}
.app[data-menu=top]{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--menu-size,164px) 5px minmax(0,1fr);grid-template-areas:"menu" "menu-resizer" "main"}
.app[data-menu=bottom]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 5px var(--menu-size,164px);grid-template-areas:"main" "menu-resizer" "menu"}
.app.menu-collapsed[data-menu=left]{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"menu main"}.app.menu-collapsed[data-menu=right]{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"main menu"}
.app.menu-collapsed[data-menu=top]{grid-template-rows:44px minmax(0,1fr);grid-template-areas:"menu" "main"}.app.menu-collapsed[data-menu=bottom]{grid-template-rows:minmax(0,1fr) 44px;grid-template-areas:"main" "menu"}
.app .sidebar{grid-area:menu;display:flex;width:auto;min-width:0;min-height:0;padding:14px 10px 0;border:0;overflow:hidden}
.main{grid-area:main;min-height:0;overflow:hidden}.app .brand{padding:0 3px 16px;font-size:calc(var(--ui-size)*1.08);gap:9px}.app .brand>span:last-child{display:block}.app .brand small{font-size:calc(var(--ui-size)*.54);letter-spacing:.7px}.app .brand-mark{border:0;transform:none;width:30px;height:32px;flex:none}.cardeal-mark{display:block;object-fit:contain;width:100%;height:100%}
.app .new-chat{display:flex;margin-bottom:15px;font-size:var(--ui-size)}.app .main-nav{display:grid;gap:3px}.app .nav-item{font-size:var(--ui-size);height:34px;justify-content:flex-start;gap:8px;padding:0 8px}.app .nav-item>span:first-child{font-size:17px}.app .nav-item>span:not(:first-child){display:inline}.app .recent-header{display:flex;margin-top:17px;font-size:calc(var(--ui-size)*.72)}.app .recent-sessions{display:block}.app .sidebar-bottom{display:flex;padding:12px 2px;margin-top:10px}.app .sidebar-bottom strong{font-size:calc(var(--ui-size)*.8);max-width:none}.app .sidebar-bottom small{font-size:calc(var(--ui-size)*.72)}.app .recent-session{font-size:calc(var(--ui-size)*.9)}
.app.menu-collapsed .sidebar{padding:8px 4px;align-items:center}.app.menu-collapsed .brand{padding:0;margin-bottom:12px}.app.menu-collapsed .brand>span:last-child,.app.menu-collapsed .new-chat,.app.menu-collapsed .recent-header,.app.menu-collapsed .recent-sessions,.app.menu-collapsed .sidebar-bottom{display:none}.app.menu-collapsed .nav-item{font-size:0;padding:0;justify-content:center;width:34px}.app.menu-collapsed .nav-item>span:not(:first-child){display:none}
.app:is([data-menu=top],[data-menu=bottom]) .sidebar{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:6px 14px;padding:8px 12px}.app:is([data-menu=top],[data-menu=bottom]) .brand{padding:0;align-self:center}.app:is([data-menu=top],[data-menu=bottom]) .brand small{display:none}.app:is([data-menu=top],[data-menu=bottom]) .new-chat{margin:0;width:auto;align-self:center}.app:is([data-menu=top],[data-menu=bottom]) .main-nav{display:flex;justify-content:flex-end;align-items:center;overflow:auto}.app:is([data-menu=top],[data-menu=bottom]) .nav-item{flex:none}.app:is([data-menu=top],[data-menu=bottom]) .recent-header{margin:0;grid-row:2;align-self:start}.app:is([data-menu=top],[data-menu=bottom]) .recent-sessions{grid-row:2;grid-column:2/4;display:flex;flex-wrap:wrap;align-content:flex-start;gap:2px}.app:is([data-menu=top],[data-menu=bottom]) .recent-session{width:auto;max-width:220px;padding:5px 8px}.app:is([data-menu=top],[data-menu=bottom]) .sidebar-bottom{display:none}
.app.menu-collapsed:is([data-menu=top],[data-menu=bottom]) .sidebar{display:flex;flex-direction:row;padding:4px 10px;gap:12px}.app.menu-collapsed:is([data-menu=top],[data-menu=bottom]) .brand{margin:0}.app.menu-collapsed:is([data-menu=top],[data-menu=bottom]) .main-nav{margin-left:auto}.app.menu-collapsed:is([data-menu=top],[data-menu=bottom]) .recent-sessions{display:none}
.resizer{position:relative;z-index:2;touch-action:none;background:var(--bg);flex:none}.menu-resizer{grid-area:menu-resizer}.resizer[aria-orientation=vertical]{width:5px;cursor:col-resize}.resizer[aria-orientation=horizontal]{height:5px;cursor:row-resize}.resizer:hover,.resizer.dragging,.resizer:focus-visible{background:var(--cd-focus,var(--focus));outline:0}.resizer:before{content:"";position:absolute;inset:-2px}
.topbar{height:auto;min-height:44px;padding:5px 10px;gap:7px;position:relative;z-index:5}.breadcrumbs{flex:1;gap:8px;overflow:hidden}.breadcrumbs strong{font-size:calc(var(--ui-size)*.9)}.breadcrumbs>span:first-child{font-size:calc(var(--ui-size)*.65)}.topbar-actions{gap:2px;flex:none}.icon-button{width:26px;height:28px}.toolbar-menu{position:relative}.toolbar-menu>summary{list-style:none;cursor:pointer}.toolbar-menu>summary::-webkit-details-marker{display:none}.toolbar-menu[open]>summary,.icon-button:hover{background:var(--cd-soft,var(--raised))}.toolbar-menu>summary:focus-visible{outline:1px solid var(--focus);outline-offset:1px}.toolbar-popover{position:absolute;right:0;top:calc(100% + 6px);width:220px;max-width:calc(100vw - 12px);display:grid;gap:9px;padding:12px;background:var(--cd-surface,var(--surface));color:var(--cd-fg,var(--fg));border:1px solid var(--cd-strong,var(--border));box-shadow:0 3px 12px var(--cd-shadow,transparent);border-radius:6px}.toolbar-popover label{font-size:calc(var(--ui-size)*.9)}.toolbar-popover select{width:100%;font-size:var(--ui-size);padding:5px 6px}.presentation-options{width:244px;gap:3px;padding:5px}.presentation-options button{text-align:left;padding:7px 9px;border-radius:3px;font-size:var(--ui-size);white-space:normal}.presentation-options button:hover{background:var(--cd-selected,var(--raised));color:var(--cd-selected-fg,var(--fg))}
.chat-workspace{display:grid;flex:1;min-height:0;min-width:0;overflow:hidden;grid-template-columns:minmax(0,1fr)}.conversation-pane{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.chat-workspace[data-split=right]{grid-template-columns:minmax(0,1fr) 5px var(--activity-size,260px)}.chat-workspace[data-split=bottom]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 5px var(--activity-size,200px)}
.conversation{padding:22px clamp(12px,4vw,60px) 12px;min-height:0;min-width:0;overscroll-behavior:contain}.welcome{margin:clamp(12px,4vh,45px) auto 22px}.welcome-mark{border:0;background:transparent;width:58px;height:58px;margin-bottom:20px;display:grid;place-items:center}.welcome h1{font-size:calc(var(--ui-size)*2.3);letter-spacing:-.7px}.welcome>p{font-size:var(--ui-size)}.eyebrow{font-size:calc(var(--ui-size)*.7)}.suggestions{gap:8px;margin-top:25px}.suggestions strong{font-size:calc(var(--ui-size)*.9)}.suggestions small{font-size:calc(var(--ui-size)*.78)}
.composer-area{height:var(--composer-size,190px);max-height:calc(100% - 80px);min-height:130px;max-width:none;align-self:stretch;padding:7px clamp(10px,3vw,40px) 10px;display:flex;flex-direction:column;overflow:auto;gap:4px}.composer{flex:1;min-height:90px;display:flex;flex-direction:column;border-radius:8px;box-shadow:none}.composer textarea{flex:1;min-height:38px;max-height:none;resize:none;padding:9px 11px 4px;font-size:var(--ui-size)}.composer-toolbar{padding:4px 7px;gap:4px;flex:none}.composer-selects select,.composer-selects input{font-size:calc(var(--ui-size)*.85);height:27px;max-width:170px}.composer-footnote{flex:none;padding-top:2px;font-size:calc(var(--ui-size)*.7)}.send-button{background:var(--accent);color:var(--accent-fg)}.workspace-context{display:flex;align-items:center;gap:7px;min-width:0;flex:none;font-size:calc(var(--ui-size)*.8);color:var(--muted)}.workspace-context label{flex:none}.workspace-context select{flex:1;min-width:0;padding:2px 5px;font-size:inherit;height:24px}.attachment-list{flex:none;margin:0}.attachment-chip{font-size:calc(var(--ui-size)*.8);padding:2px 5px}.message-text{font-size:var(--ui-size)}.message-label{font-size:calc(var(--ui-size)*.85)}.message{gap:9px}.activity-pane{overflow:hidden;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--surface)}.activity-pane>header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--border);flex:none;font-size:calc(var(--ui-size)*.9)}.activity-pane>p{padding:12px;font-size:calc(var(--ui-size)*.9)}.activity-pane .activity{max-width:none;max-height:none;flex:1;border:0;margin:0;padding:10px;overflow:auto;width:100%}.activity,.activity-item,.activity details p{font-size:calc(var(--ui-size)*.9)}
.settings-heading h1,.history-heading h1{font-size:calc(var(--ui-size)*1.9)}.settings-content{padding:24px clamp(12px,3vw,40px)}.settings-heading p,.setting-info label,.setting-info strong,.setting-row>input:not([type=checkbox]),.setting-row>select,.setting-row.stacked>textarea,.setting-row.stacked>input,.settings-note,.primary-button,.secondary-button,.danger-button,.field input,.field select{font-size:calc(var(--ui-size)*.9)}.setting-info p,.settings-nav-footer button,.settings-disclaimer,.field label,.form-actions p{font-size:calc(var(--ui-size)*.8)}.settings-link span{font-size:calc(var(--ui-size)*.9)}.group-title{font-size:calc(var(--ui-size)*.85)}.history-page{padding:24px clamp(12px,4vw,55px)}.history-open strong{font-size:var(--ui-size)}.history-open p,.history-open small{font-size:calc(var(--ui-size)*.82)}.notice{padding:7px 12px;font-size:calc(var(--ui-size)*.9)}
@media(max-width:850px){.suggestions{grid-template-columns:1fr}.suggestions button{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 9px;padding:10px}.suggestions button>span{grid-row:1/3;align-self:center;margin:0}.suggestions small{font-size:calc(var(--ui-size)*.78)}.settings-page{flex-direction:column}.settings-nav{display:flex;flex:none;width:100%;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--border);gap:4px}.settings-nav-heading,.settings-nav-footer{display:none}.settings-link{width:auto;gap:4px;padding:6px 8px;flex:none;margin:0}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.settings-heading{gap:12px}.settings-heading .primary-button{margin:0}.setting-row{flex-wrap:wrap}.setting-row>input:not([type=checkbox]),.setting-row>select{width:100%;max-width:none}.profile-card{flex-wrap:wrap}.profile-actions{justify-content:flex-start}}
@media(max-width:570px){.app:is([data-menu=top],[data-menu=bottom]):not(.menu-collapsed) .sidebar{grid-template-columns:auto minmax(0,1fr);gap:4px 8px}.app:is([data-menu=top],[data-menu=bottom]) .brand>span:last-child{display:none}.app:is([data-menu=top],[data-menu=bottom]) .new-chat{display:none}.app:is([data-menu=top],[data-menu=bottom]) .main-nav{grid-column:2}.app:is([data-menu=top],[data-menu=bottom]) .recent-header{display:none}.app:is([data-menu=top],[data-menu=bottom]) .recent-sessions{grid-column:1/3}.app:is([data-menu=top],[data-menu=bottom]) .nav-item{font-size:calc(var(--ui-size)*.85);padding:0 5px;gap:4px}.topbar{padding:5px 6px;gap:3px}.topbar-actions{gap:0}.topbar-actions .icon-button{width:24px}.breadcrumbs{gap:0}.breadcrumbs>span:first-child,.slash{display:none}.breadcrumbs strong{font-size:calc(var(--ui-size)*.85)}.conversation{padding:16px 10px 8px}.welcome{margin-top:10px}.welcome h1{font-size:calc(var(--ui-size)*1.95)}.welcome-mark{margin-bottom:12px;width:46px;height:46px}.composer-area{padding:4px 7px 7px}.composer-footnote>span:last-child{display:none}.composer-selects select,.composer-selects input{font-size:calc(var(--ui-size)*.78);padding:3px;max-width:132px}.composer-selects input{min-width:80px;width:90px}.composer-actions .icon-button{width:23px}.history-toolbar{margin-top:18px;gap:7px}.history-toolbar>span{font-size:calc(var(--ui-size)*.72)}.history-card{gap:6px;padding:10px}.toolbar-popover{position:fixed;top:44px;right:6px}.settings-content{padding:18px 10px}.setting-row{padding:12px}.setting-info{min-width:90px}.form-actions{flex-wrap:wrap}.history-card .icon-button{width:22px}}
@media(forced-colors:active){.resizer{background:CanvasText}.resizer:focus-visible{outline:2px solid Highlight}.cardeal-mark{forced-color-adjust:none}}
.toolbar-popover{position:fixed;top:var(--toolbar-bottom,44px);right:10px;max-height:calc(100dvh - var(--toolbar-bottom,44px) - 8px);overflow:auto}
.dark-mark{display:none}.vscode-dark .light-mark,.vscode-high-contrast .light-mark{display:none}.vscode-dark .dark-mark,.vscode-high-contrast .dark-mark{display:block}
.app.menu-collapsed:is([data-menu=top],[data-menu=bottom]) .nav-item{font-size:0;padding:0;width:34px}.composer:focus-within{border-color:var(--focus)}
.recent-session.running:before{content:"●";color:var(--cd-accent,var(--focus));font-size:.7em;margin-right:7px}

.gateway-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.gateway-catalog{margin-bottom:28px}.gateway-members{grid-column:1/-1;min-width:0;border:1px solid var(--border);border-radius:6px;padding:12px;display:grid;gap:8px}.gateway-members legend{color:var(--muted);font-size:calc(var(--ui-size)*.9)}.gateway-members label{display:flex;gap:9px;align-items:center;min-width:0}.gateway-members label .icon-button{margin-left:auto}.gateway-members label.gateway-binding{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,2fr)}.gateway-binding input{width:100%}.gateway-form textarea{font-family:var(--vscode-editor-font-family,monospace);font-size:var(--ui-size);resize:vertical;min-height:72px}.legacy-profiles{margin:25px 0}.legacy-profiles>summary{cursor:pointer;color:var(--muted);padding:8px 0}.profile-card strong,.profile-card p{overflow-wrap:anywhere}.gateway-form .field input[readonly]{opacity:.7}@media(max-width:570px){.gateway-members label.gateway-binding{grid-template-columns:1fr}.gateway-tabs button{padding:6px 9px}}

.agent-accounts { display:flex; flex-direction:column; gap:14px; margin-bottom:28px; min-width:0; }
.agent-account-card, .agent-provider-form { border:1px solid var(--cd-border); border-radius:8px; padding:18px; min-width:0; overflow-wrap:anywhere; }
.agent-account-header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.agent-status { color:var(--cd-fg); }
.agent-login-code { display:block; font-size:22px; letter-spacing:3px; padding:12px 0; user-select:all; }
.agent-provider-form { display:grid; gap:12px; background:var(--cd-surface); }
.agent-provider-form input, .agent-provider-form select { width:100%; min-width:0; box-sizing:border-box; }
.history-toolbar { flex-wrap:wrap; gap:10px; }
.history-toolbar select { max-width:100%; min-width:0; }
.native-archive-toggle { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.native-archive-toggle input { width:auto; }
.native-chat-info { padding:12px; border:1px solid var(--cd-border); overflow-wrap:anywhere; margin:10px 0; }
.native-date-heading { color:var(--cd-muted); margin:22px 0 12px; }
@media(max-width:600px) { .history-toolbar > input, .history-toolbar > select { flex-basis:100%; width:100%; } .agent-account-card,.agent-provider-form { padding:12px; } }

/* Conversation origin is an application, independent of the selected agent. */
.origin-cardeal { --origin-color:var(--vscode-charts-red,#dd6982); }
.origin-codex-vscode { --origin-color:var(--vscode-charts-blue,#6aaff7); }
.origin-cursor-ide { --origin-color:var(--vscode-charts-orange,#e7ac68); }
.origin-codex-cli { --origin-color:var(--vscode-charts-green,#7fbc84); }
.origin-codex-app { --origin-color:var(--vscode-charts-purple,#b39cda); }
.origin-unknown { --origin-color:var(--cd-muted,#9d9d9d); }
.origin-badge { display:inline-flex; align-items:center; width:max-content; max-width:100%; font-size:calc(var(--ui-size)*.73); line-height:1.4; font-weight:400; padding:0 5px; border:1px solid var(--origin-color); border-radius:4px; color:var(--origin-color); background:color-mix(in srgb,var(--origin-color) 8%,transparent); white-space:nowrap; }
.origin-filters { display:flex; flex-wrap:wrap; gap:5px; }
.origin-filter { font-size:calc(var(--ui-size)*.77); padding:3px 6px; border-radius:4px; border:1px solid var(--border); color:var(--muted); min-width:0; }
.origin-filter[aria-pressed=true] { color:var(--origin-color,var(--fg)); border-color:var(--origin-color,var(--focus)); background:var(--raised); }
.origin-filter:focus-visible { outline:1px solid var(--focus); outline-offset:2px; }
.history-origin-filters { margin:12px 0 6px; }
.recent-origin-filters { padding:0 4px 8px; flex:none; }
.recent-origin-filters .origin-filter { font-size:calc(var(--ui-size)*.7); padding:2px 4px; }
.history-heading h1 { font-size:calc(var(--ui-size)*1.55); margin-bottom:8px; }
.history-heading>p { font-size:calc(var(--ui-size)*.84); }
.history-list { gap:0; display:block; }
.history-card { padding:10px 5px; border:0; border-bottom:1px solid var(--border); border-radius:0; background:transparent; gap:9px; }
.history-card:hover { background:var(--cd-soft,var(--raised)); }
.history-card .history-open { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; align-items:center; }
.conversation-title { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:calc(var(--ui-size)*.9); font-weight:400; color:var(--fg); }
.conversation-path,.conversation-dates { display:block; min-width:0; grid-column:1/-1; color:var(--muted); font-size:calc(var(--ui-size)*.76); line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.native-date-heading { font-size:calc(var(--ui-size)*.83); font-weight:500; margin:20px 4px 3px; }
.recent-session { display:flex; flex-direction:column; align-items:flex-start; gap:3px; padding:8px 5px; border-bottom:1px solid var(--border); border-radius:3px; white-space:normal; }
.recent-title { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:calc(var(--ui-size)*.88); color:var(--fg); }
.recent-session .conversation-path,.recent-session .conversation-dates { width:100%; font-size:calc(var(--ui-size)*.71); }
.recent-session.running:before { content:none; }
.recent-session.running .recent-title:before { content:"● "; color:var(--cd-accent,var(--focus)); }
.app.menu-collapsed .recent-origin-filters { display:none; }
@media(max-width:600px) { .history-card .history-open { display:flex; flex-direction:column; align-items:flex-start; gap:4px; } .history-open>.conversation-path,.history-open>.conversation-dates { max-width:100%; } }

.conversation-dates { display:flex; flex-wrap:wrap; gap:2px 10px; white-space:normal; }
.conversation-dates>span { white-space:nowrap; }
.recent-session .conversation-dates { gap:1px 5px; }

/* Docking shell: panels retain their DOM, drafts and host session when moved. */
.app.is-dock-layout{display:flex;flex-direction:column;height:100vh;min-width:0;padding:0}
.is-dock-layout>.main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden}
.is-dock-layout .topbar{flex:none;padding:0 10px;gap:10px;min-height:43px}
.topbar-actions{margin-left:auto;gap:4px}.editor-open-button{border:0;background:transparent;color:var(--cd-muted);cursor:pointer;padding:5px 8px;white-space:nowrap}
.editor-open-button:hover{color:var(--cd-fg);background:var(--cd-soft)}
.dock-root{flex:1;min-height:0;min-width:0;position:relative;overflow:hidden}
.dock-root>.dock-split,.dock-root>.dock-group{height:100%;width:100%}
.dock-split{display:flex;min-width:0;min-height:0;height:100%;width:100%;overflow:hidden}
.dock-split-y{flex-direction:column}.dock-branch{min-width:0;min-height:0;overflow:hidden}
.dock-branch>.dock-group{height:100%;width:100%}
.dock-group{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;background:var(--cd-bg);overflow:hidden}
.dock-tabs{display:flex;align-items:center;flex:none;min-height:27px;background:var(--cd-sidebar);border-bottom:1px solid var(--cd-border);gap:1px;user-select:none;cursor:grab;touch-action:none}
.dock-tab{border:0;border-radius:0;padding:5px 9px;font-size:11px;line-height:17px;background:transparent;color:var(--cd-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:grab}
.dock-tab[aria-selected=true]{color:var(--cd-fg);background:var(--cd-bg);box-shadow:inset 0 1px var(--cd-focus)}
.dock-controls{margin-left:auto;display:flex;padding-right:3px}.dock-controls button{background:transparent;border:0;color:var(--cd-muted);cursor:pointer;padding:3px 6px}
.dock-controls button:hover{background:var(--cd-soft);color:var(--cd-fg)}
.dock-content{flex:1;min-height:0;min-width:0;overflow:hidden}.dock-content[hidden]{display:none!important}
.dock-sash{flex:0 0 5px;background:var(--cd-border);position:relative;z-index:3;touch-action:none}
.dock-split-x>.dock-sash{cursor:col-resize}.dock-split-y>.dock-sash{cursor:row-resize}
.dock-sash:hover,.dock-sash:focus-visible{background:var(--cd-focus,var(--cd-focus))}
.dock-floating{position:absolute;z-index:8;border:1px solid var(--cd-strong);box-shadow:0 6px 24px var(--cd-shadow);border-radius:7px;min-width:200px;min-height:140px}
.dock-float-resize{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;z-index:10;background:linear-gradient(135deg,transparent 55%,var(--cd-muted) 56%,transparent 65%,var(--cd-muted) 70%,transparent 78%);touch-action:none}
.dock-float-target{display:none;position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:20;padding:16px 28px;border:1px dashed var(--cd-focus);border-radius:8px;background:var(--cd-surface);pointer-events:auto}
.dock-dragging .dock-float-target{display:block}
.dock-group[data-drop]::after{content:"";position:absolute;inset:2px;border:2px solid var(--cd-focus);background:color-mix(in srgb,var(--cd-focus) 18%,transparent);z-index:12;pointer-events:none}
.dock-group[data-drop=left]::after{right:50%}.dock-group[data-drop=right]::after{left:50%}.dock-group[data-drop=top]::after{bottom:50%}.dock-group[data-drop=bottom]::after{top:50%}
.is-dock-layout .sidebar{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;border:0;padding:14px 12px;overflow:hidden;background:var(--cd-sidebar)}
.is-dock-layout .sidebar .brand{padding:0 0 15px;gap:10px}.is-dock-layout .brand small{font-size:8px}
.is-dock-layout .main-nav{display:flex;flex-direction:column}.is-dock-layout .nav-item{display:flex}.is-dock-layout .recent-sessions{display:block;flex:1;min-height:40px;overflow:auto}
.is-dock-layout .sidebar-bottom{display:flex;margin-top:auto}.is-dock-layout .recent-header{display:flex}
.is-dock-layout .page{height:100%;width:100%;min-height:0;min-width:0;margin:0}
.is-dock-layout .chat-page{display:flex;flex-direction:column;padding:0}
.is-dock-layout .chat-workspace{display:flex;flex:1;min-height:0;min-width:0}
.is-dock-layout .conversation-pane{display:flex;flex:1;min-width:0;min-height:0;width:100%}
.is-dock-layout .conversation{flex:1;min-width:0;min-height:0;height:100%;padding:24px clamp(14px,4vw,60px);overflow:auto}
.is-dock-layout .activity-pane{display:flex;flex-direction:column;width:100%;height:100%;padding:10px;min-width:0;min-height:0;border:0}
.is-dock-layout .activity-pane>header{display:none}.is-dock-layout .activity-pane .activity{flex:1;overflow:auto}
.is-dock-layout .settings-page{display:flex;overflow:auto}.is-dock-layout .settings-nav{flex:0 0 178px;min-width:140px}.is-dock-layout .settings-content{min-width:0;flex:1;overflow:auto;padding:26px}
.is-dock-layout .history-page{overflow:auto;padding:24px}
.is-dock-layout .composer-area{display:flex;flex-direction:column;height:100%;min-height:0;width:100%;padding:8px 14px;position:relative;border:0;background:var(--cd-bg);overflow:auto}
.is-dock-layout .workspace-context{flex:none;margin:0 2px 6px;display:flex;align-items:center;gap:6px}
.is-dock-layout .workspace-context select{border:0;background:transparent;font-size:11px;color:var(--cd-muted);padding:2px;max-width:100%;min-width:0}
.is-dock-layout .composer{display:flex;flex-direction:column;flex:1;min-height:95px;border:1px solid var(--vscode-input-border,var(--cd-border));border-radius:18px;padding:7px 8px;background:var(--cd-raised)}
.is-dock-layout .composer:focus-within{border-color:var(--cd-focus);box-shadow:none}
.is-dock-layout .composer textarea{flex:1;min-height:36px;resize:none;border:0;outline:none;box-shadow:none;background:transparent;padding:8px;font-family:var(--vscode-font-family);font-size:var(--vscode-font-size);line-height:1.6}
.is-dock-layout .composer-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:0}
.is-dock-layout .composer-selects,.composer-models{display:flex;align-items:center;flex-wrap:wrap;gap:2px;min-width:0}.composer-models{margin-left:auto}
.is-dock-layout .composer select,.is-dock-layout #model{background:transparent;border:0;padding:5px 4px;font-size:11px;min-width:0;max-width:180px;color:var(--cd-fg)}
.is-dock-layout #model{width:150px}.is-dock-layout #provider{max-width:180px}
.is-dock-layout .composer-add>summary{border-radius:50%;font-size:22px;width:28px;height:28px;background:var(--cd-soft)}
.is-dock-layout .send-button,.is-dock-layout .stop-button{border-radius:50%;width:29px;height:29px;margin-left:4px;flex:none}
.is-dock-layout .composer-footnote{flex:none;display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:9px;line-height:1.4;color:var(--cd-muted)}
.composer-add .toolbar-popover{position:fixed;top:auto;bottom:75px;left:24px;right:auto;max-width:calc(100vw - 40px);z-index:40;display:flex;flex-direction:column}
.toolbar-popover button{text-align:left;border:0;background:transparent;color:var(--cd-fg);cursor:pointer;padding:8px 10px;border-radius:4px}
.toolbar-popover button:hover{background:var(--cd-soft)}
.model-picker,.native-features{flex:none;background:var(--cd-surface);border:1px solid var(--cd-strong);border-radius:8px;margin-top:6px;max-height:240px;overflow:auto;padding:8px}
.picker-heading{display:flex;align-items:center;gap:6px}.picker-heading strong{font-size:11px;margin-right:auto}
#model-status,.native-features p{font-size:11px;color:var(--cd-muted);margin:5px 0}
#model-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:4px}
.model-option,.feature-item{display:flex;flex-direction:column;gap:3px;align-items:flex-start;background:transparent;color:var(--cd-fg);border:1px solid transparent;border-radius:5px;padding:6px;text-align:left;font-size:11px;cursor:pointer}
.model-option small,.feature-item small{color:var(--cd-muted);font-size:10px}
.model-option:hover,.feature-item:hover{background:var(--cd-soft)}
.model-option[aria-pressed=true],.feature-item[aria-pressed=true]{border-color:var(--cd-focus);background:var(--cd-selected)}
.native-features h3{font-size:11px;margin:12px 0 5px}.provider-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:17px;height:17px}
.provider-mark{width:100%;height:100%;object-fit:contain}.provider-mark-light{display:none}
body.vscode-light .provider-mark-dark{display:none}body.vscode-light .provider-mark-light{display:block}
.message .provider-icon{width:19px;height:19px;margin-top:3px}
.is-dock-layout .messages{max-width:900px;margin:0 auto}
.is-dock-layout .message{gap:12px;margin:0 0 28px}
.is-dock-layout .message.user{margin-left:auto;width:fit-content;max-width:85%;padding:12px 16px;border-radius:16px;background:var(--cd-raised,var(--cd-raised))}
.is-dock-layout .message.user .message-avatar,.is-dock-layout .message.user .message-label{display:none}
.message-text{white-space:normal;overflow-wrap:anywhere}.message-text p{white-space:pre-wrap;margin:0 0 10px;line-height:1.7}
.message-text pre{background:var(--cd-code,var(--cd-sidebar));border:1px solid var(--cd-border);border-radius:8px;overflow:auto;padding:12px;white-space:pre;margin:10px 0}
.message-text code{font-family:var(--vscode-editor-font-family);font-size:var(--vscode-editor-font-size)}
.message-text :not(pre)>code{background:var(--cd-code,var(--cd-sidebar));padding:2px 4px;border-radius:4px}
.code-block{position:relative}.code-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--cd-muted)}
.code-heading button,.chat-link{border:0;color:var(--cd-link);background:transparent;cursor:pointer;padding:0;font:inherit}
.message-text h2,.message-text h3,.message-text h4{font-size:1.1em;margin:14px 0 8px}
.message-label{font-size:10px!important;color:var(--cd-muted)}
@media(max-width:700px){.editor-open-button span{display:none}.is-dock-layout .settings-nav{flex-basis:120px;min-width:100px}.is-dock-layout .settings-content{padding:14px}.is-dock-layout .composer-footnote>span:last-child{display:none}.is-dock-layout .composer-area{padding:6px}.is-dock-layout .conversation{padding:14px}.is-dock-layout #provider{max-width:145px}}

.chat-code-bar{display:flex;align-items:center;justify-content:space-between;color:var(--cd-muted);font-size:10px}
.chat-code-bar button{border:0;background:transparent;color:var(--cd-link);cursor:pointer}
.chat-list-line{line-height:1.7;margin:4px 0}

.is-dock-layout .composer-area{max-height:none}
.dock-grip{color:var(--cd-muted);padding:0 12px;font-size:16px;cursor:move}
.dock-content{container-type:inline-size;container-name:cardeal-pane}
@container cardeal-pane (max-width:700px){
 .is-dock-layout .settings-page{flex-direction:column}
 .is-dock-layout .settings-nav{flex:0 0 auto;min-width:0;width:100%;overflow-x:auto;display:flex;padding:7px;gap:4px;border-bottom:1px solid var(--cd-border)}
 .settings-nav-heading,.settings-nav-footer{display:none}
 .settings-link{width:auto;flex:none;margin:0;padding:6px}
 .is-dock-layout .settings-content{padding:14px}
 .suggestions{grid-template-columns:1fr}
 .setting-row,.profile-card{flex-wrap:wrap}
 .form-grid{grid-template-columns:1fr}
 .is-dock-layout .history-page{padding:14px}
}

/* Compact activity timeline. Long commands stay in disclosed, scrollable details. */
#activity.activity{border:0;background:transparent;padding:4px 0;margin:12px 0;min-width:0}
.message-activity{border:0!important;border-radius:0!important;padding:0!important;margin:14px 0 0!important;color:var(--muted);font-size:calc(var(--ui-size)*.9);max-width:100%;min-width:0}
.message-activity>.work-summary,.activity-live-heading{display:flex;align-items:center;gap:7px;min-width:0;padding:6px 0;line-height:1.5;color:var(--muted);font-size:inherit;list-style:none}
.message-activity>summary{cursor:pointer}.message-activity>summary::-webkit-details-marker,.agent-activity-card>summary::-webkit-details-marker{display:none}
.work-glyph,.work-chevron,.activity-glyph,.activity-chevron{display:inline-flex;align-items:center;flex:none}
.message-activity .cardeal-icon,#activity .cardeal-icon{width:15px;height:15px}
.work-label{min-width:0}.activity-count{font-size:.9em;white-space:nowrap;color:var(--muted);opacity:.8}.work-chevron{margin-left:1px;transition:transform .15s}
.message-activity:not([open])>.work-summary .work-chevron{transform:rotate(-90deg)}
.agent-activity-list{margin-top:6px;padding:0 0 0 4px;border-left:1px solid var(--border);min-width:0}
.agent-activity-card{border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;min-width:0;margin:0!important;color:var(--muted)}
.agent-activity-card>summary{display:flex;align-items:center;gap:7px;min-width:0;padding:4px 2px!important;line-height:1.65;font-size:calc(var(--ui-size)*.9);list-style:none;cursor:pointer;color:var(--muted)}
.agent-activity-card>summary:hover,.message-activity>summary:hover{color:var(--fg)}
.agent-activity-card>summary:focus-visible,.message-activity>summary:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:3px}
.activity-title{display:block;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}
.activity-time{font-size:.9em;white-space:nowrap;flex:none;font-variant-numeric:tabular-nums}
.activity-status{font-size:.85em;white-space:nowrap;color:var(--danger)}
.activity-chevron{transition:transform .15s}.agent-activity-card[open]>summary .activity-chevron{transform:rotate(180deg)}
.activity-leaf>summary{cursor:default}.activity-leaf .activity-chevron{visibility:hidden}
.activity-detail{margin:4px 0 8px 21px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:9px;min-width:0;overflow:hidden;color:var(--muted)}
.activity-detail-label{font-size:.85em;margin-bottom:7px;color:var(--muted)}
.activity-command{margin:0!important;padding:0!important;max-height:220px;overflow:auto!important;background:transparent!important;white-space:pre!important;overflow-wrap:normal!important;word-break:normal!important;font-size:calc(var(--ui-size)*.85)!important;line-height:1.65!important;color:inherit;font-weight:400}
.activity-thought.message-text{font-size:calc(var(--ui-size)*.9)}.activity-files,.activity-plan{padding-left:18px;margin:0;overflow-wrap:anywhere}
.activity-glyph.is-running{color:var(--accent);animation:activity-pulse 1.6s ease-in-out infinite}
@keyframes activity-pulse{50%{opacity:.4}}
@media(prefers-reduced-motion:reduce){.activity-glyph.is-running{animation:none}.activity-chevron,.work-chevron{transition:none}}
@media(max-width:380px){.activity-status{font-size:.75em}.agent-activity-card>summary{gap:4px}.activity-detail{margin-left:12px;padding:8px}.activity-count{margin-left:auto}}

.native-sync{display:flex;align-items:center;gap:7px;margin:6px 0 12px;color:var(--muted);font-size:calc(var(--ui-size)*.8);min-width:0}.native-sync .cardeal-icon{width:14px;height:14px;flex:none}.native-sync span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.effort-heading-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--muted)}.effort-heading-icon .cardeal-icon{width:19px;height:19px}

/* Native settings catalog: bounded pages and readable JSON editors. */
.native-settings-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 8px}.native-settings-toolbar input{flex:1 1 230px}.native-settings-toolbar select{flex:0 1 240px}.native-setting-key{display:block;font-size:11px;overflow-wrap:anywhere;color:var(--muted);margin:4px 0}.native-setting-control{display:flex;flex-direction:column;gap:7px;min-width:0;flex:0 1 320px}.native-setting-control :is(input:not([type=checkbox]),select,textarea){width:100%}.native-setting-control input[type=checkbox]{align-self:flex-end}.native-setting-control textarea{resize:vertical;min-height:80px;max-height:340px;font-family:var(--vscode-editor-font-family,monospace)}.native-setting-control .profile-actions{flex-wrap:wrap;gap:6px}.native-setting-json{align-items:flex-start}.native-setting-json .native-setting-control{flex-basis:430px}.native-model-settings{margin:16px 0}.native-model-settings>summary{cursor:pointer;padding:8px 0}.native-settings-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.native-settings-form>button{margin-top:8px}.native-settings-form .setting-info{min-width:0;overflow-wrap:anywhere}@media(max-width:850px){.native-setting-control,.native-setting-json .native-setting-control{flex-basis:100%;width:100%}.native-settings-toolbar select{flex:1 1 100%}.native-settings-form .setting-row{gap:12px}.native-settings-pagination{font-size:11px}}

.native-settings-conflict{padding:12px;border:1px solid var(--vscode-editorWarning-foreground,#b69755);border-radius:6px;overflow-wrap:anywhere;margin:10px 0}.native-settings-conflict button{margin:8px 6px 0 0}.native-settings-pending-list{margin:12px 0}.native-settings-pending-list summary{cursor:pointer}.native-settings-pending-list button{display:block;text-align:left;overflow-wrap:anywhere;white-space:normal;margin-top:6px}

.agent-status{display:flex;align-items:center;gap:8px;min-height:24px}.account-state-icon{display:inline-flex;flex:none;width:17px;height:17px;color:var(--muted)}.account-state-icon .cardeal-icon{width:17px;height:17px;stroke-width:2}.agent-status[data-status=connected] .account-state-icon{color:var(--vscode-testing-iconPassed,#43b87a)}.agent-status[data-status=error] .account-state-icon{color:var(--vscode-errorForeground,#f47777)}.agent-status[data-status=checking] .account-state-icon{color:var(--vscode-progressBar-background,#49a6ed)}.agent-status[data-status=loggingIn] .account-state-icon{color:var(--vscode-editorWarning-foreground,#d5ac55)}.agent-status:is([data-status=checking],[data-status=loggingIn]) .account-state-icon{animation:account-check-spin 1.2s linear infinite}@keyframes account-check-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.agent-status .account-state-icon{animation:none!important}}

/* Reported progress stays distinct from the final answer. */

/* Slash palette floats above the composer and never increases its minimum height. */
 .slash-picker{position:fixed;z-index:1100;display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--cd-surface,var(--surface));box-shadow:0 8px 30px #0004;overflow:hidden;color:var(--fg)}
.slash-picker[hidden]{display:none}.slash-heading{display:flex;justify-content:space-between;align-items:center;padding:5px 10px 1px;gap:8px;font-size:10px;flex:none}.slash-heading strong{font-weight:500}.slash-group{padding:5px 10px 2px;color:var(--muted);font-size:10px}#slash-options{overflow:auto;min-height:0;padding:2px 5px 4px;overscroll-behavior:contain}.slash-option{display:flex;align-items:center;width:100%;gap:7px;text-align:left;border-radius:5px;padding:4px 7px;color:var(--fg);height:28px;min-height:28px}.slash-option:hover,.slash-option[aria-selected=true]{background:var(--raised);outline:1px solid transparent}.slash-option[aria-selected=true]{box-shadow:inset 2px 0 var(--focus)}.slash-option>svg{width:15px;height:15px;flex:none;color:var(--muted)}.slash-option-body{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.slash-option strong,.slash-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:19px}.slash-option strong{flex:0 1 auto;max-width:44%;font-size:12px;font-weight:500}.slash-option:hover strong,.slash-option[aria-selected=true] strong{font-weight:650}.slash-option small{flex:1;min-width:0;font-size:11px;color:var(--muted);margin:0}.slash-scope{font-size:10px;color:var(--muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}.slash-status{padding:4px 10px;border-top:1px solid var(--border);font-size:10px;color:var(--muted);flex:none;overflow-wrap:anywhere}.slash-more{width:100%;padding:5px;color:var(--focus);font-size:11px}body.vscode-high-contrast .slash-option[aria-selected=true],body.vscode-high-contrast-light .slash-option[aria-selected=true]{outline:1px solid var(--focus)}
@media(max-width:550px){.slash-option strong{max-width:55%}.slash-option-body{gap:5px}.slash-scope{max-width:58px;font-size:9px}.slash-heading{font-size:10px}}


.attachment-source{position:fixed;z-index:1100;width:min(340px,calc(100vw - 16px));padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 8px 28px #0004}.attachment-source>button{display:block;width:100%;text-align:left;padding:10px;border-radius:6px}.attachment-source>button:hover{background:var(--raised)}.attachment-source strong,.attachment-source small{display:block}.attachment-source small{color:var(--muted);font-size:11px;margin-top:2px}.file-attachment{display:inline-flex;align-items:center;gap:6px;white-space:normal}.file-attachment img{width:52px;height:44px;object-fit:contain;border-radius:4px}.file-attachment>span{overflow-wrap:anywhere}.file-attachment .icon-button{width:20px;height:20px}

/* Native background events remain available without impersonating user prompts. */
.system-notification{margin:12px 0 20px;color:var(--vscode-descriptionForeground);font-size:12px;min-width:0;}
.system-notification>summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;min-width:0;padding:4px 0;flex-wrap:wrap;}
.system-notification>summary::-webkit-details-marker{display:none;}
.system-notification summary svg,.system-notification summary .provider-icon{width:15px;height:15px;flex-shrink:0;}
.system-notification .notification-chevron{display:inline-flex;align-items:center;}
.system-notification:not([open]) .notification-chevron svg{transform:rotate(-90deg);}
.system-notification-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:inherit;line-height:1.6;margin:8px 0 0 22px;padding:10px 12px;border-left:1px solid var(--border);user-select:text;}
.missing-final-reply{color:var(--vscode-descriptionForeground);font-size:12px;line-height:1.5;margin:0 0 10px;}
.missing-final-reply p{margin:0 0 8px;}

.activity-bulk-footer[hidden]{display:none!important;}

/* Questions and queued follow-ups share the composer's width and remain reachable. */
.question-panel,.message-queue{flex:none;min-width:0;margin:4px 16px;max-height:42vh;overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--fg)}
.question-panel[hidden],.message-queue[hidden]{display:none!important}.question-card{padding:12px 16px}.question-heading,.queue-heading{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.question-heading svg{width:16px;height:16px}.question-card fieldset{border:0;margin:14px 0 0;padding:0;min-width:0}.question-card legend{font-weight:600;line-height:1.5;margin-bottom:8px;white-space:pre-wrap}.question-option{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;padding:6px;border-radius:6px;cursor:pointer;overflow-wrap:anywhere}.question-option:hover,.question-option:has(input:checked){background:var(--raised)}.question-option input{accent-color:var(--focus);width:14px;height:14px}.question-option small{display:block;flex-basis:100%;padding-left:48px;color:var(--muted)}.question-number{font-size:11px;color:var(--muted)}.question-custom,.queue-item textarea{box-sizing:border-box;resize:vertical;width:100%;margin-top:8px;background:var(--raised);border:1px solid var(--border);border-radius:6px;padding:8px;color:var(--fg);font:inherit}.question-controls,.queue-controls{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;align-items:center}.question-controls button,.queue-controls button,.queue-heading button{padding:5px 8px;border-radius:6px}.question-controls button:hover,.queue-controls button:hover,.queue-heading button:hover{background:var(--raised)}.question-error{color:var(--vscode-errorForeground);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.message-queue{max-height:23vh;padding:6px 10px}.queue-heading{justify-content:space-between}.queue-item{border-top:1px solid var(--border);padding:4px 0;font-size:12px}.queue-item summary{display:flex;gap:8px;align-items:center;cursor:pointer;padding:4px}.queue-item summary:before{content:'›';color:var(--muted)}.queue-item[open] summary:before{transform:rotate(90deg)}.queue-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.queue-number,.queue-count{color:var(--muted);font-size:10px}.composer .stop-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:36px;width:auto;padding:0 11px;height:34px;border:1px solid var(--focus);border-radius:18px;color:var(--fg);background:var(--raised);box-shadow:0 0 0 1px color-mix(in srgb,var(--focus) 25%,transparent);font-size:12px;font-weight:600}.composer .stop-button:hover{background:color-mix(in srgb,var(--focus) 20%,var(--raised));border-color:var(--fg)}.stop-button>span:first-child{font-size:14px;color:var(--focus)}.stop-button.hidden{display:none!important}
@media(max-width:420px){.question-panel,.message-queue{margin:4px 8px}.question-card{padding:10px}.question-option small{padding-left:8px}.stop-label{display:none}.composer .stop-button{width:36px;padding:0}.queue-controls{gap:3px;flex-wrap:wrap}.question-controls{flex-wrap:wrap}}

.is-dock-layout .composer .stop-button{width:auto;height:34px;padding:0 11px!important;flex-shrink:0}.composer .stop-button svg{width:15px;height:15px;color:var(--focus)}@media(max-width:420px){.is-dock-layout .composer .stop-button{width:36px;padding:0!important}}

.question-history{border-left:1px solid var(--border);padding:4px 12px;margin:8px 0;color:var(--muted);font-size:12px}.question-history summary{cursor:pointer}.question-history strong{display:block;margin-top:8px}.question-history p{white-space:pre-wrap;overflow-wrap:anywhere}

/* Numbered native inputs: the number itself is the selection target. */
.question-card .question-option{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:6px 10px;padding:7px 6px}.question-card .question-native-input{position:absolute;top:7px;left:6px;width:24px;height:24px;opacity:0;padding:0;margin:0;z-index:1;cursor:pointer}.question-card .question-number{grid-column:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--border);border-radius:50%;color:var(--muted);background:var(--raised);font-size:12px;font-variant-numeric:tabular-nums}.question-card .question-option>span:not(.question-number){padding-top:3px}.question-card .question-multiple .question-number{border-radius:5px}.question-card .question-option small{grid-column:2;padding:0;flex-basis:auto}.question-card .question-option:has(input:checked) .question-number{background:var(--focus);color:var(--vscode-button-foreground,#fff);border-color:var(--focus);font-weight:700}.question-card .question-option:has(input:focus-visible){outline:1px solid var(--focus);outline-offset:1px}
.composer-redirect{flex:none;border:1px solid var(--border);border-radius:50%;width:32px;height:32px}.composer-redirect svg{width:17px;height:17px}.composer-redirect:hover{background:var(--raised);color:var(--focus)}.queue-drag{cursor:grab;flex:none;padding:0;width:18px;height:22px;color:var(--muted)}.queue-drag:active{cursor:grabbing}.queue-drag svg{width:15px;height:18px;stroke-width:3}.queue-item.queue-dragging{opacity:.45}.queue-item.queue-drop{box-shadow:0 -2px 0 var(--focus)}#message-queue .queue-redirect{flex:none;width:26px;height:24px;color:var(--muted);padding:3px}#message-queue .queue-redirect:hover{color:var(--focus)}.queue-redirect svg{width:17px;height:17px}.queue-item summary .queue-text{min-width:0}.queue-controls{flex-wrap:wrap}.redirect-receipt{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.activity-glyph.activity-agents{display:inline-flex;align-items:center;width:auto;min-width:16px;gap:3px;flex-shrink:0}.subagent-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px}.subagent-avatar svg{width:14px;height:14px;fill:currentColor;fill-opacity:.25;stroke-width:2}.subagent-color-0{color:#67d8ba}.subagent-color-1{color:#80baff}.subagent-color-2{color:#ed8590}.subagent-color-3{color:#d9aaed}.subagent-color-4{color:#eac76a}.subagent-color-5{color:#9dd173}.subagent-extra{font-size:9px}.subagent-details{list-style:none;padding:0;margin:0;display:grid;gap:8px}.subagent-details li{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.subagent-status{font-size:11px;color:var(--muted)}.subagent-id,.subagent-path{font-size:10px;overflow-wrap:anywhere}.subagent-path{flex-basis:100%;padding-left:23px;color:var(--muted)}body.vscode-light .subagent-color-0{color:#16745d}body.vscode-light .subagent-color-1{color:#1d63aa}body.vscode-light .subagent-color-2{color:#b52f40}body.vscode-light .subagent-color-3{color:#874e9e}body.vscode-light .subagent-color-4{color:#816505}body.vscode-light .subagent-color-5{color:#46791d}

.composer-redirect.hidden{display:none!important}

.cardeal-select[data-for="external-destination"]{max-width:180px}.cardeal-select[data-for="external-destination"] .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:570px){.cardeal-select[data-for="external-destination"]{max-width:132px}}

.gateway-test-result:empty{display:none}.gateway-test-result{font-size:12px;white-space:normal;overflow-wrap:anywhere}.gateway-test-result[data-status="success"]{color:var(--vscode-testing-iconPassed,var(--vscode-descriptionForeground))}.gateway-test-result[data-status="error"]{color:var(--vscode-errorForeground)}

.queue-pause-reason{margin:6px 0 8px;font-size:11px;color:var(--vscode-descriptionForeground);line-height:1.5}

/* Account source and cycle metadata remain distinct, selectable lines. */
#usage-content > small { display:block; line-height:1.5; margin-top:5px; }

/* Menu actions share their label size; the new-chat icon never sizes the label. */
#menu button.new-chat{display:flex;height:30px;min-height:30px;margin:8px 0 12px;padding:0 10px;gap:8px;border:1px solid transparent;border-radius:5px;background:var(--vscode-button-background,#0078d4);color:var(--vscode-button-foreground,#fff);font-family:inherit;font-size:var(--menu-item-size,12px);font-weight:600;box-sizing:border-box;}
#menu button.new-chat:hover{background:var(--vscode-button-hoverBackground,#006cbe);}
#menu button.new-chat:focus-visible{outline:1px solid var(--vscode-focusBorder,#007fd4);outline-offset:2px;}
#menu button.new-chat>.menu-item-label{font-size:inherit;font-weight:600;line-height:1.3;}
#menu button.new-chat>.new-chat-icon{display:inline-flex;align-items:center;flex:none;font-size:inherit;}
#menu button.new-chat .cardeal-icon{width:16px;height:16px;}
#menu button.new-chat kbd{font-size:10px;font-weight:400;color:inherit;opacity:.8;}

.attachment-list:not(:empty){max-height:156px;overflow-y:auto;overscroll-behavior:contain;align-content:flex-start;}
.attachment-counts{flex-basis:100%;font-size:11px;line-height:1.4;color:var(--muted);}

#menu{--menu-item-size:12px;}
#menu .nav-item{font-size:var(--menu-item-size);}

/* Conversations share one connected chat surface; only their header tabs change. */
.dock-tabs:has(.dock-tab-shell){overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;align-items:stretch;}
.dock-tab-shell{display:inline-flex;align-items:center;flex:0 0 auto;min-width:90px;max-width:245px;position:relative;border-right:1px solid var(--cd-border,var(--border));}
.dock-floating .dock-tab-shell:not(.dock-conversation-tab){flex:0 1 auto;min-width:52px;}
.dock-tab-shell>.dock-tab{flex:1;min-width:0;max-width:220px;border-right:0;padding-right:4px;}
.dock-tab-shell .dock-tab-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dock-tab-shell>.dock-tab-close{flex:none;width:22px;height:24px;padding:3px;border:0;background:transparent;color:var(--muted);border-radius:4px;opacity:.35;}
.dock-tab-shell:hover>.dock-tab-close,.dock-tab-shell:focus-within>.dock-tab-close,.dock-tab-shell[data-active=true]>.dock-tab-close{opacity:1;}
.dock-tab-shell>.dock-tab-close:hover{background:var(--vscode-toolbar-hoverBackground,#ffffff12);color:var(--fg);}
.dock-tab-shell>.dock-tab-close .cardeal-icon{width:12px;height:12px;}
.conversation-tab-status,.conversation-tab-attention{display:inline-flex;flex:none;align-items:center;}
.conversation-tab-status .cardeal-icon,.conversation-tab-attention .cardeal-icon{width:12px;height:12px;}
.conversation-tab-attention{color:var(--vscode-notificationsWarningIcon-foreground,#cca55c);}
.dock-tabs:has(.dock-tab-shell)>.dock-controls{position:sticky;right:0;flex-shrink:0;background:var(--cd-bg,var(--surface));z-index:2;}
@media(max-width:500px){.dock-conversation-tab{min-width:80px;max-width:110px;}.dock-conversation-tab>.dock-tab{max-width:85px;}}

/* Motion stays local to its surface; text selection remains available. */
.dock-group{contain:layout style}.dock-floating{contain:layout style}
body.cardeal-interacting :is(.dock-content,.composer-area){scroll-behavior:auto}

/* Provider identity precedes the title; progress remains an independent marker. */
.conversation-list-card :is(.recent-session,.history-open){display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0;}
.conversation-provider-icon{width:14px;height:14px;min-width:14px;flex:0 0 14px;line-height:1;}
.conversation-provider-icon .provider-mark{width:14px;height:14px;max-width:14px;max-height:14px;object-fit:contain;}
.conversation-provider-icon .cardeal-icon{width:14px;height:14px;}
.dock-tab .conversation-provider-icon{width:13px;height:13px;min-width:13px;flex-basis:13px;}
.dock-tab .conversation-provider-icon .provider-mark{width:13px;height:13px;}
.conversation-list-card :is(.recent-title,.conversation-title){flex:1;}

/* Rich composer shares the source transport, sizing and theme with plain text. */
.composer-source-hidden{display:none!important}.composer-markdown{flex:1 1 auto;min-height:54px;min-width:0;overflow:auto;max-width:100%;box-sizing:border-box;padding:8px;color:var(--cd-fg,var(--vscode-editor-foreground));font:inherit;line-height:1.5}.composer-markdown[hidden]{display:none!important}.composer-rich-text{outline:none;min-height:100%;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.composer-rich-text p{margin:0 0 .45em}.composer-rich-text p:last-child{margin-bottom:0}.composer-rich-text p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--vscode-input-placeholderForeground,#8b8b8b);float:left;height:0;pointer-events:none}.composer-rich-text ul,.composer-rich-text ol{margin:.15em 0 .45em;padding-left:1.6em}.composer-rich-text li>p{margin:0}.composer-rich-text li::marker{color:var(--vscode-descriptionForeground)}.composer-rich-text pre{margin:.45em 0;padding:10px 12px;background:color-mix(in srgb,currentColor 8%,transparent);border-radius:7px;white-space:pre;overflow:auto}.composer-rich-text code{font-family:var(--vscode-editor-font-family,monospace);font-size:.92em;background:color-mix(in srgb,currentColor 8%,transparent);border-radius:3px;padding:1px 3px}.composer-rich-text pre code{background:transparent;padding:0}.composer-rich-text blockquote{border-left:2px solid var(--vscode-textBlockQuote-border,#777);margin:.45em 0;padding-left:12px;color:var(--vscode-descriptionForeground)}.composer-rich-text h1,.composer-rich-text h2,.composer-rich-text h3{line-height:1.35;margin:.6em 0 .3em}.composer-rich-text h1{font-size:1.35em}.composer-rich-text h2{font-size:1.2em}.composer-rich-text h3{font-size:1.08em}.composer-rich-text table{border-collapse:collapse;max-width:100%;margin:.45em 0}.composer-rich-text td,.composer-rich-text th{border:1px solid var(--vscode-panel-border,#555);padding:4px 8px;min-width:35px}.composer-rich-text a{color:var(--vscode-textLink-foreground);text-decoration:underline;cursor:text}.composer-rich-text ul[data-type=taskList]{list-style:none;padding-left:.3em}.composer-rich-text li[data-type=taskItem]{display:flex;gap:7px}.composer-rich-text li[data-type=taskItem]>label{user-select:none}.composer-rich-text li[data-type=taskItem]>div{flex:1;min-width:0}.composer-menu-check{margin-left:auto;color:var(--vscode-textLink-foreground)}[data-action=toggleComposerMarkdown][aria-checked=false] .composer-menu-check{visibility:hidden}

.composer-rich-text pre,.composer-rich-text code{color:inherit}

.composer-image-reference{display:inline-flex;max-width:100%;padding:1px 7px;border:1px solid var(--vscode-panel-border,#777);border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92em}

/* SDK billing is scoped to the current conversation, separate from account limits. */
.sdk-usage-tokens small{display:block;line-height:1.6}.usage-scope{display:block;margin-bottom:12px}.sdk-usage-message{overflow-wrap:anywhere}

/* Titles take their natural width and share the available header space. */
.dock-tab-shell,.dock-tab-shell.dock-conversation-tab{flex:0 1 auto;min-width:96px;max-width:none;padding-right:4px}
.dock-tab-shell>.dock-tab,.dock-tab-shell.dock-conversation-tab>.dock-tab{max-width:none;flex:1 1 auto;min-width:0}
.dock-tab-shell .dock-tab-title{flex:0 1 auto;min-width:0}
.dock-tab-resize{position:absolute;right:0;top:0;bottom:0;width:5px;z-index:3;cursor:col-resize;touch-action:none;user-select:none;-webkit-user-select:none}
.dock-tab-resize:hover,.dock-tab-resize:focus-visible{background:var(--cd-focus);outline:0}
.dock-tab-shell[data-width=manual]{flex-shrink:0}

/* Skills are inline references, with the same text color in either composer mode. */
.composer-skill-reference,.chat-skill-reference{color:var(--vscode-textLink-foreground);text-decoration:underline;text-underline-offset:2px;cursor:pointer;overflow-wrap:anywhere}.composer-skill-reference{border-radius:3px;padding:0 2px;white-space:normal}.composer-skill-reference:focus-visible{outline:1px solid var(--vscode-focusBorder)}

.queue-status{font-size:11px;color:var(--vscode-descriptionForeground);white-space:nowrap}.queue-item[aria-busy=true] .queue-text{opacity:.8}

.queue-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px;flex-wrap:wrap}.queue-heading .queue-stop{display:inline-flex;gap:5px;align-items:center}.queue-stop svg{width:13px;height:13px}.queue-remove{flex:none;width:26px;height:24px;padding:3px;color:var(--muted)}.queue-remove svg{width:16px;height:16px}.queue-remove:hover{color:var(--danger)}.queue-item summary .queue-text{flex:1;min-width:0}.queue-heading>strong{flex:none}.queue-heading{align-items:flex-start}.queue-heading-actions button{white-space:nowrap}

#message-queue{container:queue-controls / inline-size}@container queue-controls (max-width:320px){.queue-heading .queue-stop{width:26px;height:26px;padding:4px;justify-content:center}.queue-stop>span{display:none}.queue-heading-actions{flex-wrap:nowrap}}