/* Agent identity palette: the only source of Agent RGB values. */
:root{--codex-rgb:0 122 255;--hermes-rgb:187 131 38;--agent-rgb:var(--codex-rgb)}
:root[data-chat-agent=codex]{--agent-rgb:var(--codex-rgb)}
:root[data-chat-agent=hermes]{--agent-rgb:var(--hermes-rgb)}
:root,:root[data-chat-agent]{--agent-accent:rgb(var(--agent-rgb));--accent:var(--agent-accent)}
#sessions .session-open{--agent-rgb:var(--codex-rgb);--agent-bg:rgb(var(--agent-rgb)/.17);--agent-active:rgb(var(--agent-rgb)/.24)}
#sessions .session-open[data-agent=hermes]{--agent-rgb:var(--hermes-rgb)}
.theme-dark #sessions .session-open{--agent-bg:rgb(var(--agent-rgb)/.20);--agent-active:rgb(var(--agent-rgb)/.36)}
body .message.user{width:fit-content;max-width:85%;background:rgb(var(--agent-rgb)/.10);color:var(--chat-text)}
body .message.user .bubble{background:transparent;color:var(--chat-text)}
body .message.user .bubble-wrap{max-width:none;width:auto}
body .message.assistant,body .message.assistant .bubble{background:transparent;background-image:none}
body #composer{background:linear-gradient(rgb(var(--agent-rgb)/.035),rgb(var(--agent-rgb)/.035)),var(--composer-glass)}
body #composer #send,body #composer #stop,body #composer #send:disabled{background:radial-gradient(circle 17px at center,var(--agent-accent) 99%,transparent 100%)}
body #composer[data-reading=true] #send,body #composer[data-reading=true] #stop,body #composer[data-reading=true] #send:disabled{background:radial-gradient(circle 15px at center,var(--agent-accent) 99%,transparent 100%)}
#quota .quota-status{fill:var(--agent-accent);stroke:none}#quota .quota-progress{stroke:var(--agent-accent)}
/* Runtime state indicators in session rows retain their independent meanings. */

