/* Original light layout remains in style.css; dark mode changes colors only. */
.appearance-control { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 10px; font-size:13px; }
.appearance-control select { padding:7px 9px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--ink); }
html[data-theme="light"] { color-scheme:light; }
html[data-theme="dark"] { color-scheme:dark; background:#17191e; }
[data-theme="dark"] .workspace-body { --ink:#e9ebf0; --muted:#a7afbd; --blue:#8bbaff; --line:#363b46; --surface:#17191e; color:var(--ink); }
[data-theme="dark"] .workspace-body :is(.sidebar,.panel,.list-filters,.drawer,.account-panel,.auth-page) { background:#20232a; border-color:var(--line); }
[data-theme="dark"] .workspace-body :is(.nav-item,.nav-group) { color:var(--muted); }
[data-theme="dark"] .workspace-body :is(.nav-item:hover,.account-button:hover,.account-panel>button:hover,.account-panel>a:hover,.operation-list>button:hover) { background:#2e3440; }
[data-theme="dark"] .workspace-body .nav-item.active { background:#293d5a; color:#a7caff; box-shadow:inset 0 0 0 1px #3c5476; }
[data-theme="dark"] .workspace-body img { filter:brightness(0) invert(.85); }
[data-theme="dark"] .workspace-body .button { background:#296ac5; color:#fff; }
[data-theme="dark"] .workspace-body .button:hover { background:#357ad8; }
[data-theme="dark"] .workspace-body .button.secondary { background:#292e38; border-color:#454e5d; color:var(--ink); }
[data-theme="dark"] .workspace-body .button.danger { background:#aa3446; }
[data-theme="dark"] .workspace-body .list-filters .filter-actions .button { background:transparent; color:var(--muted); }
[data-theme="dark"] .workspace-body :is(.field input,.field select,.field textarea,.list-field input,.list-field select,.pagination-actions input,.page-size-label select) { background-color:#191c22; border-color:#535c6d; color:var(--ink); }
[data-theme="dark"] .workspace-body input::placeholder { color:#9fa8b8; }
[data-theme="dark"] .workspace-body :is(.link-button,.advanced-filters summary) { color:var(--blue); }
[data-theme="dark"] .workspace-body .data-table th { background:#292e37; }
[data-theme="dark"] .workspace-body :is(.data-table td,.fact-list>div) { border-color:var(--line); }
[data-theme="dark"] .workspace-body .data-table tbody tr:hover { background:#282e39; }
[data-theme="dark"] .workspace-body :is(.account-button,.account-panel>button,.account-panel>a,.operation-list>button) { color:var(--ink); }
[data-theme="dark"] .workspace-body .account-button .avatar { background:#34445e; color:#b7d2ff; }
[data-theme="dark"] .workspace-body .account-panel { box-shadow:0 12px 45px #0006; }
[data-theme="dark"] .workspace-body .operation-list>button { background:#20232a; }
[data-theme="dark"] .workspace-body .close-button { background:#343b48; }
[data-theme="dark"] .workspace-body .drawer-backdrop { background:#080b1266; }
[data-theme="dark"] .workspace-body :is(.metric,.result) { background:#191c22; }
[data-theme="dark"] .workspace-body .tag { background:#343b48; color:#c8cfda; }
[data-theme="dark"] .workspace-body :is(.tag.succeeded,.tag.owner) { background:#253f34; color:#99deb8; }
[data-theme="dark"] .workspace-body :is(.tag.running,.tag.admin) { background:#283e5b; color:#a7caff; }
[data-theme="dark"] .workspace-body .tag.queued { background:#463d29; color:#ecd198; }
[data-theme="dark"] .workspace-body :is(.tag.failed,.tag.interrupted) { background:#4b2f38; color:#ffb1bd; }
[data-theme="dark"] .workspace-body .notice { background:#28394f; color:#b9d2f3; }
[data-theme="dark"] .workspace-body .notice.error { background:#422c34; color:#ffb1bd; }
[data-theme="dark"] .workspace-body .error-text { color:#ffb1bd; }
[data-theme="dark"] .workspace-body .success-text { color:#99deb8; }
[data-theme="dark"] .workspace-body .outcome { background:#24382f; border-color:#3e5e4c; }
[data-theme="dark"] .workspace-body .outcome p { color:#b4d4c0; }
[data-theme="dark"] .workspace-body .outcome-icon { background:#365441; }
[data-theme="dark"] .workspace-body .outcome-warning { background:#3c3525; border-color:#665638; }
[data-theme="dark"] .workspace-body :is(.outcome-warning p,.blockers) { color:#ecd198; }
[data-theme="dark"] .workspace-body .outcome-warning .outcome-icon { background:#56492c; }
[data-theme="dark"] .workspace-body .new-activity:hover { background:#334b68; }