:root { color-scheme: light; --ink: #211d1e; --muted: rgba(33, 29, 30, .58); --page: #fcfcfa; --focus: #435760; --error: #a12f2f; }
  * { box-sizing: border-box; }
  html { min-height: 100%; background: var(--page); }
  body { min-height: 100vh; margin: 0; color: var(--ink); background: var(--page); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; -webkit-font-smoothing: antialiased; }
  .brand { position: fixed; top: 28px; left: 32px; display: grid; width: 28px; height: 28px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 2px; }
  .brand span:nth-child(1), .brand span:nth-child(4) { border-radius: 8px 0 8px 0; background: #111111; }
  .brand span:nth-child(2), .brand span:nth-child(3) { border-radius: 0 8px 0 8px; background: #111111; }
  .auth-stage { display: grid; min-height: 100svh; place-items: center; padding: 80px 24px; }
  .auth-content { width: min(100%, 520px); }
  .auth-content[data-session-path="session://outbound.coaray.com/"] { width: min(100%, 760px); }
  .command { margin: 0 0 28px; color: var(--ink); font-size: 13px; line-height: 20px; }
  .alert { margin: 0 0 20px; color: var(--error); font-size: 12px; line-height: 18px; }
  .field { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; min-height: 42px; }
  .field-label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .input-line { display: contents; }
  .input-prompt { color: var(--muted); font-size: 13px; }
  input[type="email"], input[type="password"] { width: 100%; height: 40px; padding: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font: inherit; font-size: 13px; caret-color: var(--ink); }
  input::placeholder { color: rgba(33, 29, 30, .36); }
  input:focus-visible { outline: 0; }
  .primary-action, .secondary-action { min-height: 36px; margin-top: 18px; padding: 0; border: 0; color: var(--ink); background: transparent; font: inherit; font-size: 12px; cursor: pointer; }
  .primary-action::before, .secondary-action::before { content: "> "; color: var(--muted); }
  .primary-action:hover, .secondary-action:hover { text-decoration: underline; text-underline-offset: 4px; }
  .primary-action:focus-visible, .secondary-action:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
  .primary-action:disabled { opacity: .42; cursor: not-allowed; }
  .auth-note { margin: 22px 0 0; color: var(--muted); font-size: 10px; line-height: 16px; }
  .scope-list { display: grid; gap: 8px; margin: 0 0 20px; padding: 0; color: var(--ink); font-size: 12px; line-height: 18px; list-style: none; }
  .scope-item { display: grid; grid-template-columns: auto 1fr; gap: 10px; }
  .scope-check { color: var(--muted); }
  .consent-actions { display: flex; gap: 26px; }
  .consent-actions .primary-action, .consent-actions .secondary-action { margin-top: 8px; }
  .status-list { display: grid; gap: 10px; margin: 0; font-size: 12px; line-height: 18px; }
  .status-row { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 10px; }
  .status-key { color: var(--muted); }
  .terminal-window { margin-top: 28px; }
  .terminal-window .terminal-window { margin-top: 20px; }
  .terminal-summary { color: var(--ink); font-size: 12px; line-height: 18px; cursor: pointer; list-style: none; }
  .terminal-summary::-webkit-details-marker { display: none; }
  .terminal-summary::before { content: "+ "; color: var(--muted); }
  details[open] > .terminal-summary::before { content: "- "; }
  .terminal-summary:hover { text-decoration: underline; text-underline-offset: 4px; }
  .terminal-summary:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
  .terminal-body { margin-top: 14px; padding-left: 18px; }
  .filter-list { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0; padding: 0; list-style: none; }
  .filter-link { color: var(--muted); font-size: 11px; line-height: 18px; text-decoration: none; }
  .filter-link::before { content: "> "; }
  .filter-link:hover, .filter-link[aria-current] { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
  .filter-link:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
  .batch-list { display: grid; gap: 10px; margin: 0; padding: 0; font-size: 12px; line-height: 18px; list-style: none; }
  .batch-item { display: grid; grid-template-columns: 126px minmax(0, 1fr); gap: 10px; }
  .batch-date { color: var(--muted); }
  .csv-output { margin: 12px 0 0; overflow-x: auto; color: var(--muted); font: inherit; font-size: 11px; line-height: 18px; white-space: pre; }
  .terminal-workspace { display: grid; gap: 18px; margin-top: 28px; }
  .terminal-pane { overflow: hidden; border: 1px solid rgba(33, 29, 30, .16); border-radius: 6px; background: var(--page); }
  .terminal-pane[data-pane-open="true"] { padding-bottom: 18px; }
  .terminal-pane-bar { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 34px; padding: 0 12px; border-bottom: 1px solid transparent; color: var(--ink); background: #f3f3ef; font-size: 11px; line-height: 18px; cursor: grab; list-style: none; user-select: none; }
  .terminal-pane[data-pane-open="true"] > .terminal-pane-bar { border-bottom-color: rgba(33, 29, 30, .12); }
  .terminal-pane-toggle { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; width: 100%; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
  .terminal-pane-toggle:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
  .terminal-pane-dots { display: flex; gap: 5px; }
  .terminal-pane-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(33, 29, 30, .24); }
  .terminal-pane-dot:nth-child(1) { background: #d97b72; }
  .terminal-pane-dot:nth-child(2) { background: #d5aa55; }
  .terminal-pane-dot:nth-child(3) { background: #74a87c; }
  .terminal-pane-state { color: var(--muted); }
  .terminal-pane-move { display: flex; gap: 8px; }
  .pane-move-button { padding: 0; border: 0; color: var(--muted); background: transparent; font: inherit; cursor: pointer; }
  .pane-move-button:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
  .pane-move-button:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
  .terminal-pane-body { padding: 0 18px; }
  .terminal-pane[data-pane-open="false"] > .terminal-pane-body { display: none; }
  .terminal-pane.dragging { opacity: .45; }
  .terminal-pane.dragging > .terminal-pane-bar { cursor: grabbing; }
  .terminal-pane.drop-before { box-shadow: 0 -3px 0 var(--focus); }
  .terminal-pane.drop-after { box-shadow: 0 3px 0 var(--focus); }
  @media (max-width: 600px) {
    .brand { position: absolute; top: 18px; left: 18px; width: 24px; height: 24px; }
    .auth-stage { display: block; min-height: 100svh; padding: 72px 12px 40px; }
    .auth-content, .auth-content[data-session-path="session://outbound.coaray.com/"] { width: 100%; }
    .command { margin-left: 6px; }
    .terminal-workspace { gap: 12px; margin-top: 22px; }
    .terminal-pane { border-radius: 4px; }
    .terminal-pane-bar { grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; min-height: 44px; padding: 0 10px; cursor: default; }
    .terminal-pane-toggle { min-height: 42px; align-items: center; }
    .terminal-pane-move { gap: 12px; }
    .pane-move-button { min-width: 24px; min-height: 36px; }
    .terminal-pane-body { padding: 0 12px; }
    .terminal-body { padding-left: 10px; }
    .status-row { grid-template-columns: 96px minmax(0, 1fr); gap: 8px; }
    .filter-list { flex-wrap: nowrap; margin-inline: -2px; padding: 2px 2px 7px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
    .filter-list li { flex: 0 0 auto; }
    .batch-item { grid-template-columns: 1fr; gap: 2px; }
    .csv-output { width: 100%; padding-bottom: 7px; overscroll-behavior-inline: contain; scrollbar-width: thin; }
    .primary-action, .secondary-action { min-height: 44px; }
  }