:root {
      color-scheme: dark;
      --char: #000000;
      --bg: #000000;
      --bg-2: #060708;
      --bg-3: #0a0c0e;
      --bg-4: #11141a;
      --char-warm: #5A3712;
      --ember: #6B1A1A;
      --paprika: #C2410C;
      --turmeric: #ffbd3f;
      --olive: #6B7A2F;
      --green-hot: #37d67a;
      --cream: #F5E6C8;
      --fg: #edf1f5;
      --fg-dim: #95a0ad;
      --accent: var(--turmeric);
      --accent-2: #54d2ff;
      --ok: var(--green-hot);
      --danger: #FF3B30;
      --line: #1d2330;
      --line-strong: #36404e;
      --toolbar-density: 26px;
      --toolbar-density-pad-y: 3px;
      --toolbar-density-gap: 5px;
    }
    :root[data-toolbar-density="comfortable"] {
      --toolbar-density: 34px;
      --toolbar-density-pad-y: 7px;
      --toolbar-density-gap: 7px;
    }
    * { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; background: #000; color: var(--fg); font-family: Georgia, "Tiempos Text", "Source Serif Pro", "Iowan Old Style", Cambria, "Times New Roman", serif; font-size: 12.5px; line-height: 1.35; font-variant-numeric: tabular-nums; letter-spacing: 0; }
    code, pre, kbd, samp, .file-table, .term, .xterm, .badge, .cockpit-status-pill,
    .browser-pointer-readout, .desktop-pointer-readout, .cockpit-log-tail,
    input[type="text"], input[type="password"], input[type="search"], input[type="url"],
    select, textarea {
      font-family: ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas, monospace;
    }
    .app { display: grid; grid-template-columns: 42px var(--sidebar-w, 300px) 6px minmax(0, 1fr); height: 100vh; height: 100dvh; overflow: hidden; }
    .app.sidebar-collapsed { grid-template-columns: 42px 0 0 minmax(0, 1fr); }
    .app.sidebar-collapsed .sidebar, .app.sidebar-collapsed .splitter { display: none; }
    @media (max-width: 720px) {
      .app { grid-template-columns: 42px 0 0 minmax(0, 1fr); }
      .app.sidebar-open { grid-template-columns: 42px 0 0 minmax(0, 1fr); }
      .splitter { display: none; }
      .app.sidebar-open .splitter { display: none; }
      .sidebar { display: none; }
      .app.sidebar-open .sidebar { display: flex; position: fixed; inset: 0 auto 0 42px; width: min(var(--sidebar-w, 300px), calc(100vw - 42px)); z-index: 50; box-shadow: none; }
      .main { width: calc(100vw - 42px); }
      .topbar { padding: 6px; gap: 7px; }
      .topbar-titlearea { min-width: 0; }
      .topbar-brand .brand-name { max-width: 100%; }
      .topbar-toolbox { min-width: 0; max-width: 58vw; gap: 4px; justify-content: flex-end; overflow: hidden; }
      .terminal-shell { padding: 0; gap: 0; }
      .term { padding: 7px; }
    }
    .rail { grid-column: 1; min-width: 0; min-height: 0; background: #000; border-right: 1px solid #181d24; display: flex; flex-direction: column; align-items: stretch; padding: 6px 4px; gap: 5px; }
    .rail button { width: 31px; height: 31px; padding: 0; display: inline-flex; align-items: center; justify-content: center; background: transparent; color: var(--fg-dim); border: 1px solid transparent; cursor: pointer; position: relative; }
    .rail button::before { content: ''; position: absolute; left: -5px; top: 6px; bottom: 6px; width: 2px; background: transparent; }
    .rail button:hover, .rail button.active { color: var(--accent); border-color: var(--accent); background: #0a0d12; }
    .rail button.active::before { background: var(--accent); }
    .rail i.fa-solid { font-size: 14px; }
    .rail .icon-label span { display: none; }
    .rail .rail-spacer { flex: 1; }
    .splitter { background: #060708; border-inline: 1px solid #151a21; cursor: col-resize; position: relative; touch-action: none; }
    .splitter:hover, .splitter.dragging { background: var(--accent); }
    .splitter::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 2px; height: 30px; background: var(--bg-2); border-radius: 1px; }
    .sidebar { grid-column: 2; background: #050607; border-right: 1px solid #1a2028; display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; container-type: inline-size; }
    .brand-icon { width: 22px; height: 22px; image-rendering: auto; flex: 0 0 auto; }
    .pane { flex: 1 1 auto; position: relative; overflow: hidden; min-height: 0; min-width: 0; }
    .term-pane { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; background: #030405; }
    .term-panel-toolbar { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; gap: var(--toolbar-density-gap); align-items: stretch; padding: 5px 7px; border-bottom: 1px solid var(--line); background: #06080a; min-width: 0; }
    .panel-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; color: var(--fg); font-weight: 650; font-size: 12px; text-transform: uppercase; min-width: 0; }
    .panel-heading > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .panel-heading small { color: var(--fg-dim); font-size: 10px; font-weight: 500; text-transform: none; }
    .term-panel-toolbar .toolbar-row { display: flex; gap: var(--toolbar-density-gap); align-items: stretch; justify-content: flex-start; flex-wrap: nowrap; min-width: 0; overflow: hidden; scrollbar-width: none; }
    .term-panel-toolbar button { flex: 0 0 auto; min-width: 30px; max-width: 148px; min-height: var(--toolbar-density); overflow: hidden; display: inline-flex; align-items: center; justify-content: center; }
    .term-panel-toolbar button .icon-label, .term-panel-toolbar button span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .term-panel-status { display: grid; gap: 6px; padding: 7px; border-top: 1px solid var(--line); background: #101822; }
    .term-panel-status .toggle-control { justify-content: flex-start; min-height: 28px; width: 100%; }
    .terminal-update { display: flex; justify-content: space-between; gap: 8px; color: var(--fg-dim); border: 1px solid var(--line); background: #030405; padding: 5px 8px; font-size: 10px; min-width: 0; }
    .terminal-update span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .terminal-update .ready { color: var(--ok); }
    .terminal-update .busy { color: var(--accent); }
    .terminal-update .error { color: var(--danger); }
    .term-list { min-height: 0; min-width: 0; overflow: auto; overscroll-behavior: contain; }
    .item { padding: 9px 11px; border-bottom: 1px solid #151a21; cursor: pointer; }
    .item:hover { background: #0d1218; }
    .item.active { background: #0a0d12; border-left: 3px solid var(--accent); padding-left: 8px; }
    .item .name { font-weight: 600; word-break: break-all; }
    .item .meta { font-size: 11px; color: var(--fg-dim); margin-top: 4px; }
    .actions { padding: 10px 16px; border-top: 1px solid var(--line); display: flex; gap: 6px; flex-wrap: wrap; }
    .actions button, .login-form button, .toolbar button, .topbar button, .term-panel-toolbar button {
      background: linear-gradient(180deg, #14181f 0%, #0a0d12 55%, #060809 100%);
      color: var(--fg); border: 1px solid var(--line);
      padding: var(--toolbar-density-pad-y) 9px;
      cursor: pointer; font: inherit; font-size: 11px;
      min-height: var(--toolbar-density);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.4);
      transition: background .12s linear, border-color .12s linear, box-shadow .12s linear, color .12s linear;
    }
    .actions button:hover, .login-form button:hover, .toolbar button:hover, .topbar button:hover, .term-panel-toolbar button:hover {
      background: linear-gradient(180deg, #1d242f 0%, #131923 55%, #0a0e15 100%);
      border-color: var(--accent); color: var(--accent);
      box-shadow: inset 0 1px 0 rgba(255,189,63,.18), 0 0 0 1px rgba(255,189,63,.18), 0 2px 6px rgba(255,189,63,.14);
    }
    .actions button:active, .login-form button:active, .toolbar button:active, .topbar button:active, .term-panel-toolbar button:active {
      background: linear-gradient(180deg, #060809 0%, #0a0d12 100%);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.6);
    }
    .actions button:disabled, .toolbar button:disabled, .topbar button:disabled, .term-panel-toolbar button:disabled {
      opacity: .42; cursor: default; box-shadow: none;
    }
    .toolbar button.danger, .toolbar button.danger:hover, .actions button.danger, .actions button.danger:hover { color: var(--danger); border-color: rgba(255,59,48,.55); }
    .actions input { background: var(--bg-3); color: var(--fg); border: 1px solid var(--line); padding: 6px 10px; border-radius: 0; font-size: 12px; flex: 1; min-width: 120px; }
    .main { grid-column: 4; display: flex; flex-direction: column; min-width: 0; min-height: 0; height: 100vh; height: 100dvh; overflow: hidden; }
    .topbar { min-height: 42px; padding: 5px 10px; background: #050607; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 10px; min-width: 0; overflow: hidden; }
    .topbar-titlearea { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; overflow: hidden; }
    .topbar-brand { display: inline-flex; align-items: center; gap: 7px; min-width: 0; max-width: 100%; font-weight: 600; color: var(--fg); flex: 1 1 auto; overflow: hidden; }
    .topbar-brand .brand-icon { width: 20px; height: 20px; }
    .topbar-brand .brand-name { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .topbar-toolbox { color: var(--fg-dim); font-size: 11px; display: flex; flex: 0 1 auto; max-width: min(64%, 640px); flex-wrap: nowrap; gap: 6px; align-items: center; justify-content: flex-end; min-width: 0; min-height: 27px; overflow: hidden; scrollbar-width: none; }
    .topbar a { color: var(--fg-dim); text-decoration: none; }
    .topbar a:hover { color: var(--fg); }
    .topbar-link { min-height: 26px; padding: 0 8px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: 5px; white-space: nowrap; }
    .topbar-link:hover { border-color: var(--accent); color: var(--accent); background: #0a0d12; }
    .topbar-link i.fa-solid { font-size: 12px; flex: 0 0 13px; }
    .topbar-link span { display: inline; }
    .badge { background: #111c26; border: 1px solid var(--line); padding: 2px 6px; font-size: 10px; }
    .badge.healthy { color: #6c6; }
    .badge.degraded { color: #fc6; }
    .badge.down { color: #f66; }
    .toolbar { flex: 0 0 auto; min-height: calc(var(--toolbar-density) + 4px); padding: var(--toolbar-density-pad-y) 7px; background: #050607; border-bottom: 1px solid var(--line); display: flex; gap: var(--toolbar-density-gap); align-items: center; flex-wrap: nowrap; min-width: 0; overflow: hidden; }
    .toolbar > a { min-height: var(--toolbar-density); padding: var(--toolbar-density-pad-y) 9px; border: 1px solid var(--line); background: var(--bg-3); color: var(--fg); text-decoration: none; font: inherit; font-size: 11px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .toolbar > a span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .toolbar button.primary, .topbar button.primary, .term-panel-toolbar button.primary { border-color: var(--accent); color: var(--accent); }
    .toolbar .stretch { flex: 1; }
    @media (max-width: 720px) {
      .toolbar { flex-wrap: wrap; align-content: flex-start; }
      .toolbar button span, .toolbar > a span { display: none; }
      .toolbar > button, .toolbar > a { flex: 0 0 var(--toolbar-density); width: var(--toolbar-density); padding-inline: 0; }
      .toolbar .stretch { flex: 1 1 auto; min-width: 0; }
      .toolbar .file-editor-path-label { order: 2; flex: 1 1 100%; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
      .toolbar .image-viewer-status { order: 2; flex: 1 1 120px; max-width: 100%; min-width: 0; }
    }
    .workspace-tabs { --workspace-tab-h: 30px; flex: 0 0 var(--workspace-tab-h); height: var(--workspace-tab-h); box-sizing: border-box; background: #020303; border-bottom: 1px solid var(--line); display: none; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; overscroll-behavior-y: auto; scrollbar-width: none; -ms-overflow-style: none; align-items: flex-start; }
    .workspace-tabs.visible { display: flex; }
    .workspace-tabs::-webkit-scrollbar { width: 0; height: 0; display: none; }
    .workspace-tab { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; max-width: 220px; min-width: 78px; padding: 0 7px; height: var(--workspace-tab-h); box-sizing: border-box; border: 0; border-right: 1px solid var(--line); background: var(--bg-2); color: var(--fg-dim); cursor: pointer; font: inherit; font-size: 11px; line-height: 1; white-space: nowrap; }
    .workspace-tab.active { background: #000; color: var(--fg); border-bottom: 2px solid var(--accent); }
    .workspace-tab.dirty .workspace-tab-title::after { content: ' *'; color: var(--accent); }
    .workspace-tab i.fa-solid { font-size: 12px; flex: 0 0 14px; line-height: 1; }
    .workspace-tab-title { overflow: hidden; text-overflow: ellipsis; }
    .workspace-tab-close { margin-left: auto; color: var(--fg-dim); border: 1px solid transparent; width: 16px; height: 16px; flex: 0 0 16px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; border-radius: 50%; cursor: pointer; transition: color .12s linear, background .12s linear, border-color .12s linear; }
    .workspace-tab-close i.fa-solid { font-size: 10px; }
    .workspace-tab-close:hover { color: var(--danger); border-color: rgba(255,59,48,.55); background: rgba(255,59,48,.12); }
    #content { flex: 1 1 auto; min-height: 0; min-width: 0; position: relative; display: block; overflow: hidden; }
    .workspace-keepalive-panel { flex: 1 1 auto; min-height: 0; min-width: 0; position: relative; display: none; overflow: hidden; }
    .workspace-keepalive-panel.active { display: block; }
    [data-workspace-panel-content] { position: absolute; inset: 0; min-height: 0; min-width: 0; display: block; overflow: hidden; }
    #content.empty,
    [data-workspace-panel-content].empty { display: flex; }
    #content.workspace-shell,
    [data-workspace-panel-content].workspace-shell { display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; }
    #content.cockpit-shell,
    [data-workspace-panel-content].cockpit-shell { display: flex; flex-direction: column; overflow: hidden; min-height: 0; min-width: 0; }
    #content.cockpit-shell > .browser-command-rail,
    #content.cockpit-shell > .browser-tab-strip,
    #content.cockpit-shell > .cockpit-statusbar,
    #content.cockpit-shell > .cockpit-log-panel,
    [data-workspace-panel-content].cockpit-shell > .browser-command-rail,
    [data-workspace-panel-content].cockpit-shell > .browser-tab-strip,
    [data-workspace-panel-content].cockpit-shell > .cockpit-statusbar,
    [data-workspace-panel-content].cockpit-shell > .cockpit-log-panel { flex: 0 0 auto; }
    #content.cockpit-shell > .cockpit-viewport-split,
    [data-workspace-panel-content].cockpit-shell > .cockpit-viewport-split { flex: 1 1 auto; min-height: 0; }
    #content.workspace-shell > .toolbar,
    [data-workspace-panel-content].workspace-shell > .toolbar { min-width: 0; }
    #content.workspace-shell > .surface,
    #content.workspace-shell > .workspace-body,
    #content.workspace-shell > .editor-host,
    #content.workspace-shell > pre,
    [data-workspace-panel-content].workspace-shell > .surface,
    [data-workspace-panel-content].workspace-shell > .workspace-body,
    [data-workspace-panel-content].workspace-shell > .editor-host,
    [data-workspace-panel-content].workspace-shell > pre { min-height: 0; min-width: 0; overflow: auto; }
    #content.workspace-shell > .surface:only-child,
    [data-workspace-panel-content].workspace-shell > .surface:only-child { grid-row: 1 / -1; }
    #content.workspace-shell > .surface.agent-record-surface,
    [data-workspace-panel-content].workspace-shell > .surface.agent-record-surface { overflow: hidden; padding: 0; display: grid; }
    #content > .terminal-shell,
    #content > .plugin-shell,
    #content > .editor-pane,
    #content > .desktop-detail,
    #content > .stream-pane,
    #content > .workspace-fill,
    [data-workspace-panel-content] > .terminal-shell,
    [data-workspace-panel-content] > .plugin-shell,
    [data-workspace-panel-content] > .editor-pane,
    [data-workspace-panel-content] > .desktop-detail,
    [data-workspace-panel-content] > .stream-pane,
    [data-workspace-panel-content] > .workspace-fill { position: absolute; inset: 0; min-height: 0; min-width: 0; overflow: hidden; }
    .workspace-body { min-height: 0; min-width: 0; overflow: auto; overscroll-behavior: contain; }
    .image-viewer-stage { min-height: 0; min-width: 0; overflow: hidden; background: #000; position: relative; outline: none; touch-action: none; }
    .image-viewer-stage img { position: absolute; left: 50%; top: 50%; max-width: none; max-height: none; object-fit: contain; image-rendering: auto; transform-origin: center center; user-select: none; pointer-events: none; cursor: grab; }
    .image-viewer-stage.panning img { cursor: grabbing; }
    .image-preview-first { opacity: .58; filter: blur(1.5px); }
    .image-full { opacity: 0; transition: opacity .14s linear; }
    .image-full.loaded { opacity: 1; }
    .image-viewer-status { color: var(--fg-dim); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: min(34vw, 420px); }
    .terminal-shell { min-height: 0; min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; padding: 0; gap: 0; background: #050607; }
    .terminal-shell .toolbar { border: 0; border-bottom: 1px solid var(--line); }
    .term { padding: 8px; background: #000000; border: 0; min-height: 0; min-width: 0; height: auto; overflow: hidden; position: relative; }
    .term .xterm { height: 100%; }
    .terminal-human-lock { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 5px 8px; border: 1px solid var(--line); background: linear-gradient(180deg, #15191f, #080a0d); color: var(--fg); font-size: 11px; cursor: pointer; white-space: nowrap; }
    .terminal-human-lock input { width: 14px; height: 14px; margin: 0; accent-color: var(--accent); }
    .terminal-human-lock .lock-state-dot { width: 8px; height: 8px; border: 1px solid currentColor; background: var(--danger); display: inline-block; }
    .terminal-human-lock[data-state="unlocked"] { border-color: #315a3f; background: linear-gradient(180deg, #111a14, #070907); color: var(--ok); }
    .terminal-human-lock[data-state="unlocked"] .lock-state-dot { background: var(--ok); }
    .terminal-lock-overlay { position: absolute; inset: 0; z-index: 5; display: block; background: transparent; border: 0; color: transparent; font-size: 0; text-align: left; padding: 0; cursor: default; }
    .terminal-shell.human-input-unlocked .terminal-lock-overlay { display: none; }
    .terminal-shell.human-input-locked .term .xterm { pointer-events: none; }
    .empty { flex: 1; display: flex; align-items: center; justify-content: center; color: var(--fg-dim); font-size: 13px; background: #090d12; }
    .dashboard-empty { align-items: stretch; justify-content: stretch; padding: 18px; }
    .workspace-welcome { flex: 1; display: grid; place-items: center; border: 1px solid #1c2835; background: #0b1118; min-width: 0; min-height: 0; overflow: auto; }
    .welcome-inner { width: min(720px, 100%); display: grid; gap: 14px; padding: 20px; }
    .welcome-kicker { color: var(--accent-2); font-size: 11px; font-weight: 700; text-transform: uppercase; }
    .welcome-title { color: var(--fg); font-size: 22px; font-weight: 700; }
    .welcome-meta { color: var(--fg-dim); font-size: 12px; line-height: 1.5; }
    .signal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    .signal-card { border: 1px solid var(--line); background: #101822; padding: 10px; min-width: 0; }
    .signal-card .label { color: var(--fg-dim); font-size: 10px; text-transform: uppercase; }
    .signal-card .value { color: var(--fg); font-size: 13px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .login { position: fixed; inset: 0; background: radial-gradient(circle at 50% 35%, #0b0d10 0, #000 44%, #000 100%); display: flex; align-items: center; justify-content: center; z-index: 100; }
    .login.hidden { display: none; }
    body:has(.login:not(.hidden)) .app { visibility: hidden; }
    .login-form { background: #050607; border: 1px solid var(--line-strong); padding: 0; border-radius: 0; width: min(460px, calc(100vw - 48px)); }
    .login-card-industrial { display: grid; gap: 0; }
    .login-card-head { display: flex; align-items: center; gap: 12px; padding: 22px 26px; border-bottom: 1px solid var(--line); }
    .login-card-head img { width: 28px; height: 28px; }
    .login-card-title { color: var(--fg); font-size: 20px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
    .login-card-subtitle { color: var(--fg-dim); font-size: 11px; margin-top: 4px; }
    .login-auth-grid { display: grid; grid-template-columns: 1fr; gap: 0; }
    .login-auth-panel { padding: 22px 26px 24px; display: grid; gap: 10px; border-right: 0; }
    .login-auth-title { color: var(--accent); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
    .login-form label { color: var(--fg-dim); font-size: 11px; text-transform: uppercase; }
    .login-form input { width: 100%; background: #000; color: var(--fg); border: 1px solid var(--line); padding: 9px 10px; border-radius: 0; font: inherit; }
    .login-form input:focus { outline: none; border-color: var(--accent); }
    .login-form button { justify-self: start; min-width: 150px; }
    .login-form .err, .login-error-controlled { color: var(--danger); border: 1px solid rgba(255,59,48,.45); background: rgba(255,59,48,.08); padding: 8px 10px; font-size: 11px; min-height: 33px; }
    .login-error-controlled:empty { visibility: hidden; }
    iframe.plugin { border: 0; background: var(--bg); min-height: 0; min-width: 0; width: 100%; height: 100%; }
    .toast { position: fixed; bottom: 20px; right: 20px; background: var(--bg-2); border: 1px solid var(--line); padding: 10px 14px; border-radius: 0; z-index: 200; font-size: 12px; max-width: 400px; box-shadow: none; }
    .toast.error { border-color: #f66; color: #f66; }
    .toast.ok { border-color: var(--accent); }
    .editor-pane { min-height: 0; min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; }
    .editor-host { min-height: 0; min-width: 0; overflow: hidden; }
    .breadcrumb { flex: 0 0 auto; min-width: 0; padding: 6px 8px; background: linear-gradient(180deg, rgba(40,46,54,.55), rgba(8,10,13,.96)); border-bottom: 1px solid var(--line); font-size: 11px; color: var(--fg-dim); display: flex; gap: 6px; align-items: center; overflow: hidden; white-space: nowrap; }
    
    .breadcrumb.breadcrumb-git { background: linear-gradient(180deg, rgba(255,189,63,.20), rgba(8,10,13,.96)); border-bottom: 1px solid rgba(255,189,63,.45); }
    .file-git-line { display: flex; align-items: center; gap: 8px; padding: 5px 8px; background: linear-gradient(180deg, rgba(255,189,63,.10), rgba(8,10,13,.96)); border-top: 1px solid rgba(255,189,63,.30); font-size: 11px; }
    .file-git-open-btn { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; background: linear-gradient(180deg, #4b340f, #221707); border: 1px solid rgba(255,189,63,.5); color: #f2c45a; cursor: pointer; border-radius: 3px; font: inherit; font-size: 11px; }
    .file-git-open-btn:hover { color: #fff0bf; border-color: var(--accent); }
    .file-git-line-label { color: #f0cf7a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
    .git-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.62); z-index: 9000; display: flex; align-items: center; justify-content: center; }
    .git-modal { width: min(960px, 94vw); height: min(80vh, 760px); background: var(--bg-2, #0b0d10); border: 1px solid rgba(255,189,63,.4); border-radius: 6px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 18px 60px rgba(0,0,0,.6); }
    .git-modal-head { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid rgba(255,189,63,.34); background: linear-gradient(180deg, rgba(255,189,63,.14), rgba(8,10,13,.96)); }
    .git-modal-head .git-modal-title { font-weight: 700; color: #fff0bf; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1 1 auto; }
    .git-modal-head .git-modal-branch { color: #f0cf7a; font-size: 11px; flex: 0 0 auto; }
    .git-modal-close { flex: 0 0 auto; background: transparent; border: 1px solid var(--line); color: var(--fg); cursor: pointer; padding: 3px 9px; border-radius: 3px; }
    .git-tabs { display: flex; gap: 0; border-bottom: 1px solid var(--line); background: #06080a; flex: 0 0 auto; }
    .git-tab { padding: 7px 14px; background: transparent; border: 0; border-right: 1px solid var(--line); color: var(--fg-dim); cursor: pointer; font: inherit; font-size: 12px; }
    .git-tab.active { color: var(--accent); border-bottom: 2px solid var(--accent); }
    .git-modal-body { flex: 1 1 auto; overflow: auto; padding: 10px 12px; font-size: 12px; }
    .git-row { display: flex; gap: 8px; align-items: center; padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,.05); }
    .git-row .git-row-status { flex: 0 0 92px; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }
    .git-row .git-row-file { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: #cfe; }
    .git-row .git-row-file:hover { text-decoration: underline; }
    .git-row .git-row-actions { flex: 0 0 auto; }
    .git-row .git-row-actions button { background: transparent; border: 1px solid var(--line); color: var(--fg-dim); cursor: pointer; padding: 2px 7px; border-radius: 3px; font-size: 10px; }
    .git-row .git-row-actions button:hover { color: var(--danger); border-color: rgba(255,59,48,.5); }
    .git-st-modified { color: #FFB800; } .git-st-added { color: #00E676; } .git-st-deleted { color: #FF5252; } .git-st-untracked { color: #6cc; } .git-st-renamed { color: #b89cff; } .git-st-conflicted { color: #FF5252; }
    .git-diff { white-space: pre; font-family: var(--mono, monospace); font-size: 11px; line-height: 1.4; }
    .git-diff .d-add { color: #79e07a; } .git-diff .d-del { color: #ff7b7b; } .git-diff .d-hunk { color: #6cb6ff; } .git-diff .d-meta { color: #8a93a0; }
    .git-commit { padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.05); }
    .git-commit .git-commit-subj { color: #e6e9ee; } .git-commit .git-commit-meta { color: var(--fg-dim); font-size: 10px; }
    .git-branch-row { padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,.05); }
    .git-branch-row.current { color: var(--accent); font-weight: 700; }
    .git-modal-empty { color: var(--fg-dim); padding: 12px 2px; }
    .breadcrumb .file-location-actions { flex: 0 0 auto; display: flex; gap: 6px; align-items: center; }
    .breadcrumb .file-location-split { flex: 0 0 auto; width: 1px; height: 18px; background: rgba(255,189,63,.38); margin: 0 4px; }
    .breadcrumb .breadcrumb-scroll { flex: 1 1 auto; min-width: 0; display: flex; gap: 6px; align-items: center; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
    .breadcrumb a { color: #f0cf7a; text-decoration: none; cursor: pointer; }
    .breadcrumb a:hover { color: #fff0bf; }
    .breadcrumb .breadcrumb-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 24px; padding: 0; background: linear-gradient(180deg, #35240b, #171005); border: 1px solid rgba(255,189,63,.45); color: #f2c45a; cursor: pointer; border-radius: 3px; }
    .breadcrumb .breadcrumb-icon-btn:hover:not(:disabled) { color: #fff0bf; border-color: var(--accent); background: linear-gradient(180deg, #4b340f, #221707); }
    .breadcrumb .breadcrumb-icon-btn:disabled { opacity: 0.35; cursor: default; }
    .breadcrumb .breadcrumb-icon-btn i.fa-solid { font-size: 12px; }
    .breadcrumb .breadcrumb-seg { padding: 3px 7px; border-radius: 3px; color: #f0cf7a; border: 1px solid rgba(255,189,63,.22); background: rgba(255,189,63,.06); }
    .breadcrumb .breadcrumb-seg:hover { color: #fff0bf; border-color: rgba(255,189,63,.48); background: rgba(255,189,63,.13); }
    .breadcrumb .breadcrumb-current { padding: 3px 8px; color: #fff0bf; font-weight: 700; border: 1px solid rgba(255,189,63,.5); background: rgba(255,189,63,.14); border-radius: 3px; }
    .breadcrumb .breadcrumb-goto-wrap { display: none; }
    .breadcrumb .breadcrumb-path-input { flex: 1 1 auto; min-width: 0; padding: 2px 6px; background: #050608; border: 1px solid var(--line); color: var(--fg); font: inherit; font-size: 11px; border-radius: 3px; }
    .breadcrumb .breadcrumb-path-input:focus { border-color: var(--accent); outline: none; }
    .dialog-backdrop { position: fixed; inset: 0; z-index: 250; background: rgba(0,0,0,0.72); display: flex; align-items: center; justify-content: center; padding: 18px; }
    .dialog { width: min(560px, calc(100vw - 36px)); max-height: calc(100vh - 36px); overflow: auto; background: var(--bg-2); border: 1px solid var(--line); box-shadow: none; }
    .dialog h2 { margin: 0; padding: 14px 16px; font-size: 16px; border-bottom: 1px solid var(--line); }
    .dialog form { padding: 14px 16px 16px; display: grid; gap: 10px; }
    .dialog label { display: grid; gap: 4px; color: var(--fg-dim); font-size: 12px; }
    .dialog .dialog-message { color: var(--fg); font-size: 13px; line-height: 1.45; }
    .dialog input, .dialog textarea, .dialog select { width: 100%; background: var(--bg-3); color: var(--fg); border: 1px solid var(--line); padding: 8px 10px; font: inherit; }
    .dialog textarea { min-height: 82px; resize: vertical; }
    .dialog .err { min-height: 16px; color: #FF3B30; font-size: 12px; }
    .dialog .buttons { display: flex; justify-content: flex-end; gap: 8px; }
    .dialog button { background: var(--bg-3); color: var(--fg); border: 1px solid var(--line); padding: 7px 12px; cursor: pointer; font: inherit; }
    .dialog button.primary { border-color: var(--accent); color: var(--accent); }
    .dialog button.danger { border-color: #FF3B30; color: #FF3B30; }
    .folder-pick-row { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; background: transparent; border: 0; border-bottom: 1px solid var(--line); color: var(--fg); padding: 8px 10px; cursor: pointer; font: inherit; font-size: 12px; }
    .folder-pick-row:hover { background: #0a0d12; color: var(--accent); }
    .folder-pick-row span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .surface { min-height: 0; min-width: 0; overflow: auto; padding: 14px; overscroll-behavior: contain; }
    .core-list-pane, .plugin-list-pane { display: grid; grid-template-rows: auto auto minmax(0, 1fr); overflow: hidden; background: #0c1219; }
    .cockpit-pane { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; background: #0c1219; }
    .core-surface-list { min-height: 0; min-width: 0; overflow: auto; padding: 8px; overscroll-behavior: contain; }
    .core-surface-summary { color: var(--fg-dim); font-size: 11px; padding: 8px; border-bottom: 1px solid var(--line); background: #0b1017; }
    .core-surface-list .item .name i.fa-solid { margin-right: 7px; color: var(--accent-2); }
    .core-surface-list .item { outline-offset: -1px; }
    .core-surface-list .item:focus-visible { outline: 1px solid var(--accent); }
    .core-surface-list .item.active .meta { color: var(--fg); }
    .agent-list-card { display: grid; gap: 5px; min-width: 0; }
    .agent-list-head { display: flex; align-items: center; gap: 7px; min-width: 0; }
    .agent-list-icon { width: 14px; height: 14px; object-fit: contain; flex: 0 0 14px; }
    .agent-list-head .agent-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--fg); font-weight: 700; }
    .agent-state-pill { display: inline-flex; align-items: center; min-height: 16px; padding: 1px 6px; border: 1px solid var(--line); font-size: 10px; color: var(--fg-dim); background: #07090c; white-space: nowrap; }
    .agent-state-pill.completed { color: var(--ok); border-color: rgba(0,230,118,.45); }
    .agent-state-pill.working { color: var(--accent); border-color: rgba(255,189,63,.55); }
    .agent-state-pill.stuck, .agent-state-pill.draft-visible { color: var(--danger); border-color: rgba(255,59,48,.55); }
    .agent-list-actions { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; }
    .agent-sdk-remove-btn { width: 22px; min-height: 20px; padding: 0; border: 1px solid rgba(255,59,48,.35); background: #120707; color: var(--danger); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
    .agent-sdk-remove-btn:hover { border-color: var(--danger); background: #1d0a0a; }
    .agent-list-meta { display: flex; gap: 6px; align-items: center; min-width: 0; overflow: hidden; font-size: 11px; color: var(--fg-dim); font-family: "IBM Plex Mono", "JetBrains Mono", Consolas, monospace; }
    .agent-kind-chip, .agent-mode-chip { min-height: 18px; padding: 1px 6px; border: 1px solid var(--line); background: #050607; color: var(--fg-dim); white-space: nowrap; }
    button.agent-mode-chip { cursor: pointer; font: inherit; }
    button.agent-mode-chip:hover { color: var(--accent); border-color: var(--accent); }
    .agent-mode-chip.disabled { opacity: .45; cursor: default; }
    .surface.agent-record-surface { padding: 0; overflow: hidden; display: grid; min-height: 0; height: 100%; }
    .agent-detail-shell { min-height: 0; min-width: 0; height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr); border: 1px solid var(--line); background: #020303; overflow: hidden; }
    .agent-detail-tabs { display: flex; align-items: stretch; gap: 0; border-bottom: 1px solid var(--line); background: #050607; min-width: 0; overflow-x: auto; overflow-y: hidden; }
    .agent-detail-tab { min-height: var(--toolbar-density); padding: var(--toolbar-density-pad-y) 13px; border: 0; border-right: 1px solid var(--line); background: #050607; color: var(--fg-dim); font: inherit; font-size: 11px; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; }
    .agent-detail-tab.active { color: var(--accent); background: #0a0d11; box-shadow: inset 0 -1px 0 var(--accent); }
    .agent-chat-composer button, .agent-file-button { min-height: var(--toolbar-density); padding: var(--toolbar-density-pad-y) 10px; background: linear-gradient(180deg, #171b21, #090b0e); color: var(--fg); border: 1px solid var(--line); font: inherit; font-size: 11px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
    .agent-chat-composer button:hover, .agent-file-button:hover, .agent-detail-tab:hover { color: var(--accent); }
    .agent-detail-panel { min-height: 0; min-width: 0; display: none; overflow: auto; max-width: 100%; }
    .agent-detail-panel.active { display: block; }
    .agent-chat-panel.active { display: grid; grid-template-rows: minmax(0, 1fr) auto; overflow: hidden; position: relative; }
    .agent-detail-summary { padding: 14px; display: grid; gap: 12px; min-width: 0; max-width: 100%; }
    .agent-chat-title { color: var(--fg); font-size: 18px; font-weight: 700; overflow-wrap: anywhere; margin-bottom: 4px; }
    .agent-chat-meta { color: var(--fg-dim); font-size: 11px; margin-bottom: 10px; overflow-wrap: anywhere; }
    .agent-chat-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; min-width: 0; }
    .agent-chat-badge { display: inline-flex; align-items: center; min-height: 20px; padding: 2px 7px; border: 1px solid var(--line); background: #080b0f; color: var(--fg-dim); font-size: 10px; max-width: min(460px, 100%); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .agent-chat-composer button.primary { color: var(--accent); border-color: var(--accent); }
    .agent-chat-inline-input { min-width: 120px; max-width: 210px; min-height: var(--toolbar-density); background: #000; color: var(--fg); border: 1px solid var(--line); font: inherit; font-size: 11px; padding: 5px 7px; }
    .agent-chat-inline-input[hidden] { display: none; }
    .agent-chat-inline-input:focus { outline: none; border-color: var(--accent); }
    .agent-chat-tool-status { min-height: var(--toolbar-density); display: inline-flex; align-items: center; justify-content: flex-end; color: var(--fg-dim); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .agent-chat-new-badge { position: absolute; right: 16px; bottom: 118px; z-index: 4; min-height: 28px; display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; border: 1px solid rgba(255,189,63,.65); background: #050607; color: var(--accent); font: inherit; font-size: 11px; cursor: pointer; }
    .agent-chat-new-badge[hidden] { display: none; }
    .agent-chat-messages { min-height: 0; min-width: 0; overflow: auto; padding: 14px; display: flex; flex-direction: column; gap: 11px; background: #000; }
    .agent-chat-empty { margin: auto; color: var(--fg-dim); border: 1px dashed var(--line); padding: 12px 14px; font-size: 12px; }
    .agent-chat-row { display: flex; align-items: flex-start; gap: 8px; max-width: min(86%, 1180px); min-width: 0; }
    .agent-chat-row.user { align-self: flex-end; flex-direction: row-reverse; }
    .agent-chat-avatar { width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border: 1px solid var(--line); background: #0b1017; color: var(--accent-2); font-size: 13px; }
    .agent-chat-avatar img { width: 18px; height: 18px; object-fit: contain; }
    .agent-chat-row.user .agent-chat-avatar { color: var(--accent); }
    .agent-chat-bubble { min-width: 0; max-width: 100%; border: 1px solid var(--line); background: #080b0f; padding: 8px 10px; overflow-wrap: anywhere; }
    .agent-chat-row.user .agent-chat-bubble { border-color: rgba(55,214,122,.42); background: #07110b; }
    .agent-chat-line, .agent-markdown { color: var(--fg); min-width: 0; max-width: 100%; overflow-wrap: anywhere; line-height: 1.45; }
    .agent-chat-line:empty { display: none; }
    .agent-chat-message-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 5px; color: var(--fg-dim); font-size: 10px; }
    .agent-chat-message-meta strong { color: var(--fg); font-weight: 600; }
    .agent-chat-message-meta .chat-number { color: var(--accent-2); cursor: pointer; }
    .agent-chat-delivery { margin-top: 6px; color: var(--fg-dim); font-size: 10px; }
    .agent-tui-snapshot { margin: 6px 0 0; padding: 8px; border: 1px solid var(--line); background: #000; color: var(--fg-dim); overflow: auto; white-space: pre-wrap; font-size: 10px; line-height: 1.35; }
    .agent-chat-attachments { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 7px; }
    .agent-chat-attachment { border: 1px solid var(--line); background: #030405; color: var(--fg-dim); padding: 5px 7px; font-size: 10px; max-width: min(260px, 100%); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; text-align: left; font: inherit; }
    button.agent-chat-attachment { appearance: none; }
    .agent-chat-attachment img { display: block; max-width: 180px; max-height: 130px; object-fit: contain; margin-bottom: 5px; border: 1px solid var(--line); background: #000; }
    .agent-chat-composer { border-top: 1px solid var(--line); background: #050607; padding: 10px; display: grid; gap: 8px; min-width: 0; }
    .agent-chat-composer.drag-active { outline: 1px solid var(--accent); outline-offset: -3px; background: #080b0f; }
    .agent-chat-input { width: 100%; min-width: 0; min-height: 78px; max-height: 210px; resize: vertical; background: #000; color: var(--fg); border: 1px solid var(--line); font: inherit; font-size: 12px; padding: 9px; }
    .agent-chat-input:focus, .agent-chat-mode:focus { outline: none; border-color: var(--accent); }
    .agent-chat-compose-row { display: flex; flex-wrap: wrap; gap: 7px; align-items: stretch; min-width: 0; }
    .agent-chat-compose-separator { width: 1px; min-height: var(--toolbar-density); background: var(--line); margin: 0 2px; }
    .agent-chat-mode { min-height: var(--toolbar-density); background: #000; color: var(--fg); border: 1px solid var(--line); font: inherit; font-size: 11px; padding: 5px 7px; }
    .agent-template-editor { width: 100%; max-width: 100%; min-width: 0; min-height: 300px; background: #000; color: var(--fg); border: 1px solid var(--line); font: 12px/1.45 var(--mono, monospace); padding: 10px; resize: vertical; }
    .agent-template-vars { margin-top: 8px; color: var(--fg-dim); font-size: 11px; overflow-wrap: anywhere; }
    .agent-attachment-strip { display: flex; flex: 1 1 180px; flex-wrap: nowrap; gap: 6px; min-width: 0; overflow-x: auto; align-items: center; }
    .agent-attachment-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 280px; border: 1px solid var(--line); background: #080b0f; color: var(--fg-dim); padding: 4px 7px; font-size: 10px; cursor: pointer; }
    .agent-attachment-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .agent-attachment-chip button { min-height: 18px; width: 18px; padding: 0; color: var(--danger); border-color: rgba(255,59,48,.4); }
    .agent-markdown p { margin: 0 0 7px; }
    .agent-markdown p:last-child { margin-bottom: 0; }
    .agent-markdown a { color: var(--accent-2); }
    .agent-markdown img { max-width: 220px; max-height: 160px; border: 1px solid var(--line); background: #000; display: block; margin: 6px 0; cursor: pointer; }
    .agent-markdown table { border-collapse: collapse; margin: 8px 0; max-width: 100%; display: block; overflow-x: auto; border: 1px solid var(--line); }
    .agent-markdown th, .agent-markdown td { border: 1px solid var(--line); padding: 5px 7px; text-align: left; vertical-align: top; }
    .agent-markdown th { color: var(--fg-dim); font-weight: 600; background: #050607; }
    .agent-markdown code { color: var(--accent-2); background: #020303; border: 1px solid var(--line); padding: 1px 4px; }
    .agent-markdown pre { overflow: auto; background: #000; border: 1px solid var(--line); padding: 8px; }
    .agent-markdown pre code { border: 0; padding: 0; color: var(--fg); }
    .agent-markdown blockquote { margin: 7px 0; padding-left: 10px; border-left: 2px solid var(--line-strong); color: var(--fg-dim); }
    .agent-markdown mark { background: rgba(255,189,63,.25); color: var(--fg); padding: 0 2px; }
    .agent-math { display: inline-block; border: 1px solid rgba(84,210,255,.35); color: var(--accent-2); background: #020303; padding: 1px 5px; margin: 0 2px; font-family: "IBM Plex Mono", "JetBrains Mono", Consolas, monospace; }
    .agent-math.block { display: block; margin: 8px 0; padding: 7px 9px; overflow-x: auto; }
    .agent-detail-tui { margin: 0; height: 100%; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 11px; line-height: 1.45; background: #000; border: 0; padding: 12px; color: var(--fg); box-sizing: border-box; }
    .agent-preview-image { max-width: min(82vw, 1100px); max-height: 72vh; display: block; object-fit: contain; background: #000; border: 1px solid var(--line); }
    .agent-chat-fullscreen-btn { order: -1; }
    .agent-detail-shell:fullscreen { width: 100vw; height: 100vh; height: 100dvh; border: 0; }
    .agent-detail-shell:fullscreen .agent-chat-messages { padding-bottom: 18px; }
    @media (max-width: 820px) {
      .agent-detail-tabs { flex-wrap: wrap; }
      .agent-chat-tool-status { justify-content: flex-start; }
      .agent-chat-row { max-width: 94%; }
      .agent-chat-inline-input { flex: 1 1 160px; max-width: none; }
      
      .agent-chat-composer { padding: 8px; gap: 6px; }
      .agent-chat-compose-row { gap: 5px; }
      .agent-chat-compose-row > button > span { display: none; }
      .agent-chat-compose-row > button { padding-inline: 9px; }
      .agent-chat-input { min-height: 52px; }
      .agent-chat-new-badge { bottom: 96px; }
    }
    .core-selected-title { color: var(--fg); font-weight: 650; display: block; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .core-detail-kicker { color: var(--accent-2); font-size: 11px; text-transform: uppercase; font-weight: 700; margin-bottom: 8px; }
    .core-detail-title { color: var(--fg); font-size: 20px; font-weight: 700; margin-bottom: 6px; overflow-wrap: anywhere; }
    .core-detail-meta { color: var(--fg-dim); font-size: 12px; line-height: 1.45; margin-bottom: 14px; }
    .core-detail-fields td:first-child { width: 170px; color: var(--fg-dim); }
    .surface-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; margin-bottom: 12px; }
    .surface-actions { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; margin: 0 0 12px; }
    .surface-actions button { min-height: 28px; }
    .surface-card { background: var(--bg-2); border: 1px solid var(--line); padding: 12px; min-width: 0; }
    .surface-card .num { font-size: 24px; color: var(--accent); }
    .surface-table { width: 100%; border-collapse: collapse; background: var(--bg-2); border: 1px solid var(--line); table-layout: fixed; }
    .surface-table th, .surface-table td { border-bottom: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
    .surface-table td { overflow-wrap: anywhere; }
    .surface-table th { color: var(--fg-dim); font-weight: 400; }
    .desktop-source-list { min-height: 0; min-width: 0; overflow: auto; padding: 8px; overscroll-behavior: contain; }
    .desktop-source-list button.item { transition: background 0.12s ease, border-color 0.12s ease; }
    .desktop-source-list button.item:hover { background: #0c1219; border-left: 3px solid var(--accent); padding-left: 8px; color: var(--fg); }
    .desktop-source-list button.item.active { background: #11161e; border-left: 3px solid var(--accent); padding-left: 8px; }
    .desktop-source-list button.item:focus-visible { outline: 1px dashed var(--accent); outline-offset: -1px; }
    .cockpit-entry-main { position: static; }
    .cockpit-entry-remove { min-width: 22px; height: 22px; border-radius: 3px; border: 1px solid var(--line); background: #0a0d12; color: var(--fg-dim); font-size: 12px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; margin-left: auto; }
    .cockpit-entry-remove:hover { background: #1a0707; color: var(--danger); border-color: var(--danger); }
    .cockpit-entry-restart { width: 62px; height: 22px; border-radius: 3px; border: 1px solid var(--line); background: #10151c; color: var(--fg); font: inherit; font-size: 11px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0 6px; }
    .cockpit-entry-restart:hover { background: #151f2b; border-color: var(--accent); color: var(--accent); }
    .cockpit-entry-row-spacer { width: 62px; height: 1px; display: block; }
    .desktop-source-list .item { margin-bottom: 7px; }
    .desktop-source-list button.item { width: 100%; border: 0; background: transparent; color: var(--fg); text-align: left; display: block; font: inherit; }
    .desktop-source-list button.item:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
    .cockpit-add-wrap { position: relative; display: inline-flex; min-width: 0; flex: 0 0 auto; }
    .cockpit-add-menu[hidden] { display: none; }
    .cockpit-add-menu { position: fixed; z-index: 1000; min-width: 180px; display: grid; gap: 3px; padding: 6px; border: 1px solid var(--accent); background: #050608; box-shadow: none; border-radius: 0; }
    .cockpit-add-menu button { width: 100%; max-width: none; justify-content: flex-start; text-align: left; padding: 6px 10px; background: transparent; border: 1px solid transparent; color: var(--fg); cursor: pointer; }
    .cockpit-add-menu button:hover, .cockpit-add-menu button:focus-visible { background: #131a24; border-color: var(--line-strong); outline: none; }
    .cockpit-entry-main { display: grid; grid-template-rows: 24px 22px; row-gap: 3px; min-width: 0; }
    .cockpit-entry-row1 { display: grid; grid-template-columns: 22px minmax(0, 1fr) max-content; align-items: center; column-gap: 8px; min-width: 0; }
    .cockpit-entry-row2 { display: grid; grid-template-columns: minmax(0, 1fr) 62px 24px; align-items: center; column-gap: 8px; min-width: 0; padding-left: 30px; }
    .cockpit-entry-copy { min-width: 0; display: flex; flex-direction: column; gap: 2px; flex: 1; }
    .cockpit-entry-name { display: flex; align-items: center; gap: 7px; min-width: 0; }
    .cockpit-entry-name-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .cockpit-entry-meta { color: var(--fg-dim); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .cockpit-entry-error { color: #f88; font-size: 11px; display: block; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .cockpit-log-panel { display: grid; gap: 6px; padding: 8px; border: 1px solid var(--line); background: #07090c; margin-top: 8px; }
    .cockpit-log-panel[hidden] { display: none; }
    .cockpit-log-error { color: #f88; font-size: 12px; }
    .cockpit-log-tail { max-height: 240px; overflow: auto; background: #0a0d12; padding: 6px 8px; font-family: var(--font-mono, ui-monospace, monospace); font-size: 11px; white-space: pre-wrap; word-break: break-all; color: var(--fg-dim); margin: 0; }
    .cockpit-log-actions { display: flex; gap: 6px; }
    .cockpit-type-badge { width: 22px; height: 22px; display: inline-grid; place-items: center; border: 1px solid currentColor; color: var(--fg-dim); background: #0c1117; }
    .cockpit-type-badge i.fa-solid { font-size: 13px; }
    .cockpit-type-desktop { color: #4da3ff; background: rgba(77,163,255,.14); }
    .cockpit-type-browser { color: #ad7cff; background: rgba(173,124,255,.15); }
    .cockpit-status-pill { border: 1px solid var(--line); background: #07090c; color: var(--fg-dim); padding: 2px 6px; font-size: 10px; text-transform: uppercase; white-space: nowrap; justify-self: end; min-width: 64px; text-align: center; font-variant-numeric: tabular-nums; }
    .cockpit-status-pill.running { color: var(--ok); border-color: rgba(102,204,102,.45); }
    .cockpit-status-pill.creating { color: var(--accent); border-color: rgba(255,189,63,.45); }
    .cockpit-status-pill.stopped { color: var(--danger); border-color: rgba(255,85,85,.35); }
    .cockpit-warning { border: 1px solid #6f5324; background: #181007; color: #ffd28a; padding: 8px; font-size: 11px; display: grid; gap: 6px; margin-bottom: 8px; }
    .cockpit-warning button { justify-self: start; }
    .cockpit-empty { border: 1px solid var(--line); background: #07090c; padding: 12px; display: grid; gap: 10px; }
    .cockpit-empty .meta { margin: 0; }
    .desktop-detail { min-height: 0; min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; background: var(--bg); }
    .desktop-meta-toggle { display: flex; align-items: center; gap: 6px; padding: 4px 10px; border-bottom: 1px solid var(--line); background: #050607; color: var(--fg-dim); font-size: 11px; cursor: pointer; }
    .desktop-meta-toggle:hover { color: var(--fg); }
    .desktop-meta-toggle .chev { display: inline-block; width: 12px; text-align: center; transition: transform 0.12s ease; }
    .desktop-meta-toggle.expanded .chev { transform: rotate(90deg); }
    .desktop-meta-grid { display: none; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px; padding: 10px; border-bottom: 1px solid var(--line); }
    .desktop-meta-grid.expanded { display: grid; }
    .desktop-meta { border: 1px solid var(--line); background: var(--bg-2); padding: 8px; min-width: 0; }
    .desktop-meta .label { color: var(--fg-dim); font-size: 10px; text-transform: uppercase; }
    .desktop-meta .value { margin-top: 4px; font-size: 12px; overflow-wrap: anywhere; }
    .desktop-frame-wrap { position: relative; min-height: 0; min-width: 0; background: #050607; border-top: 1px solid var(--line); display: grid; place-items: center; overflow: auto; overscroll-behavior: contain; border: 3px solid transparent; transition: border-color 0.18s ease; }
    .desktop-frame-wrap canvas { max-width: 100%; max-height: 100%; background: #000; }
    .desktop-frame-wrap.human-input-locked canvas { cursor: not-allowed; }
    .desktop-frame-wrap.human-input-unlocked canvas { cursor: crosshair; outline: 1px solid rgba(120, 190, 255, .45); }
    .browser-frame-wrap { position: relative; min-height: 0; min-width: 0; background: #000; display: grid; place-items: center; overflow: hidden; border: 2px solid transparent; transition: border-color .14s ease, box-shadow .14s ease; }
    .browser-frame-wrap.file-drag-active { border-color: var(--accent); box-shadow: inset 0 0 0 1px rgba(255,189,63,.45); }
    .browser-frame-wrap img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; image-rendering: auto; }
    .browser-cursor-overlay, .desktop-remote-cursor { position: absolute; width: 14px; height: 14px; border: 2px solid var(--accent); background: rgba(255,189,63,.18); border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%); box-shadow: 0 0 0 2px rgba(0,0,0,.8); display: none; z-index: 4; }
    .browser-cursor-overlay.pressed, .desktop-remote-cursor.pressed { background: rgba(255,59,48,.35); border-color: var(--danger); }
    .cockpit-control-strip { display: flex; align-items: center; gap: 6px; padding: 5px 8px; border-bottom: 1px solid var(--line); background: #050607; min-width: 0; overflow-x: auto; white-space: nowrap; }
    .cockpit-control-strip label { color: var(--fg-dim); font-size: 11px; display: inline-flex; align-items: center; gap: 4px; }
    .cockpit-control-strip select, .cockpit-control-strip input { background: var(--bg-1); color: var(--fg); border: 1px solid var(--line); min-height: 26px; padding: 3px 7px; font: inherit; font-size: 11px; }
    .cockpit-control-strip button { min-height: 26px; padding: 3px 8px; font-size: 11px; }
    .browser-pointer-readout, .desktop-pointer-readout { color: var(--fg-dim); font-size: 11px; font-variant-numeric: tabular-nums; }
    .cockpit-command-rail, .browser-command-rail, .desktop-command-rail { display: flex; flex-wrap: nowrap; align-items: center; gap: 0; min-width: 0; border-bottom: 1px solid var(--line); background: #020303; }
    .browser-command-group, .desktop-command-group { min-width: 0; display: flex; align-items: center; gap: 5px; padding: 6px 7px; overflow: hidden; white-space: nowrap; }
    .browser-command-group.navigation { flex: 1 1 0; min-width: 0; }
    .browser-toolbar-right { flex: 0 0 auto; margin-left: auto; position: relative; border-left: 1px solid var(--line); }
    .desktop-command-group.stream { flex: 1 1 330px; border-right: 1px solid var(--line); }
    .desktop-command-group.tools { flex: 1 1 360px; }
    .desktop-command-group.input, .desktop-command-group.status { flex: 0 1 auto; border-right: 1px solid var(--line); }
    .desktop-command-group:last-child { border-right: 0; }
    .browser-command-group input, .desktop-command-group input, .browser-command-group select, .desktop-command-group select {
      background: linear-gradient(180deg, #14181f 0%, #0a0d12 100%);
      color: var(--fg); border: 1px solid var(--line); min-height: 28px; padding: 4px 8px;
      font: inherit; font-size: 11px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
    }
    .browser-command-group select:hover, .desktop-command-group select:hover { border-color: var(--accent); }
    .browser-url-input { flex: 1; padding: 4px 8px; background: #000; color: var(--fg); border: 1px solid var(--line); border-radius: 4px; font: inherit; font-size: 12px; min-width: 120px; }
    .browser-command-group input, .desktop-command-group input { min-width: 0; }
    .browser-command-group button, .desktop-command-group button {
      min-height: 28px; padding: 4px 9px;
      background: linear-gradient(180deg, #1b2230 0%, #10141d 55%, #060809 100%);
      color: var(--fg); border: 1px solid var(--line); border-radius: 4px;
      font: inherit; font-size: 11px; cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 0 rgba(0,0,0,0.4);
      transition: background .12s linear, border-color .12s linear, box-shadow .12s linear, color .12s linear;
    }
    .browser-command-group button:hover, .desktop-command-group button:hover {
      background: linear-gradient(180deg, #28324a 0%, #181f2d 55%, #0a0e16 100%);
      border-color: var(--accent); color: var(--accent);
      box-shadow: inset 0 1px 0 rgba(255,189,63,.22), 0 0 0 1px rgba(255,189,63,.22), 0 2px 8px rgba(255,189,63,.18);
    }
    .browser-command-group button:active, .desktop-command-group button:active {
      background: linear-gradient(180deg, #060809 0%, #0a0d12 100%);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.55);
    }
    .browser-command-group button:disabled, .desktop-command-group button:disabled,
    .browser-command-group button.disabled, .desktop-command-group button.disabled {
      opacity: .42; cursor: not-allowed; box-shadow: none; pointer-events: none;
    }
    .browser-command-group button.primary, .desktop-command-group button.primary {
      color: #1a1206; border-color: var(--accent);
      background: linear-gradient(180deg, #ffdc8d 0%, #f3b134 50%, #b67c1a 100%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 2px 6px rgba(255,189,63,.35);
    }
    .browser-command-group button.primary:hover, .desktop-command-group button.primary:hover {
      background: linear-gradient(180deg, #ffe7a8 0%, #ffc24a 50%, #c98920 100%);
      color: #100802;
    }
    .browser-command-group button.danger, .desktop-command-group button.danger { color: var(--danger); border-color: rgba(255,59,48,.55); }
    .browser-tb-icon { min-width: 30px; text-align: center; }
    .browser-tb-icon i.fa-solid { font-size: 12px; }
    .browser-lock-btn { color: var(--fg-dim); }
    .browser-lock-btn.browser-lock-active { color: #fc6; border-color: #fc6; }
    .browser-overflow-btn { font-size: 14px; }
    .browser-logs-pill { font-size: 14px; }
    .browser-logs-pill.active { color: var(--turmeric); border-color: var(--turmeric); }
    .browser-overflow-menu { display: none; flex-direction: column; position: absolute; top: 100%; right: 0; z-index: 200; background: #0c1018; border: 1px solid var(--line-strong); border-radius: 6px; min-width: 220px; padding: 6px 0; box-shadow: 0 8px 24px rgba(0,0,0,.5); }
    .browser-menu-item { display: flex; align-items: center; gap: 8px; padding: 7px 14px; background: transparent; border: none; color: var(--fg); font: inherit; font-size: 12px; cursor: pointer; white-space: nowrap; text-align: left; width: 100%; border-radius: 0; }
    .browser-menu-item:hover { background: #161c26; }
    .browser-menu-sep { height: 1px; background: var(--line); margin: 4px 8px; }
    .browser-menu-label { padding: 4px 14px; font-size: 10px; color: var(--fg-dim); text-transform: uppercase; letter-spacing: .08em; }
    .browser-menu-row { display: flex; align-items: center; gap: 8px; padding: 5px 14px; font-size: 12px; color: var(--fg); }
    .browser-menu-input { margin: 2px 14px; padding: 4px 8px; background: #000; color: var(--fg); border: 1px solid var(--line); border-radius: 3px; font: inherit; font-size: 12px; }
    .command-label { color: var(--fg-dim); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
    .command-status { color: var(--fg-dim); font-size: 11px; overflow: hidden; text-overflow: ellipsis; }
    .browser-empty-state { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; color: var(--fg-dim); text-align: center; }
    .browser-empty-state.hidden { display: none; }
    .browser-empty-state-card { border: 1px dashed var(--line-strong); background: rgba(5,6,7,.72); padding: 28px 36px; display: grid; gap: 8px; }
    .browser-empty-state-title { color: var(--fg); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
    .browser-empty-state-meta { font-size: 11px; line-height: 1.5; }
    .desktop-frame-wrap.state-probe { border-color: #fa3; }
    .desktop-frame-wrap.state-stream { border-color: #6c6; }
    .desktop-frame-wrap.state-broken { border-color: #f55; }
    .desktop-operation-lock { gap: 7px; }
    .desktop-operation-lock input { margin: 0; }
    .desktop-operation-state { font-size: 11px; color: var(--fg-dim); border: 1px solid var(--line); background: var(--bg-2); padding: 5px 8px; min-height: 30px; display: inline-flex; align-items: center; }
    .desktop-operation-state.unlocked { color: #ffd28a; border-color: #7d6128; }
    .desktop-status-dot { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 8px; }
    .desktop-status-dot.disconnected { background: #f55; }
    .desktop-status-dot.connecting { background: #fa3; animation: pulse-signal 0.9s steps(2, end) infinite; }
    .desktop-status-dot.connected { background: #6c6; }
    .desktop-frame-wrap.capturing { box-shadow: inset 0 0 0 2px rgba(14, 165, 233, 0.9), 0 0 0 1px rgba(14, 165, 233, 0.35); border-color: rgba(14, 165, 233, 0.5); }
    .desktop-frame-wrap:fullscreen { position: fixed; inset: 0; z-index: 9999; max-width: 100vw; max-height: 100vh; border: none; background: #000; }
    .cockpit-stat-pill { display: inline-grid; grid-template-columns: max-content minmax(42px, max-content); align-items: center; justify-content: space-between; gap: 5px; padding: 2px 8px; min-height: 22px; min-width: 72px; border: 1px solid var(--line); background: linear-gradient(180deg, #14181f 0%, #080a0d 100%); color: var(--fg-dim); font-size: 10px; line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums; border-radius: 999px; }
    .cockpit-stat-pill strong { color: var(--fg); font-weight: 600; font-size: 11px; text-align: right; font-variant-numeric: tabular-nums; }
    .cockpit-stat-pill.latency-pill { min-width: 84px; }
    .cockpit-stat-pill.transfer-pill { min-width: 102px; }
    .cockpit-stat-pill.browser-bps-pill { min-width: 86px; }
    .cockpit-stat-pill.good { color: #c8f0d7; border-color: #1f6c48; background: linear-gradient(180deg, #11261b 0%, #081310 100%); }
    .cockpit-stat-pill.good strong { color: var(--ok); }
    .cockpit-stat-pill.ok   { color: #c8f0d7; border-color: #1f6c48; background: linear-gradient(180deg, #11261b 0%, #081310 100%); }
    .cockpit-stat-pill.ok strong   { color: var(--ok); }
    .cockpit-stat-pill.warn { color: #f5d595; border-color: #6b4a10; background: linear-gradient(180deg, #261b0c 0%, #110b04 100%); }
    .cockpit-stat-pill.warn strong { color: var(--accent); }
    .cockpit-stat-pill.bad  { color: #f7c1b8; border-color: #7f2222; background: linear-gradient(180deg, #241112 0%, #110707 100%); }
    .cockpit-stat-pill.bad strong  { color: var(--danger); }

    .browser-tab-strip { display: flex; flex-wrap: wrap; align-items: stretch; gap: 1px; row-gap: 0; padding: 0 4px; background: #04060a; border-bottom: 1px solid var(--line); overflow: hidden; min-height: 30px; }
    .browser-tab-chip { display: grid; grid-template-columns: minmax(0, 1fr) 18px; align-items: center; column-gap: 8px; padding: 0 8px 0 10px; max-width: 240px; min-width: 120px; background: #0a0d12; color: var(--fg-dim); border: 0; border-top: 2px solid transparent; border-right: 1px solid var(--line); border-radius: 0; cursor: pointer; font-size: 11px; font-family: inherit; transition: background .12s linear, color .12s linear, border-top-color .12s linear; }
    .browser-tab-chip:hover { color: var(--fg); background: #11161e; }
    .browser-tab-chip.active { color: var(--accent); background: #050608; border-top-color: var(--accent); }
    .browser-tab-chip.pending { color: var(--fg-dim); opacity: .72; cursor: wait; }
    .browser-tab-chip.active::after { content: ''; position: absolute; }
    .browser-tab-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .browser-tab-close { color: var(--fg-dim); width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; justify-self: end; border-radius: 3px; line-height: 1; margin-left: 4px; }
    .browser-tab-close:hover { color: var(--danger); background: rgba(255,59,48,.12); }
    .browser-tab-new { flex: 0 0 34px; padding: 0 12px; min-height: 30px; background: #04060a; color: var(--fg-dim); border: 0; border-right: 1px solid var(--line); cursor: pointer; font-size: 16px; font-weight: 600; }
    .browser-tab-new:hover { color: var(--accent); background: #11161e; }
    .browser-fps-select { background: linear-gradient(180deg, #14181f, #0a0d12 55%, #060809); color: var(--fg); border: 1px solid var(--line); padding: 0 8px; height: 28px; font: inherit; font-size: 11px; cursor: pointer; border-radius: 3px; }
    .browser-fps-select:hover { border-color: var(--accent); color: var(--accent); }
    .cockpit-stat-pill.toolbar-dl { height: 28px; padding: 0 10px; align-items: center; display: inline-flex; }
    .browser-stats-box { display: inline-grid; grid-auto-flow: column; grid-auto-columns: max-content; align-items: center; column-gap: 6px; padding: 0 6px; }
    .browser-status-readout { color: var(--fg-dim); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 360px; }

    .cockpit-statusbar { display: flex; align-items: center; gap: 10px; padding: 4px 10px; border-top: 1px solid var(--line); background: #050607; font-size: 11px; color: var(--fg-dim); min-height: 24px; overflow-x: auto; scrollbar-width: thin; flex: 0 0 auto; }
    .cockpit-statusbar .cockpit-stat-pill { flex: 0 0 auto; }
    .cockpit-statusbar .browser-status-readout { flex: 0 0 auto; }
    .cockpit-statusbar-spacer { flex: 1 1 auto; min-width: 8px; }
    .cockpit-statusbar .browser-pointer-readout { flex: 0 0 auto; color: var(--fg-dim); }

    .cockpit-viewport-split { flex: 1 1 auto; display: flex; min-height: 0; min-width: 0; }
    .cockpit-viewport-split > .viewport-wrap { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
    .cockpit-viewport-split > .viewport-wrap > .browser-frame-wrap,
    .cockpit-viewport-split > .viewport-wrap > .desktop-frame-wrap { flex: 1 1 auto; min-height: 0; min-width: 0; }
    .cockpit-devtools-panel { flex: 0 0 42%; min-width: 220px; max-width: 70%; display: none; flex-direction: column; border-left: 1px solid var(--line-strong); background: #050608; }
    .cockpit-devtools-panel.open { display: flex; }
    .cockpit-devtools-panel-header { display: flex; align-items: center; justify-content: space-between; padding: 4px 8px; border-bottom: 1px solid var(--line); background: #0a0c0e; font-size: 10px; color: var(--fg-dim); text-transform: uppercase; letter-spacing: 0.06em; flex: 0 0 auto; }
    .cockpit-devtools-panel-title { display: inline-flex; align-items: center; gap: 6px; }
    .cockpit-devtools-panel-close { background: transparent; border: 0; color: var(--fg-dim); width: 22px; height: 22px; cursor: pointer; padding: 0; }
    .cockpit-devtools-panel-close:hover { color: var(--danger); }
    .cockpit-devtools-iframe { flex: 1 1 auto; width: 100%; border: 0; background: #000; }
    .cockpit-human-input-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 4px 10px; border: 1px solid var(--line); color: var(--fg-dim);
      background: linear-gradient(180deg, #181c24 0%, #0c1018 55%, #060809 100%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.4);
      font: inherit; font-size: 11px; cursor: pointer; border-radius: 4px;
      transition: background .12s linear, border-color .12s linear, box-shadow .12s linear, color .12s linear;
    }
    .cockpit-human-input-btn i.fa-solid { font-size: 12px; }
    .cockpit-human-input-btn.is-locked { color: var(--fg-dim); }
    .cockpit-human-input-btn.is-active { color: #0c1018; border-color: #14b8a6;
      background: linear-gradient(180deg, #5eead4 0%, #14b8a6 55%, #0f766e 100%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 0 0 1px rgba(20,184,166,.45), 0 2px 8px rgba(20,184,166,.32);
    }
    .cockpit-human-input-btn:hover { color: var(--accent); border-color: var(--accent); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.4); }
    .cockpit-human-input-btn.is-active:hover { color: #0c1018; border-color: #14b8a6; box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 0 0 1px rgba(20,184,166,.45); }
    .cockpit-menu-btn { min-width: 30px; min-height: 28px; padding: 0 8px; }
    .cockpit-overflow-menu { display: none; flex-direction: column; position: absolute; top: calc(100% + 4px); right: 0; z-index: 200; background: linear-gradient(180deg, #11161e 0%, #0a0d12 100%); border: 1px solid var(--line-strong); border-radius: 6px; min-width: 240px; padding: 6px 0; box-shadow: 0 12px 28px rgba(0,0,0,.55), 0 0 0 1px rgba(255,189,63,.12); }
    .cockpit-overflow-menu.open { display: flex; }
    .cockpit-menu-item { display: flex; align-items: center; gap: 9px; padding: 8px 14px; background: transparent; border: none; color: var(--fg); font: inherit; font-size: 12px; cursor: pointer; white-space: nowrap; text-align: left; width: 100%; border-radius: 0; box-shadow: none; }
    .cockpit-menu-item:hover { background: linear-gradient(90deg, rgba(255,189,63,.16), transparent 70%); color: var(--accent); }
    .cockpit-menu-item.danger { color: var(--danger); }
    .cockpit-menu-item.danger:hover { background: linear-gradient(90deg, rgba(255,59,48,.18), transparent 70%); }
    .cockpit-menu-sep { height: 1px; background: var(--line); margin: 4px 8px; }
    .cockpit-menu-label { padding: 4px 14px; font-size: 10px; color: var(--fg-dim); text-transform: uppercase; letter-spacing: .08em; }
    .cockpit-dialog-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.65); z-index: 9000; display: grid; place-items: center; padding: 18px; backdrop-filter: blur(2px); }
    .cockpit-dialog { background: linear-gradient(180deg, #11161e 0%, #0a0d12 100%); border: 1px solid var(--line-strong); border-radius: 6px; width: min(760px, calc(100vw - 36px)); max-width: calc(100vw - 36px); min-width: 0; max-height: calc(100vh - 36px); display: grid; grid-template-rows: auto minmax(0,1fr) auto; box-shadow: 0 20px 60px rgba(0,0,0,.7), 0 0 0 1px rgba(255,189,63,.12); overflow: hidden; }
    .cockpit-dialog-header { padding: 10px 14px; border-bottom: 1px solid var(--line); font-size: 12px; color: var(--fg); display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    .cockpit-dialog-header-title { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--fg); text-transform: uppercase; letter-spacing: .06em; font-size: 11px; }
    .cockpit-dialog-close { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; background: transparent; color: var(--fg-dim); cursor: pointer; border-radius: 50%; transition: color .12s, border-color .12s, background .12s; }
    .cockpit-dialog-close:hover { color: var(--danger); border-color: rgba(255,59,48,.55); background: rgba(255,59,48,.12); }
    .cockpit-dialog-body { padding: 14px; overflow: auto; display: grid; gap: 10px; color: var(--fg); min-width: 0; max-width: 100%; }
    .cockpit-dialog-footer { padding: 10px 14px; border-top: 1px solid var(--line); display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; min-width: 0; }
    .cockpit-dialog-grid { display: grid; grid-template-columns: minmax(120px, auto) minmax(0, 1fr); column-gap: 12px; row-gap: 8px; font-size: 12px; min-width: 0; }
    .cockpit-dialog-grid .label { color: var(--fg-dim); text-transform: uppercase; font-size: 10px; letter-spacing: .08em; align-self: center; }
    .cockpit-dialog-grid .value { color: var(--fg); overflow-wrap: anywhere; }
    .cockpit-locked-controls .browser-tb-icon,
    .cockpit-locked-controls .browser-tb-icon:hover,
    .cockpit-locked-controls .cockpit-menu-btn,
    .cockpit-locked-controls .cockpit-menu-btn:hover,
    .cockpit-locked-controls select { opacity: .42; filter: grayscale(.6); pointer-events: none; }
    .cockpit-locked-controls .browser-url-input { opacity: .9; color: var(--fg); cursor: default; }
    .cockpit-locked-controls .cockpit-human-input-btn { opacity: 1; filter: none; pointer-events: auto; }
    .cockpit-locked-controls .cockpit-stat-pill { opacity: .82; }
    .surface-empty { color: var(--fg-dim); padding: 12px; border: 1px solid var(--line); background: var(--bg-2); }
    .surface-state { color: var(--fg-dim); padding: 12px; border: 1px solid var(--line); background: var(--bg-2); display: grid; gap: 7px; line-height: 1.45; }
    .surface-state-title { color: var(--fg); font-size: 13px; font-weight: 700; }
    .surface-state-meta { color: var(--fg-dim); font-size: 12px; overflow-wrap: anywhere; }
    .surface-state-actions { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 2px; }
    .surface-state-actions button { min-height: var(--toolbar-density); padding: var(--toolbar-density-pad-y) 10px; background: linear-gradient(180deg, #171b21, #090b0e); color: var(--fg); border: 1px solid var(--line); font: inherit; font-size: 11px; cursor: pointer; }
    .agents-panel { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; min-width: 0; }
    .agents-segmented { display: inline-flex; gap: 0; border: 1px solid var(--line); background: var(--bg-2); align-self: flex-start; }
    .agents-segmented button { min-height: var(--toolbar-density); padding: var(--toolbar-density-pad-y) 14px; background: transparent; color: var(--fg-dim); border: 0; border-right: 1px solid var(--line); font: inherit; font-size: 11px; cursor: pointer; letter-spacing: 0.02em; }
    .agents-segmented button:last-child { border-right: 0; }
    .agents-segmented button:hover { color: var(--fg); }
    .agents-segmented button.active { background: var(--turmeric); color: #1a0f00; font-weight: 700; }
    .agents-pane { display: none; min-width: 0; }
    .agents-pane.active { display: block; }
    .agent-sendlog-anomaly { display: inline-block; margin-left: 6px; padding: 1px 6px; background: rgba(255,166,0,0.18); color: var(--ember, #f6a623); border: 1px solid var(--ember, #f6a623); font-size: 10px; letter-spacing: 0.02em; }
    .agent-sendlog-row-anomalous td { background: rgba(255,166,0,0.04); }
    .delivery-panel { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; min-width: 0; }
    .delivery-segmented { display: inline-flex; gap: 0; border: 1px solid var(--line); background: var(--bg-2); align-self: flex-start; }
    .delivery-segmented button { min-height: var(--toolbar-density); padding: var(--toolbar-density-pad-y) 14px; background: transparent; color: var(--fg-dim); border: 0; border-right: 1px solid var(--line); font: inherit; font-size: 11px; cursor: pointer; letter-spacing: 0.02em; }
    .delivery-segmented button:last-child { border-right: 0; }
    .delivery-segmented button:hover { color: var(--fg); }
    .delivery-segmented button.active { background: var(--turmeric); color: #1a0f00; font-weight: 700; }
    .delivery-cards { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
    .delivery-card { border: 1px solid var(--line); background: var(--bg-2); padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; }
    .delivery-card-pending { border-left: 3px solid var(--ember, #f6a623); }
    .delivery-card-accepted { border-left: 3px solid var(--turmeric, #f7bc24); }
    .delivery-card-rejected { border-left: 3px solid #c64a3c; opacity: 0.8; }
    .delivery-card-archived { opacity: 0.55; }
    .delivery-card-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
    .delivery-card-icon { font-size: 16px; }
    .delivery-card-title { color: var(--fg); font-weight: 700; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .delivery-card-status { font-size: 10px; padding: 1px 6px; letter-spacing: 0.04em; border: 1px solid var(--line); }
    .delivery-card-status-pending { color: var(--ember, #f6a623); border-color: var(--ember, #f6a623); }
    .delivery-card-status-accepted { color: var(--turmeric, #f7bc24); border-color: var(--turmeric, #f7bc24); }
    .delivery-card-status-rejected { color: #c64a3c; border-color: #c64a3c; }
    .delivery-card-status-archived { color: var(--fg-dim); }
    .delivery-card-meta { color: var(--fg-dim); font-size: 11px; display: flex; gap: 8px; flex-wrap: wrap; }
    .delivery-card-id { font-family: var(--mono, monospace); opacity: 0.7; }
    .delivery-card-desc { color: var(--fg); font-size: 12px; line-height: 1.5; }
    .delivery-card-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 2px; }
    .delivery-card-action { min-height: var(--toolbar-density); padding: var(--toolbar-density-pad-y) 10px; background: linear-gradient(180deg, #171b21, #090b0e); color: var(--fg); border: 1px solid var(--line); font: inherit; font-size: 11px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; }
    .delivery-card-action:hover { background: linear-gradient(180deg, #1e242c, #0d1116); }
    .delivery-card-open { color: var(--turmeric, #f7bc24); }
    .delivery-card-accept { color: var(--turmeric, #f7bc24); }
    .delivery-card-reject { color: #c64a3c; }
    .surface pre { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; background: #000000; border: 1px solid var(--line); padding: 10px; color: var(--fg); }
    .stream-pane { min-height: 0; min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; background: #050607; }
    .stream-stage { min-height: 0; min-width: 0; display: grid; place-items: center; overflow: hidden; background: #000; }
    .stream-stage img { max-width: 100%; max-height: 100%; object-fit: contain; image-rendering: auto; }
    .stream-metrics { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; color: var(--fg-dim); font-size: 11px; }
    .stream-metrics span { border: 1px solid var(--line); background: #0b1017; padding: 3px 6px; white-space: nowrap; }
    .settings-pane-shell { display: grid; grid-template-rows: auto minmax(0, 1fr); min-height: 0; min-width: 0; height: 100%; background: #050607; overflow: hidden; }
    .settings-pane-toolbar { display: flex; gap: var(--toolbar-density-gap); align-items: center; padding: 7px 8px; border-bottom: 1px solid var(--line); background: linear-gradient(180deg, #090b0d, #030405); min-width: 0; overflow: hidden; }
    .settings-pane-toolbar button { flex: 0 0 auto; min-height: var(--toolbar-density); padding: var(--toolbar-density-pad-y) 8px; background: linear-gradient(180deg, #171b21, #090b0e); color: var(--fg); border: 1px solid var(--line); font: inherit; font-size: 11px; cursor: pointer; }
    .settings-pane-status { flex: 1 1 auto; min-width: 0; color: var(--fg-dim); font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .settings-pane-body { min-height: 0; min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; }
    .settings-tabs { min-height: 34px; min-width: 0; display: flex; align-items: stretch; gap: 1px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; padding: 0 6px; border-bottom: 1px solid var(--line); background: #030405; }
    .settings-tab { flex: 0 0 auto; min-width: 104px; max-width: 172px; min-height: 34px; display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: center; column-gap: 7px; padding: 0 10px; border: 0; border-top: 2px solid transparent; border-right: 1px solid var(--line); background: #06080b; color: var(--fg-dim); text-align: left; font: inherit; font-size: 11px; cursor: pointer; }
    .settings-tab:hover { color: var(--fg); background: #10151c; }
    .settings-tab:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
    .settings-tab.active, .settings-tab[aria-selected="true"] { color: var(--accent); background: #050608; border-top-color: var(--accent); }
    .settings-tab i.fa-solid { font-size: 12px; color: currentColor; width: 16px; text-align: center; }
    .settings-tab span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .settings-detail { min-height: 0; min-width: 0; overflow: auto; padding: 14px; background: #000; }
    .settings-pane-detail { border-top: 0; padding: 10px; }
    .settings-pane-detail .settings-detail-title { font-size: 15px; }
    .settings-pane-detail .settings-card-grid { grid-template-columns: 1fr; gap: 7px; }
    .settings-detail-header { display: grid; gap: 4px; margin-bottom: 10px; }
    .settings-detail-kicker { color: var(--accent-2); font-size: 11px; font-weight: 700; text-transform: uppercase; }
    .settings-detail-title { color: var(--fg); font-size: 20px; font-weight: 700; }
    .settings-detail-meta { color: var(--fg-dim); font-size: 11px; line-height: 1.35; }
    .settings-info-list { display: grid; gap: 1px; border: 1px solid var(--line); background: var(--line); margin-bottom: 12px; }
    .settings-info-row { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 8px; align-items: baseline; background: #050607; padding: 8px 9px; min-width: 0; }
    .settings-info-row .label { color: var(--fg-dim); font-size: 10px; text-transform: uppercase; }
    .settings-info-row .value { color: var(--fg); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .settings-actions { display: flex; flex-wrap: wrap; gap: 7px; margin: 10px 0 12px; }
    .settings-actions button { min-height: var(--toolbar-density); padding: var(--toolbar-density-pad-y) 10px; background: linear-gradient(180deg, #171b21, #090b0e); color: var(--fg); border: 1px solid var(--line); font: inherit; font-size: 11px; cursor: pointer; }
    .settings-actions button.primary, .settings-actions button.active { color: var(--accent); border-color: var(--accent); }
    .settings-actions button.danger { color: var(--danger); border-color: rgba(255,59,48,.55); }
    .settings-actions button:disabled { opacity: .45; cursor: default; }
    .settings-field { display: grid; gap: 5px; border: 1px solid var(--line); background: #050607; padding: 10px; margin-bottom: 8px; }
    .settings-field label { color: var(--fg-dim); font-size: 11px; }
    .settings-field input[type="range"] { width: 100%; accent-color: var(--accent); }
    .settings-broker-list { display: grid; gap: 7px; margin-top: 10px; }
    .settings-broker-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; align-items: start; border: 1px solid var(--line); background: #050607; padding: 9px; min-width: 0; }
    .settings-broker-head { display: flex; align-items: center; gap: 8px; min-width: 0; }
    .settings-broker-row .name { color: var(--fg); font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .settings-broker-row .meta { color: var(--fg-dim); font-size: 11px; line-height: 1.35; margin-top: 3px; overflow-wrap: anywhere; }
    .settings-broker-row .metrics { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; margin-left: auto; }
    .settings-broker-row .metrics span { border: 1px solid var(--line); background: #000; color: var(--fg-dim); padding: 2px 6px; font-size: 10px; font-variant-numeric: tabular-nums; }
    .settings-broker-tree { color: var(--fg-dim); font-size: 11px; line-height: 1.4; margin-top: 6px; font-family: "IBM Plex Mono", "JetBrains Mono", Consolas, monospace; white-space: pre; overflow-x: auto; overflow-y: hidden; overflow-wrap: normal; scrollbar-width: thin; }
    .settings-broker-row button { min-height: var(--toolbar-density); padding: var(--toolbar-density-pad-y) 9px; background: linear-gradient(180deg, #171b21, #090b0e); color: var(--danger); border: 1px solid rgba(255,59,48,.55); font: inherit; font-size: 11px; cursor: pointer; }
    .settings-broker-row button:disabled { opacity: .45; cursor: default; }
    .settings-empty { border: 1px solid var(--line); background: #050607; color: var(--fg-dim); padding: 12px; line-height: 1.45; }
    .settings-density { margin: 8px; padding: 10px; border: 1px solid var(--line); background: #07090c; display: grid; gap: 8px; }
    .settings-density .settings-density-title { color: var(--fg); font-size: 12px; font-weight: 650; }
    .settings-density .settings-density-meta { color: var(--fg-dim); font-size: 11px; }
    .settings-density .settings-density-actions { display: flex; gap: 6px; flex-wrap: wrap; }
    .settings-density button { min-height: var(--toolbar-density); padding: var(--toolbar-density-pad-y) 9px; background: linear-gradient(180deg, #171b21, #090b0e); color: var(--fg); border: 1px solid var(--line); font: inherit; font-size: 11px; cursor: pointer; }
    .settings-density button.active { color: var(--accent); border-color: var(--accent); }
    .icon-label { display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; }
    .icon-label i.fa-solid { font-size: 12px; flex: 0 0 14px; text-align: center; }
    [data-tooltip] { position: relative; }
    [data-tooltip]::after { content: attr(data-tooltip); position: absolute; z-index: 260; left: calc(100% + 8px); top: 50%; transform: translateY(-50%); background: #000000; color: var(--fg); border: 1px solid var(--line); padding: 5px 7px; font-size: 11px; line-height: 1; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 90ms linear; }
    [data-tooltip]:hover::after, [data-tooltip]:focus-visible::after { opacity: 1; }
    .topbar [data-tooltip]::after, .term-panel-toolbar [data-tooltip]::after, .toolbar [data-tooltip]::after { left: 0; top: calc(100% + 7px); transform: none; }
    .toggle-control { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 5px 8px; border: 1px solid var(--line); background: var(--bg-3); color: var(--fg); font-size: 12px; cursor: pointer; }
    .toggle-control input { width: 14px; height: 14px; margin: 0; accent-color: var(--accent); }
    .term-state { width: 8px; height: 8px; border: 1px solid currentColor; display: inline-block; margin-right: 8px; flex: 0 0 auto; }
    .term-state.running { background: var(--ok); color: var(--ok); }
    .term-state.creating { background: var(--accent); color: var(--accent); animation: pulse-signal 0.9s steps(2, end) infinite; }
    .term-state.stopped { background: transparent; color: var(--fg-dim); }
    .term-state.dead { background: var(--danger); color: var(--danger); }
    .item .name { display: flex; align-items: center; min-width: 0; gap: 6px; }
    .item.creating { border-left: 3px solid var(--accent); padding-left: 7px; }

    .item .name-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
    .term-life-badge { display: inline-flex; align-items: center; justify-content: center; height: 16px; padding: 0 6px; border: 1px solid var(--line); border-radius: 999px; font-size: 9px; letter-spacing: .02em; background: #0a1820; color: var(--fg-dim); flex-shrink: 0; }
    .term-life-badge.state-running { color: var(--ok); border-color: #1f6c48; background: #10251d; }
    .term-life-badge.state-died    { color: #ff9f9f;  border-color: #7f2222; background: #241112; }
    .term-life-badge.state-starting{ color: var(--accent); border-color: #6b4a10; background: #261b0d; }
    .term-status-icon { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; padding: 0; font-size: 9px; line-height: 1; color: var(--fg-dim); flex-shrink: 0; }
    .term-status-icon.status-running  { color: var(--ok); }
    .term-status-icon.status-starting { color: var(--accent); }
    .term-status-icon.status-crashed  { color: var(--danger); }
    .term-status-icon.status-exited   { color: var(--fg-dim); }
    .term-status-icon.status-idle     { color: var(--accent); }
    .item .term-active-prog { font-size: 11px; color: var(--fg-dim); margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "IBM Plex Mono", "JetBrains Mono", Consolas, monospace; }
    .item[data-tooltip-class="process-tree"] { cursor: help; }
    .item .term-agent-row { display: flex; gap: 5px; align-items: center; margin-top: 4px; min-height: 16px; }
    .item .term-aux-row { font-size: 11px; color: var(--fg-dim); font-family: "IBM Plex Mono", "JetBrains Mono", Consolas, monospace; opacity: 0.7; }
    .term-agent-icon { width: 13px; height: 13px; flex: 0 0 auto; }
    .agent-kind-icon { width: 18px; height: 18px; flex: 0 0 18px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); background: #071019; color: var(--accent-2); font-size: 10px; }
    .term-agent-row .agent-kind-icon { width: 16px; height: 16px; flex-basis: 16px; }
    .agent-chat-avatar .agent-kind-icon { width: 18px; height: 18px; border: 0; background: transparent; }
    .agent-pill { display: inline-flex; align-items: center; justify-content: center; height: 16px; padding: 0 6px; border: 1px solid var(--line); border-radius: 999px; font-size: 9px; letter-spacing: 0; color: var(--accent); background: #10212d; }
    .agent-pill.agent-completed { color: var(--ok); border-color: #1f6c48; background: #10251d; }
    .agent-pill.agent-working   { color: var(--accent); border-color: #6b4a10; background: #261b0d; }
    .agent-pill.agent-broken    { color: #ff9f9f; border-color: #7f2222; background: #241112; }
    .agent-pill.agent-stuck     { color: #ff9b73; border-color: #b94b2c; background: #2a1310; }
    [data-tooltip-class="process-tree"][data-tooltip]::after { display: none; }
    .process-tree-tooltip {
      position: fixed; z-index: 10000; max-width: min(520px, calc(100vw - 24px)); max-height: min(70vh, 620px);
      overflow: auto; white-space: pre; background: #000; color: var(--fg); border: 1px solid var(--line-strong);
      padding: 7px 9px; pointer-events: none; box-shadow: 0 12px 28px rgba(0,0,0,.55);
      font-family: "IBM Plex Mono", "Cascadia Code", Consolas, monospace;
      font-size: 10px; line-height: 1.45;
    }
    .creating-panel { display: grid; place-items: center; min-height: 0; min-width: 0; overflow: auto; border: 1px solid var(--line); background: #000000; padding: 24px; }
    .creating-box { width: min(520px, 100%); border: 1px solid var(--line); background: var(--bg); padding: 16px; display: grid; gap: 10px; }
    .progress-line { height: 6px; border: 1px solid var(--line); overflow: hidden; background: var(--bg-3); }
    .progress-line::before { content: ''; display: block; height: 100%; width: 42%; background: var(--accent); animation: progress-slide 1s linear infinite; }
    .plugin-shell { min-height: 0; min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; }
    .plugin-shell .toolbar { border-bottom: 1px solid var(--line); }
    .plugin-frame { width: 100%; height: 100%; min-height: 0; min-width: 0; }
    .file-browser { height: 100%; min-height: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; overflow: hidden; background: #020303; container-type: inline-size; }
    .file-toolbar, .file-addressbar { min-height: calc(var(--toolbar-density) + 6px); display: flex; align-items: center; gap: var(--toolbar-density-gap); padding: 4px 6px; border-bottom: 1px solid var(--line); background: #050607; min-width: 0; }
    .file-toolbar { overflow: visible; flex-wrap: nowrap; scrollbar-width: none; }
    .file-addressbar { overflow: hidden; flex-wrap: nowrap; scrollbar-width: none; }
    .file-fav-wrap { position: relative; display: inline-flex; }
    .file-fav-panel { position: absolute; top: calc(100% + 4px); left: 0; z-index: 60; min-width: 320px; max-width: 480px; max-height: 60vh; overflow: auto; background: #0c0d0f; border: 1px solid var(--line); border-radius: 6px; box-shadow: 0 6px 24px rgba(0,0,0,0.45); padding: 4px 0; }
    .file-fav-add { padding: 8px 12px; font-size: 12px; color: var(--turmeric, #e0a32a); cursor: pointer; border-bottom: 1px solid var(--line); }
    .file-fav-add:hover { background: rgba(224,163,42,0.08); }
    .file-fav-empty { padding: 10px 12px; font-size: 12px; color: #7a7a7a; }
    .file-fav-row { display: flex; align-items: center; gap: 6px; padding: 6px 10px; font-size: 12px; cursor: default; }
    .file-fav-row:hover { background: rgba(255,255,255,0.04); }
    .file-fav-path { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: #d0d0d0; }
    .file-fav-path:hover { color: var(--turmeric, #e0a32a); }
    .file-fav-remove { flex: 0 0 auto; width: 18px; height: 18px; line-height: 16px; text-align: center; cursor: pointer; color: #888; border-radius: 3px; }
    .file-fav-remove:hover { color: #fff; background: rgba(255,255,255,0.08); }
    .file-addressbar input { flex: 1 1 160px; min-width: 0; background: #000; color: var(--fg); border: 1px solid rgba(255,189,63,.32); padding: 5px 7px; font: inherit; font-size: 11px; }
    .file-addressbar .file-parent-btn { flex: 0 0 104px; justify-content: center; color: #f2c45a; border-color: rgba(255,189,63,.45); background: linear-gradient(180deg, #30220b 0%, #11100a 100%); }
    .file-addressbar .file-parent-btn.label-hidden { width: 104px; min-width: 104px; padding-inline: 8px !important; }
    .file-addressbar .file-parent-btn.label-hidden .label-text { display: inline !important; }
    .file-addressbar .file-goto-btn { color: var(--accent); border-color: rgba(255,189,63,.4); }
    .file-toolbar button, .file-addressbar button {
      flex: 0 0 auto; min-height: var(--toolbar-density);
      padding: var(--toolbar-density-pad-y) 7px;
      background: linear-gradient(180deg, #14181f 0%, #0a0d12 55%, #060809 100%);
      color: var(--fg); border: 1px solid var(--line);
      font: inherit; font-size: 11px; cursor: pointer;
      display: inline-flex; align-items: center; justify-content: center;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.4);
      transition: background .12s linear, border-color .12s linear, box-shadow .12s linear, color .12s linear;
    }
    .file-toolbar button:hover, .file-addressbar button:hover {
      background: linear-gradient(180deg, #1d242f 0%, #131923 55%, #0a0e15 100%);
      border-color: var(--accent); color: var(--accent);
      box-shadow: inset 0 1px 0 rgba(255,189,63,.18), 0 0 0 1px rgba(255,189,63,.18), 0 2px 6px rgba(255,189,63,.14);
    }
    .file-toolbar button:active, .file-addressbar button:active {
      background: linear-gradient(180deg, #060809 0%, #0a0d12 100%);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.6);
    }
    .file-toolbar button.primary { color: var(--accent); border-color: var(--accent); }
    .file-toolbar button:disabled { opacity: .45; cursor: default; }
    .file-toolbar .toggle-control { min-height: var(--toolbar-density); padding: var(--toolbar-density-pad-y) 7px; font-size: 11px; white-space: nowrap; }
    .file-editor-path-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--fg-dim); font-size: 11px; }
    .file-editor-path-label.locatable { cursor: pointer; }
    .file-editor-path-label.locatable:hover, .file-editor-path-label.locatable:focus-visible { color: var(--accent); outline: none; }
    .toolbar button.file-chua-editor-action { color: var(--accent); border-color: rgba(255,189,63,.52); }
    .file-selection-status { flex: 1 1 54px; min-width: 0; color: var(--fg-dim); font-size: 10px; padding: 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .file-list-container { position: relative; min-height: 0; min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; }
    .file-bottom-bar { min-height: 38px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; align-items: stretch; padding: 5px 6px; border-top: 1px solid var(--line); background: #050607; }
    .file-bottom-status { min-width: 0; display: flex; align-items: center; color: var(--fg-dim); font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .file-drop-target { min-width: 108px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 8px; border: 1px dashed rgba(255,189,63,.45); color: #f0cf7a; background: rgba(255,189,63,.06); font-size: 10px; cursor: pointer; user-select: none; }
    .file-drop-target.drag-active,
    .file-drop-target:focus { border-style: solid; color: #fff0bf; background: rgba(255,189,63,.14); outline: none; }
    .file-context-menu { position: fixed; z-index: 260; min-width: 168px; padding: 4px; border: 1px solid rgba(255,189,63,.52); background: #050608; display: grid; gap: 2px; box-shadow: none; }
    .file-context-menu button { width: 100%; min-height: 28px; display: flex; align-items: center; gap: 8px; padding: 4px 8px; border: 0; background: transparent; color: var(--fg); font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
    .file-context-menu button:hover:not(:disabled) { background: rgba(255,189,63,.12); color: var(--accent); }
    .file-context-menu button:disabled { opacity: .45; cursor: default; }
    .file-context-menu .danger { color: #ff9f9f; }
    .file-context-menu .separator { height: 1px; margin: 3px 4px; background: var(--line); }
    .file-transfer-stack { position: fixed; right: 12px; bottom: 12px; z-index: 280; width: min(360px, calc(100vw - 24px)); display: grid; gap: 6px; pointer-events: none; }
    .file-transfer-box { pointer-events: auto; border: 1px solid rgba(255,189,63,.38); background: #050608; color: var(--fg); padding: 7px; display: grid; gap: 6px; }
    .file-transfer-head { display: flex; align-items: center; gap: 7px; min-width: 0; font-size: 11px; }
    .file-transfer-title { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .file-transfer-cancel { flex: 0 0 24px; width: 24px; height: 24px; display: inline-grid; place-items: center; border: 1px solid var(--line); background: #090c10; color: var(--fg-dim); cursor: pointer; }
    .file-transfer-cancel:hover { color: var(--accent); border-color: var(--accent); }
    .file-transfer-track { height: 5px; border: 1px solid var(--line); background: #000; overflow: hidden; }
    .file-transfer-fill { height: 100%; width: 0%; background: var(--accent); transition: width .12s linear; }
    .file-transfer-box.indeterminate .file-transfer-fill { width: 42%; animation: progress-slide 1s linear infinite; }
    .file-transfer-meta { color: var(--fg-dim); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .file-transfer-box.done { border-color: rgba(0,230,118,.45); }
    .file-transfer-box.done .file-transfer-fill { width: 100%; background: var(--ok); }
    .file-transfer-box.error { border-color: rgba(255,59,48,.55); }
    .file-transfer-box.error .file-transfer-fill { background: var(--danger); }
    .file-table-wrap { position: relative; min-height: 0; min-width: 0; overflow: auto; background: #000; border-top: 1px solid rgba(255,255,255,0.02); overscroll-behavior: contain; scrollbar-gutter: stable; padding-left: 16px; }
    .file-table { width: 100%; min-width: var(--file-table-min-width, 360px); border-collapse: collapse; table-layout: fixed; font-size: 12px; }
    .file-table th, .file-table td { height: 26px; padding: 0 6px; border-bottom: 1px solid #14181f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
    .file-table th { position: sticky; top: 0; z-index: 1; background: #080a0d; color: var(--fg-dim); font-weight: 600; cursor: pointer; }
    .file-table th .file-th-inner { display: flex; align-items: center; min-width: 0; height: 31px; }
    .file-table th .file-th-label { overflow: hidden; text-overflow: ellipsis; }
    .file-col-resizer { position: absolute; right: -3px; top: 0; bottom: 0; width: 7px; cursor: col-resize; z-index: 3; display: block; }
    .file-col-resizer::after { content: ''; position: absolute; top: 7px; bottom: 7px; left: 3px; width: 1px; background: var(--line-strong); }
    .file-col-resizer:hover::after, .file-col-resizer.active::after { width: 2px; left: 2px; background: var(--accent); }
    .file-col-picker-btn { position: absolute; top: 0; left: 0; width: 16px; height: 26px; line-height: 1; padding: 0; border: 0; border-right: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0) 55%), #080a0d; color: var(--fg-dim); font-size: 12px; cursor: pointer; border-radius: 0; display: inline-flex; align-items: center; justify-content: center; z-index: 6; }
    .file-col-picker-btn:hover { color: var(--accent); background: linear-gradient(180deg, rgba(255,189,63,.22) 0%, rgba(0,0,0,0) 60%), #11161e; }
    .file-col-picker-menu { position: fixed; z-index: 220; min-width: 168px; padding: 6px; border: 1px solid var(--accent); background: #050608; box-shadow: none; display: grid; gap: 4px; font-size: 12px; }
    .file-col-picker-menu label { display: flex; align-items: center; gap: 6px; padding: 4px 6px; cursor: pointer; color: var(--fg); }
    .file-col-picker-menu label:hover { background: #131922; }
    .file-col-picker-menu input { accent-color: var(--accent); }
    .file-table th:hover { color: var(--fg); }
    .file-table tbody tr { cursor: default; }
    .file-table tbody tr:hover { background: #0c1219; outline: 1px solid var(--line-strong); outline-offset: -1px; }
    .file-table tbody tr.selected { background: #11161e; outline: 1px solid var(--accent); outline-offset: -1px; color: var(--fg); }
    .file-table tbody tr.locate-pulse { background: rgba(255,189,63,.16); outline: 1px solid var(--turmeric, #ffbd3f); outline-offset: -1px; }
    .file-table .file-name-cell { display: flex; align-items: center; gap: 7px; min-width: 0; }
    .file-table .file-name-cell .file-name-text { overflow: hidden; text-overflow: ellipsis; }
    .file-table .file-chualized-badge { flex: 0 0 auto; color: var(--turmeric, #ffbd3f); opacity: 0.85; font-size: 11px; line-height: 1; cursor: help; }
    .file-table tbody tr:hover .file-chualized-badge,
    .file-table tbody tr.selected .file-chualized-badge { opacity: 1; }
    .file-table .file-check-cell { width: 28px; text-align: center; }
    .file-table .file-check-cell input { width: 14px; height: 14px; accent-color: var(--accent); }
    .file-browser:not(.multiselect-enabled) .file-col-check,
    .file-browser:not(.multiselect-enabled) .file-check-cell { display: none; }
    .file-browser.multiselect-enabled .file-table tbody tr { cursor: crosshair; }
    .file-browser.file-drag-selecting .file-table tbody tr { user-select: none; }
    .file-selection-marquee { position: absolute; z-index: 4; pointer-events: none; border: 1px solid rgba(74, 158, 255, .55); background: rgba(74, 158, 255, .12); display: none; }
    .file-type-icon { position: relative; width: 22px; height: 22px; flex: 0 0 22px; display: inline-grid; place-items: center; background: transparent; border: 0; color: #fff; font-size: 8px; line-height: 1; font-weight: 800; letter-spacing: 0; }
    .file-type-icon i.fa-solid { font-size: 17px; flex: 0 0 19px; text-align: center; }
    .file-type-badge { position: absolute; right: -2px; bottom: -2px; color: currentColor; font-size: 6px; line-height: 1; font-weight: 900; background: #000; padding: 0 1px; }
    .file-icon-folder { color: #ffbe45; }
    .file-icon-code { color: #53d7ff; }
    .file-icon-image { color: #b68cff; }
    .file-icon-video { color: #ff5c9d; }
    .file-icon-audio { color: #42e8d0; }
    .file-icon-pdf { color: #ff4d4d; }
    .file-icon-archive { color: #f4d35e; }
    .file-icon-binary { color: #aeb8c6; }
    .file-icon-text { color: #68dc83; }
    .file-icon-drive { color: #35d4a6; }
    .file-icon-doc { color: #4d8df0; }
    .file-icon-xls { color: #6ed26a; }
    .file-icon-ppt { color: #ff944d; }
    .file-icon-3d { color: #c084fc; }
    .file-icon-db { color: #fbbf24; }
    .file-icon-cfg { color: #94a3b8; }
    .archive-viewer { min-height: 0; min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); background: #000; overflow: hidden; }
    .archive-summary { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-bottom: 1px solid var(--line); background: #050607; color: var(--fg-dim); font-size: 11px; min-width: 0; }
    .archive-summary strong { color: var(--turmeric); font-weight: 650; }
    .archive-summary span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .archive-table-wrap { min-height: 0; min-width: 0; overflow: auto; }
    .archive-table { width: 100%; min-width: 720px; border-collapse: collapse; table-layout: fixed; font-family: ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas, monospace; font-size: 12px; }
    .archive-table th, .archive-table td { height: 27px; padding: 0 8px; border-bottom: 1px solid #14181f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
    .archive-table th { position: sticky; top: 0; z-index: 1; background: #080a0d; color: var(--fg-dim); font-weight: 600; }
    .archive-table tbody tr:hover { background: #0c1219; outline: 1px solid var(--line-strong); outline-offset: -1px; }
    .archive-path-cell { color: var(--fg); }
    .archive-dir .archive-path-cell { color: var(--turmeric); }
    .archive-size-cell, .archive-packed-cell { color: var(--fg-dim); width: 110px; }
    .archive-modified-cell { color: var(--fg-dim); width: 180px; }
    .archive-filter { width: 180px; min-width: 120px; background: var(--bg-3); color: var(--fg); border: 1px solid var(--line); padding: 4px 8px; font-size: 12px; }
    .doc-viewer { min-height: 0; min-width: 0; display: grid; grid-template-rows: minmax(0, 1fr); background: var(--bg); overflow: hidden; }
    .doc-render { grid-area: 1 / 1; min-height: 0; min-width: 0; overflow: auto; background: #050607; color: var(--fg); }
    .doc-render-inner { max-width: 920px; margin: 0 auto; padding: 20px 30px 32px; line-height: 1.56; font-size: 14px; }
    .doc-render-inner h1, .doc-render-inner h2, .doc-render-inner h3 { color: var(--fg); border-bottom: 1px solid var(--line); padding-bottom: 0.22em; }
    .doc-render-inner a { color: var(--turmeric); }
    .doc-render-inner code, .doc-render-inner pre { font-family: ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas, monospace; }
    .doc-render-inner pre { overflow: auto; border: 1px solid var(--line); background: #000; padding: 10px; }
    .doc-edit { grid-area: 1 / 1; min-height: 0; min-width: 0; display: none; }
    .doc-note { color: var(--fg-dim); border-bottom: 1px solid var(--line); padding: 6px 10px; font-size: 11px; background: #050607; }
    .doc-mode-active { border-color: var(--turmeric) !important; color: var(--turmeric) !important; }
    .pdf-viewer { min-height: 0; min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); background: #000; overflow: hidden; }
    .pdf-status { color: var(--fg-dim); border-bottom: 1px solid var(--line); padding: 6px 10px; font-size: 11px; background: #050607; }
    .pdf-frame { width: 100%; height: 100%; border: 0; background: #2a2a2a; }
    .pdf-fallback { padding: 16px; color: var(--fg-dim); }
    .file-sort-indicator { color: var(--accent); margin-left: 4px; }
    .file-col-check { width: 30px; }
    .file-col-name { width: 44%; }
    .file-col-kind { width: 18%; }
    .file-col-size { width: 14%; }
    .file-col-modified { width: 24%; }
    @keyframes pulse-signal { 50% { opacity: 0.35; } }
    @keyframes progress-slide { 0% { transform: translateX(-105%); } 100% { transform: translateX(245%); } }
    button, input, textarea, select, .badge, .toast, .dialog, .login-form, .surface-card, .item, .signal-card, .workspace-welcome { border-radius: 0 !important; box-shadow: none !important; }
    @container (max-width: 320px) {
      #btnAiHistory span, #btnAddCockpit span, #btnCoreSurfaceRefresh span { display: none; }
      #btnAiHistory, #btnAddCockpit, #btnCoreSurfaceRefresh { flex: 0 0 30px; padding-inline: 0; justify-content: center; }
    }
    @container (max-width: 285px) {
      #btnRefreshTerms span, #btnRefreshDesktops span, #btnRefreshPlugins span, #btnCoreSurfaceOpen span { display: none; }
      #btnRefreshTerms, #btnRefreshDesktops, #btnRefreshPlugins, #btnCoreSurfaceOpen { flex: 0 0 30px; padding-inline: 0; justify-content: center; }
    }
    @container (max-width: 235px) {
      #btnNewTerminal span { display: none; }
      #btnNewTerminal { flex: 0 0 30px; padding-inline: 0; justify-content: center; }
    }
    @container (max-width: 250px) {
      #btnAiHistory span, .terminal-update span:last-child, .item .meta { display: none; }
      .term-panel-toolbar .toolbar-row { justify-content: flex-start; }
      .term-panel-toolbar button { padding-inline: 0; justify-content: center; }
      .term-panel-status .toggle-control span { display: none; }
      .term-panel-status .toggle-control { width: 30px; padding-inline: 0; justify-content: center; }
      .item { padding-inline: 6px; }
    }
    .responsive-toolbar .label-hidden > span,
    .responsive-toolbar .label-hidden .label-text { display: none !important; }
    .responsive-toolbar .label-hidden { width: 30px; min-width: 30px; padding-inline: 0 !important; justify-content: center; }
    .responsive-toolbar .toolbar-overflow-hidden { display: none !important; }
    .cockpit-entry .name { gap: 7px; }
    .cockpit-kind-browser {}
    .cockpit-kind-desktop {}
    @media (max-width: 720px) {
      .app { grid-template-columns: 42px 0 0 minmax(0, 1fr); }
      .app .splitter { display: none; }
      .app .sidebar { display: none; overflow: hidden; }
      .app.sidebar-open .sidebar {
        display: flex;
        position: fixed;
        inset: 0 auto 0 42px;
        width: min(var(--sidebar-w, 300px), calc(100vw - 42px));
        max-width: calc(100vw - 42px);
        z-index: 50;
      }
      .app.sidebar-collapsed .sidebar { display: none; }
      .main { width: calc(100vw - 42px); }
      .dashboard-empty { padding: 10px; }
      .signal-grid { grid-template-columns: 1fr; }
      .welcome-title { font-size: 18px; }
    }