/* Shared controls and an ink-and-jade night palette. Image content is unchanged. */
:root[data-theme="light"] { color-scheme: light; }
.theme-select { font-size: 12px; padding: 6px 8px; border-radius: 6px; max-width: 106px; flex-shrink: 0; }
.login-screen { position: relative; }
.login-theme { position: absolute; top: 24px; right: 28px; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; z-index: 1; }
.theme-select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (max-width: 600px) {
  .theme-select { font-size: 11px; max-width: 88px; padding: 6px 4px; }
  .top-actions { gap: 8px; }
  .topbar .breadcrumbs { min-width: 0; overflow: hidden; }
  .login-theme { top: 16px; right: 18px; }
}
@media (max-width: 460px) {
  .topbar .breadcrumbs { display: none; }
  .topbar { padding-inline: 10px; }
  #mobile-menu { margin-right: 4px; }
  .top-actions { gap: 6px; }
  .topbar .theme-select { max-width: 80px; }
  .topbar .provider-select { max-width: 88px; }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1b19; --surface: #182723; --subtle: #20332c; --line: #33483d;
  --muted: #afbeb1; --accent: #a4d3b7; --accent-soft: #263e31;
  --text: #e3ebe0; --danger: #f0a494;
  background: var(--bg); color: var(--text);
  scrollbar-color: #536b5d var(--bg);
}
:root[data-theme="dark"] ::selection { background: #496c56; color: #fff9e8; }
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder { color: #9daf9f; }
:root[data-theme="dark"] option { color: var(--text); background: var(--surface); }
:root[data-theme="dark"] .main { background: radial-gradient(ellipse at 90% 8%, #25423644, transparent 50%), var(--bg); }
:root[data-theme="dark"] .login-screen { background: radial-gradient(ellipse at 85% 8%, #25423666, transparent 55%), var(--bg); }
:root[data-theme="dark"] .login-form-wrap input { background: var(--surface); border-color: var(--line); }
:root[data-theme="dark"] .login-form-wrap label,
:root[data-theme="dark"] .login-mobile-brand .brand-caption { color: var(--muted); }
:root[data-theme="dark"] .login-form-wrap .eyebrow,
:root[data-theme="dark"] .welcome .eyebrow { color: #cdbf93; }
:root[data-theme="dark"] .sidebar { background: linear-gradient(165deg, #102925, #19372d); border-color: var(--line); }
:root[data-theme="dark"] .sidebar::before { opacity: .13; }
:root[data-theme="dark"] .topbar,
:root[data-theme="dark"] .inspector { background: var(--surface); border-color: var(--line); }
:root[data-theme="dark"] .breadcrumbs,
:root[data-theme="dark"] .breadcrumbs strong { color: var(--muted); }
:root[data-theme="dark"] .provider-select { background: var(--surface); color: var(--text); border-color: var(--line); }
:root[data-theme="dark"] .status-pill { background: var(--subtle); color: var(--muted); border-color: var(--line); }
:root[data-theme="dark"] .thread-toolbar { background: #14231ed9; }
:root[data-theme="dark"] .thread-toolbar button:hover { background: var(--subtle); }
:root[data-theme="dark"] .conversation:has(.welcome)::before { opacity: .22; }
:root[data-theme="dark"] .welcome h1,
:root[data-theme="dark"] .suggestion strong,
:root[data-theme="dark"] .page-heading h2,
:root[data-theme="dark"] .empty-state h3 { color: var(--text); }
:root[data-theme="dark"] .welcome > p,
:root[data-theme="dark"] .wind-note,
:root[data-theme="dark"] .suggestion small,
:root[data-theme="dark"] .welcome-bottom { color: var(--muted); }
:root[data-theme="dark"] .suggestion,
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .settings-section { background: var(--surface); border-color: var(--line); box-shadow: none; }
:root[data-theme="dark"] .suggestion:hover { background: var(--subtle); border-color: #648773; }
:root[data-theme="dark"] .suggestion .symbol,
:root[data-theme="dark"] .card .card-icon,
:root[data-theme="dark"] .empty-state .symbol,
:root[data-theme="dark"] .agent-mark { color: var(--accent); }
:root[data-theme="dark"] .card-actions button:hover { background: var(--subtle); }
:root[data-theme="dark"] .composer { background: var(--surface); border-color: #49614e; box-shadow: 0 6px 22px #0003; }
:root[data-theme="dark"] .composer:focus-within { border-color: #8eb99a; box-shadow: 0 0 0 2px #8eb99a22; }
:root[data-theme="dark"] .composer-tools select,
:root[data-theme="dark"] .composer-footer,
:root[data-theme="dark"] .composer-footer select,
:root[data-theme="dark"] .message-head,
:root[data-theme="dark"] .message.user .message-head,
:root[data-theme="dark"] .tool-item summary,
:root[data-theme="dark"] .tool-status { color: var(--muted); }
:root[data-theme="dark"] .primary,
:root[data-theme="dark"] .send { background: #35664e; border-color: #59856a; color: #fff; }
:root[data-theme="dark"] .primary:hover,
:root[data-theme="dark"] .send:hover { background: #427c60; }
:root[data-theme="dark"] .secondary { background: var(--surface); border-color: var(--line); color: var(--text); }
:root[data-theme="dark"] .secondary:hover { background: var(--subtle); }
:root[data-theme="dark"] .message.user { background: linear-gradient(110deg, #23392d, #1f332b); border-color: #3c5441; }
:root[data-theme="dark"] .tool-item { background: var(--surface); border-color: var(--line); }
:root[data-theme="dark"] .message code { background: #263d30; color: #c7e2cd; }
:root[data-theme="dark"] .message pre,
:root[data-theme="dark"] .output,
:root[data-theme="dark"] pre.code,
:root[data-theme="dark"] .markdown-code { background: #111e1a; color: #d2e4d4; border-color: var(--line); }
:root[data-theme="dark"] .message pre code { background: transparent; color: inherit; }
:root[data-theme="dark"] .markdown-code-label { background: #20332a; color: var(--muted); }
:root[data-theme="dark"] .markdown-body blockquote { color: #c7dacb; border-left-color: #89b196; }
:root[data-theme="dark"] .markdown-body tr:nth-child(even) td { background: #1c2e26; }
:root[data-theme="dark"] .empty-state { background: #16261e; border-color: #435e48; }
:root[data-theme="dark"] .inspector-tabs { background: #15251f; }
:root[data-theme="dark"] .file-row { color: var(--text); }
:root[data-theme="dark"] .file-row:hover { background: var(--subtle); }
:root[data-theme="dark"] .diff-line.add { background: #203c2b; color: #b0dcbb; }
:root[data-theme="dark"] .diff-line.del { background: #422926; color: #efb4a6; }
:root[data-theme="dark"] .diff-line.meta { color: #adbfdd; }
:root[data-theme="dark"] .plan { background: #213324; border-color: #3d5540; }
:root[data-theme="dark"] .plan div { color: #c4d5bb; }
:root[data-theme="dark"] .attachments .attachment { background: var(--accent-soft); color: #c2d8bc; }
:root[data-theme="dark"] .notice,
:root[data-theme="dark"] .approval { background: #332c1d; border-color: #665639; color: #ead2a1; }
:root[data-theme="dark"] .approval button { border-color: #8b7956; }
:root[data-theme="dark"] .badge.warn { background: #43371e; color: #efd49a; }
:root[data-theme="dark"] .badge.error,
:root[data-theme="dark"] .upload-errors { background: #3b2321; color: var(--danger); border-color: #74493f; }
:root[data-theme="dark"] .image-error { color: var(--danger); }
:root[data-theme="dark"] .permission-help.full-access { color: #e6c58a; }
:root[data-theme="dark"] .image-preview img { background: #101c1b; }
:root[data-theme="dark"] dialog { box-shadow: 0 20px 80px #0009; }
:root[data-theme="dark"] dialog::backdrop { background: #030c08ba; }
:root[data-theme="dark"] .usage-card,
:root[data-theme="dark"] .usage-table-wrap { background: var(--surface); border-color: var(--line); }
:root[data-theme="dark"] .usage-card:first-child { background: #243b2c; border-color: #4d6b4f; }
:root[data-theme="dark"] .usage-card strong,
:root[data-theme="dark"] .usage-section h3 { color: var(--text); }
:root[data-theme="dark"] .usage-table-wrap th { background: #23352a; }
:root[data-theme="dark"] .file-drop-overlay { background: #182c23f2; border-color: #8fbb96; color: var(--text); }
:root[data-theme="dark"] .toast { background: #244637; border-color: #64866c; }