.console-view { grid-template-columns: 236px minmax(0, 1fr); }
.console-view > .toolbar { grid-column: 1 / -1; grid-row: 1; }
.console-view > .conversation, .console-view > .terminal-mode-view { grid-column: 2; grid-row: 2; width: 100%; min-width: 0; }
.console-view > .input-panel { grid-column: 2; grid-row: 3; width: 100%; min-width: 0; }
.windows-clients-panel { grid-column: 1; grid-row: 2 / 4; display:flex; flex-direction:column; min-height:0; background:#171b26; color:#eef2ff; border-right:1px solid #303747; }
.windows-clients-header { display:flex; align-items:center; gap:8px; padding:18px 14px; border-bottom:1px solid #303747; }
.windows-clients-header strong { flex:1; font-size:14px; }
.windows-clients-header button { min-height:28px; padding:4px 8px; border-color:#454d61; background:transparent; color:#d2daef; }
#closeWindowsClients { display:none; }
.windows-clients-body {
  flex:1;
  min-height:0;
  overflow-y:auto;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#6277b6 #171b26;
}
.windows-clients-body::-webkit-scrollbar,
.windows-directory-entries::-webkit-scrollbar,
#windowsDirectoryDialog::-webkit-scrollbar { width:10px; height:10px; }
.windows-clients-body::-webkit-scrollbar-track,
.windows-directory-entries::-webkit-scrollbar-track,
#windowsDirectoryDialog::-webkit-scrollbar-track { background:#171b26; }
.windows-clients-body::-webkit-scrollbar-thumb,
.windows-directory-entries::-webkit-scrollbar-thumb,
#windowsDirectoryDialog::-webkit-scrollbar-thumb {
  min-height:34px;
  background:#52679f;
  border:2px solid #171b26;
  border-radius:999px;
}
.windows-clients-body::-webkit-scrollbar-thumb:hover,
.windows-directory-entries::-webkit-scrollbar-thumb:hover,
#windowsDirectoryDialog::-webkit-scrollbar-thumb:hover { background:#7890d3; }
.windows-clients-body::-webkit-scrollbar-corner,
.windows-directory-entries::-webkit-scrollbar-corner,
#windowsDirectoryDialog::-webkit-scrollbar-corner { background:#171b26; }
.windows-client-list { padding:10px; }
.operation-target-bar { display:flex; align-items:baseline; gap:8px; width:100%; max-width:var(--chat-content-max); margin:0 auto 6px; padding:5px 8px; border-radius:8px; background:var(--lm-primary-soft); font-size:12px; color:var(--lm-text); }
.operation-target-label { flex:none; color:var(--lm-text-muted); }
#operationTargetDetail { min-width:0; overflow-wrap:anywhere; }
.operation-target-bar[data-state="error"], .operation-target-bar[data-state="warning"] { color:#a34e15; background:#fff2df; }
.windows-client-state { display:inline-flex; align-items:center; gap:4px; flex:none; white-space:nowrap; color:#bec9e2; font-size:11px; }
.windows-client-check { margin-left:auto; color:#aebdff; }
.windows-client-card small.windows-client-project { color:#eef2ff; font-size:12px; line-height:1.5; }
.windows-client-card:focus-visible { outline:2px solid #92a5ff; outline-offset:2px; }
.windows-client-card { display:grid; grid-template-columns:28px minmax(0,1fr); column-gap:10px; width:100%; padding:13px 11px; margin-bottom:8px; text-align:left; background:#232a39; border:1px solid transparent; color:#eef2ff; }
.windows-client-icon { grid-column:1; grid-row:1 / span 4; width:28px; height:28px; object-fit:contain; margin-top:1px; pointer-events:none; }
/* Keep light-theme marks unboxed; only monochrome logos need dark ink.
   Card specificity also overrides the legacy rule in a running server's cached theme. */
html[data-brand="coartdex"][data-theme="light"] .windows-client-card .windows-client-icon { padding:3px; background:transparent; border-radius:0; }
html[data-brand="coartdex"][data-theme="light"] .windows-client-card .windows-client-icon:is([src$="/unity.svg"], [src$="/unreal.svg"], [src$="/resolve.svg"]) { filter:brightness(0) saturate(100%) opacity(.75); }
.windows-client-card:hover:not(:disabled) { background:#303b53; }
.windows-client-card[aria-pressed="true"] { border-color:#92a5ff; background:#303d64; }
.windows-client-card:disabled { opacity:.65; }
.windows-client-heading { grid-column:2; display:flex; align-items:center; gap:6px; min-width:0; }
.windows-client-heading strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.windows-client-device-badge { width:16px; height:16px; flex:none; object-fit:contain; pointer-events:auto; }
.windows-client-dot { width:7px; height:7px; border-radius:50%; background:#8792a9; flex:none; }
.windows-client-dot[data-online="true"] { background:#59d39e; }
.windows-client-card small { grid-column:2; display:block; min-width:0; margin:7px 0 0; color:#bec9e2; font-size:11px; overflow-wrap:anywhere; }
.windows-client-status { margin:0; padding:14px; font-size:12px; line-height:1.7; color:#c0cbe2; border-top:1px solid #303747; }
.windows-workspace-control { display:flex; flex-direction:column; gap:9px; padding:14px; border-top:1px solid #303747; font-size:12px; }
.windows-workspace-control[hidden] { display:none; }
.windows-workspace-control span { color:#c0cbe2; overflow-wrap:anywhere; max-height:90px; overflow:auto; }
.windows-workspace-control button { color:#eef2ff; background:#303d64; border-color:#7187c4; }
.windows-work-mode label { font-weight:600; }
.windows-work-mode select { width:100%; min-width:0; min-height:36px; padding:7px 9px; color:#eef2ff; background:#232a39; border:1px solid #7187c4; border-radius:7px; font:inherit; }
.windows-work-mode select:focus-visible { outline:2px solid #92a5ff; outline-offset:2px; }
.windows-work-mode select:disabled { opacity:.65; }
.windows-work-mode span { line-height:1.6; }
#windowsWorkspaceHint { line-height:1.6; max-height:none; overflow:visible; }
#windowsWorkspaceHint[hidden] { display:none; }
.workspace-files-panel { grid-template-rows:auto auto auto auto minmax(0,1fr) auto; }
.workspace-file-sources { display:flex; gap:8px; padding:10px 14px; border-bottom:1px solid var(--line); }
.workspace-file-sources button { flex:1; min-width:0; min-height:34px; padding:4px 8px; }
.workspace-file-sources button[aria-pressed="true"] { background:var(--lm-primary-soft); border-color:var(--accent); color:var(--accent); }
.file-browser-sources { flex:0 0 auto; padding:0 0 12px; border-bottom:0; }
#windowsDirectoryDialog { width:min(600px,calc(100vw - var(--codex-relay-browser-width,0px) - 24px)); max-height:calc(100dvh - 24px); overflow-y:auto; }
.windows-directory-card { display:flex; flex-direction:column; width:100%; min-width:0; max-height:calc(100dvh - 24px); }
.windows-directory-card > :not(.windows-directory-entries) { flex-shrink:0; }
.windows-directory-card h2 { font-size:19px; }
.windows-directory-card .dialog-close { flex-shrink:0; }
#windowsDirectoryDevice { overflow-wrap:anywhere; }
.windows-directory-path label { display:block; margin-bottom:8px; }
.windows-directory-path > div { display:flex; gap:8px; }
.windows-directory-path input { min-width:0; flex:1; }
.windows-directory-path button { flex-shrink:0; }
.windows-directory-navigation { display:flex; gap:8px; margin:12px 0; }
.windows-directory-entries { display:flex; flex-direction:column; gap:6px; flex:0 1 240px; min-height:64px; overflow:auto; }
.windows-directory-entries button { text-align:left; flex-shrink:0; overflow-wrap:anywhere; }
#windowsDirectoryStatus { font-size:12px; min-height:20px; overflow-wrap:anywhere; }
#windowsDirectoryStatus[data-state="error"] { color:#b42318; }
@media(max-width:720px) {
  .windows-directory-card .dialog-actions { margin-bottom:-18px; }
}
#windowsClientsToggle .windows-clients-toggle-icon { width:18px; height:18px; object-fit:contain; flex:none; }
/* White engine logos need dark ink on the light toolbar. */
#windowsClientsToggle .windows-clients-toggle-icon[src$="/unity.svg"],
#windowsClientsToggle .windows-clients-toggle-icon[src$="/unreal.svg"] { filter:brightness(0) saturate(100%); }
#windowsClientsToggle span { max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(min-width:960px) and (min-height:640px) {
  .console-view[data-workspace-dock="open"] { grid-template-columns:236px minmax(0,1fr) var(--workspace-dock-width); }
}
@media(max-width:800px) {
  .console-view { grid-template-columns:minmax(0,1fr); }
  .console-view > .conversation, .console-view > .terminal-mode-view, .console-view > .input-panel { grid-column:1; }
  .windows-clients-panel { display:none; position:fixed; z-index:15; top:var(--workspace-dock-top); left:0; bottom:0; width:min(280px,85vw); box-shadow:12px 0 40px #10172666; }
  .console-view[data-clients-open="true"] .windows-clients-panel { display:flex; }
  #closeWindowsClients { display:block; }
}