/* Compact, consistent icon controls and touch-friendly drawers. */
body .message.user{padding:5px 9px;background:rgb(var(--agent-rgb)/.055)}
.sidebar-head .nexus-wordmark{margin-right:auto}#agent-create-controls{display:flex;align-items:center;gap:2px}
.agent-create{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--text);border-radius:10px}
.agent-create svg,.appearance svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.agent-create:disabled{color:var(--muted);opacity:.4}.agent-create:not(:disabled):hover{background:var(--panel-2)}
.appearance button{display:grid;place-items:center;width:44px;height:44px;padding:11px}.appearance svg{width:20px;height:20px}
body #function-dock{height:min(340px,45dvh)}.dock-top{position:relative;min-height:32px;flex:none}.dock-handle{height:32px;touch-action:none}#dock-close-desktop{display:none;position:absolute;right:8px;top:2px;width:44px;height:44px;background:transparent}
#dock-content{overflow-y:auto;overscroll-behavior:contain}.tool-row{min-height:44px;padding:8px 10px;gap:9px;white-space:nowrap}.tool-row svg{width:18px;height:18px;flex:none}.tool-row span{font-size:14px;font-weight:600}.tool-description{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.dock-empty{font-size:13px;color:var(--muted);text-align:center}
@media(min-width:900px){body .app{padding-left:0}body .thread,body .composer-shell{padding-left:max(20px,calc((100vw - 800px)/2));padding-right:max(20px,calc((100vw - 800px)/2))}body .composer-shell,body #chat-accessories,body #function-dock{left:0}body #thread-menu.nexus-session-drawer{z-index:60;transform:translateX(calc((var(--nexus-drawer-progress,0) - 1) * var(--nexus-drawer-travel,calc(100% + 24px))));visibility:visible}body #thread-menu.nexus-session-drawer[data-drawer-state=closed]{visibility:hidden;pointer-events:none}body #thread-menu-scrim.nexus-drawer-scrim{display:block;visibility:visible;pointer-events:auto;position:fixed;inset:0;z-index:50;opacity:var(--nexus-drawer-progress,0);background:#18364f40}#thread-button.nexus-drawer-trigger{display:flex}#dock-close-desktop{display:grid}}

/* Pinned conversations stay in view while the remaining list scrolls. */
body #thread-menu.nexus-session-drawer{overflow:hidden}
body #sessions{min-height:0;flex:1;overflow:hidden;display:flex;flex-direction:column;gap:0}
.pinned-sessions{flex:0 1 auto;min-height:0;max-height:45%;overflow-y:auto;overscroll-behavior:contain;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.other-sessions{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}
.pinned-sessions .session-open,.other-sessions .session-open{margin-bottom:4px}
/* Function buttons use color feedback; only send has a circular backdrop. */
body .icon-button:not(#send),body .icon-button:not(#send):active,body .icon-button:not(#send)[aria-expanded=true],body .reply-tools [data-feedback],body .appearance button,body .appearance button[aria-pressed=true],body .agent-create,body .agent-create:not(:disabled):hover{background:transparent;border:0;box-shadow:none}
body #jump-latest:before{display:none}
body #composer #stop,body #composer[data-reading=true] #stop{background:transparent;color:var(--offline)}
body #quota .quota-status{fill:var(--status-color,var(--muted))}
body .reply-tools{gap:0;margin:0 0 8px -4px;justify-content:flex-start}
body .reply-tools .icon-button{display:flex;align-items:flex-start;justify-content:center;width:24px;min-width:24px;height:44px;min-height:44px;padding:2px 4px 0;border-radius:0}
body .reply-tools .icon-button svg{width:16px;height:16px}
body .reply-tools .command-summary{width:auto;min-width:0;align-items:center;padding:0 6px 0 0}
body .reply-tools [data-feedback=active]{color:var(--accent)}body .reply-tools [data-feedback=done]{color:#28ae70}body .reply-tools [data-feedback=error]{color:var(--offline)}
body #composer:not([data-reading=true]){padding-left:0;padding-right:10px}
body #composer:not([data-reading=true]) #text{padding-left:15px}
body #composer[data-reading=true]{padding-left:0;padding-right:10px}

/* Empty progress means no verified reasoning-strength value is available. */
#model .gauge-track{stroke:var(--chat-muted);opacity:.55}#model .gauge-progress{stroke:var(--agent-accent);stroke-dasharray:0 100}

/* Compact text rhythm and an explicit entry for unresolved receipts. */
body .thread{gap:25.6px}
body .message.user{padding-top:0;padding-bottom:0}
body .message.user .bubble{padding:0;line-height:1.6}
body .reply-tools{align-items:flex-start;margin-top:calc(1.28em - 2px);margin-bottom:0;height:calc(44px - 1.6em + .1px);min-height:0}
body .topbar .top-actions{width:auto;min-width:0}

/* Existing dialogue styling, extended only for the confirmed rename control. */
.rename-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rename-form input{flex:1 1 100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}
.catalog-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;border-top:1px solid var(--line);font-size:14px}
.catalog-default,.goal-status{color:var(--muted);font-size:12px}.goal-objective{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin:18px 0 0}.goal-status{margin:10px 0 0}
.archive-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;background:transparent;border:0;color:var(--text)}.archive-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.archive-toggle[aria-expanded=true]{color:var(--accent)}.archive-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.archive-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:10px}

/* Model options come from the live catalog; selection is a request, not proof of the active model. */
.model-choice{width:100%;min-height:44px;padding:0;background:transparent;border:0;color:var(--text);text-align:left;cursor:pointer}
.model-choice:disabled{opacity:.5;cursor:default}.model-check{color:var(--accent,#65aafa);font-size:18px}
.model-efforts{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.model-effort{flex:1 1 auto;min-height:38px;padding:6px 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text)}.model-effort[aria-pressed=true]{border-color:var(--accent,#65aafa);color:var(--accent,#65aafa)}.model-effort:disabled{opacity:.5}
.model-actions{display:flex;justify-content:flex-end;margin-top:8px}.model-apply{min-width:44px;min-height:44px;padding:6px 8px;border:0;background:transparent;color:var(--accent,#65aafa)}.model-apply:disabled{opacity:.4}

/* Markdown code and tables keep their own scroll area and touch target. */
.markdown-code-block{position:relative;margin:14px 0;max-width:100%;min-width:0}
.bubble .markdown-code-block pre{margin:0;padding-right:50px}
.markdown-code-copy{position:absolute;top:0;right:0;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:14px;color:var(--muted);z-index:1}
.markdown-code-copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.markdown-code-copy[data-feedback=done]{color:#28ae70}.markdown-code-copy[data-feedback=error]{color:var(--offline)}
.markdown-table{max-width:100%;overflow-x:auto;margin:12px 0}.markdown-table table{border-collapse:collapse;min-width:max-content;font-size:.9em}.markdown-table th,.markdown-table td{padding:6px 10px;border:1px solid var(--line);text-align:left}
.bubble blockquote{margin:12px 0;padding:0 0 0 12px;border-left:3px solid var(--line);color:var(--muted)}.bubble img{max-width:100%;height:auto}

/* The wide layout keeps the session list visible on the left. */
@media(min-width:900px){
 body #chat{box-sizing:border-box;padding-left:300px;padding-right:0}
 body #thread-menu.nexus-session-drawer{left:0;right:auto;width:300px;transform:none;visibility:visible;pointer-events:auto;border:0;border-right:1px solid var(--line);border-radius:0}
 body #thread-menu-scrim.nexus-drawer-scrim{display:none!important}
 body .composer-shell,body #chat-accessories,body #function-dock{left:300px;right:0}
 body .thread{padding-left:max(24px,calc((100vw - 300px - 760px)/2));padding-right:max(24px,calc((100vw - 300px - 760px)/2))}
 body .composer-shell,body .composer-shell[data-reading=true]{padding-left:max(20px,calc((100vw - 300px - 780px)/2));padding-right:max(20px,calc((100vw - 300px - 780px)/2))}
}
#sessions .session-open[aria-current=true]{box-shadow:inset 0 0 0 1.5px var(--accent)}

/* Settings actions share the existing background-free icon style. */
body #settings-panel .setting-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:12px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text)}body #settings-panel .setting-icon svg{width:20px;height:20px}body #settings-panel .setting-icon:not(:disabled):hover{color:var(--accent)}.device-actions{display:flex;align-items:center;gap:0;flex:none}#inline-devices .device-row>span{min-width:0;overflow-wrap:anywhere}

/* Shared display rules; no runtime capabilities are inferred here. */
.device-actions:not(:empty){display:grid;grid-template-columns:44px 44px;min-width:88px}
body #settings-values .quota-detail{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;min-height:54px;white-space:normal;text-align:right;padding:5px 0}
body #settings-values .quota-value{font-size:14px;font-weight:600;color:var(--text)}
body #settings-values .quota-reset{font-size:12px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.directory-notice{font-size:12px;color:var(--muted);line-height:1.5}
body #function-dock{height:auto;max-height:min(70dvh,520px)}
body #dock-content{min-height:0;max-height:calc(min(70dvh,520px) - 48px);overflow-y:auto}
@media(max-width:899px){body .reply-tools .icon-button{width:44px;min-width:44px;padding-left:14px;padding-right:14px}body .reply-tools .command-summary{width:auto;min-width:0;padding-left:0;padding-right:6px}}