/* Shared appearance control: visible on login and every operational screen. */
.appearance-switch {
  display:inline-flex; align-items:center; gap:3px; flex:none;
  padding:3px; border:1px solid #65566f; border-radius:8px;
  background:#221b2c; color:#ddcbe8;
}
.appearance-option {
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  min-height:29px; padding:5px 9px; border:0; border-radius:5px;
  background:transparent; color:#d9c6e5; font-size:12px; font-weight:600;
}
.appearance-option .icon { width:14px; height:14px; }
.appearance-option:hover { background:#3c2b47; }
.appearance-option[aria-pressed="true"] { background:#ecc6e2; color:#302037; box-shadow:0 1px 3px #0002; }
.studio-login-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:22px; }
.studio-login-tools .studio-edition { margin:0; letter-spacing:1.7px; }
.studio-login-tools .appearance-option { font-size:12px; padding:5px 7px; }
html:not([data-appearance="light"]) :is(.studio-edition,.studio-login-foot,.side-box p,.nav-title) { color:#afa5bd; }
html:not([data-appearance="light"]) .material-card .technical-id { color:#b09bbb; }
html:not([data-appearance="light"]) .studio-login-divider { color:#b3a0c2; }

/* Dedicated light palette. Foregrounds are intentionally darker than the night accents. */
html[data-appearance="light"] {
  color-scheme:light;
  --bg:#f4f6fa; --paper:#ffffff; --ink:#202638; --muted:#515a6d;
  --nav:#ffffff; --line:#d7deea; --accent-light:#f5eaf3;
  --blue:#245399; --success:#225d43; --amber:#704810; --danger:#982c45;
  --day-surface:#f8f9fc; --day-subtle:#edf1f7; --day-border:#8490a3;
  --day-blue-bg:#eaf1fc; --day-blue-ink:#244b85;
  --day-green-bg:#eaf5ef; --day-green-ink:#225d43;
  --day-amber-bg:#fff3dc; --day-amber-ink:#704810;
  --day-red-bg:#fff0f3; --day-red-ink:#982c45;
  --day-purple-bg:#f2ebfa; --day-purple-ink:#633a88;
  --day-cyan-bg:#e6f5f7; --day-cyan-ink:#145e69;
  --shadow:0 5px 18px #26375508;
}
html[data-appearance="light"] ::selection { background:#d9b8d2; color:#27132c; }
html[data-appearance="light"] ::-webkit-scrollbar-thumb { background:#a4acbc; }
html[data-appearance="light"] body { background:var(--bg); color:var(--ink); }
html[data-appearance="light"] :is(small,.small,.muted,.desc,.page-head .desc,.panel p,.panel-head p,.note p) { color:var(--muted); }
html[data-appearance="light"] .estilotech-mark .mark-light { display:none; }
html[data-appearance="light"] .sidebar { background:var(--nav); color:var(--muted); border-color:var(--line); }
html[data-appearance="light"] :is(.brand strong,.brand-product strong,.side-account strong,.topbar-user strong) { color:var(--ink); }
html[data-appearance="light"] .brand-product>span { background:var(--day-purple-bg); border-color:#cab7dc; color:var(--day-purple-ink); }
html[data-appearance="light"] .runtime { color:var(--muted); border-color:var(--line); }
html[data-appearance="light"] .runtime .badge { background:var(--day-subtle); color:var(--muted); }
html[data-appearance="light"] .runtime .dot { background:#71608e; }
html[data-appearance="light"] :is(.nav-title,.side-label,.side-box p,.side-organize,.nav-link .icon) { color:var(--muted); }
html[data-appearance="light"] .nav-link { color:#414a5e; }
html[data-appearance="light"] .nav-link:hover { color:var(--ink); background:var(--day-subtle); }
html[data-appearance="light"] .nav-link[aria-current="page"] { color:var(--accent); background:color-mix(in srgb,var(--accent) 9%,white); }
html[data-appearance="light"] .nav-link[aria-current="page"] .icon { color:var(--accent); }
html[data-appearance="light"] .nav-link .count { background:#e4e9f2; color:#465168; }
html[data-appearance="light"] .nav-link[aria-current="page"] .count { background:color-mix(in srgb,var(--accent) 14%,white); color:var(--accent); }
html[data-appearance="light"] :is(.sidebar-bottom,.side-account) { border-color:var(--line); }
html[data-appearance="light"] .side-box select { background:var(--day-surface); color:var(--ink); border-color:var(--day-border); }
html[data-appearance="light"] .theme-dot[aria-pressed="true"] { outline-color:#40495b; }
html[data-appearance="light"] .topbar { background:#fffffff5; border-color:var(--line); }
html[data-appearance="light"] :is(.search .icon,.topbar .icon-btn) { color:var(--muted); }
html[data-appearance="light"] .sync-badge { color:var(--muted); background:var(--day-subtle); border-color:var(--line); }
html[data-appearance="light"] :is(.studio-evaluation,.studio-evaluation>span:first-child) { color:var(--muted); }
html[data-appearance="light"] .studio-evaluation i { background:var(--accent); }
html[data-appearance="light"] :is(.banner,.banner.pause) { color:var(--day-purple-ink); background:var(--day-purple-bg); border-color:#cdbbdf; }
html[data-appearance="light"] .banner p { color:#5b456e; }

/* Controls and forms, including secondary, hover, focus and disabled states. */
html[data-appearance="light"] .btn { background:#fff; color:#3f485c; border-color:var(--day-border); box-shadow:none; }
html[data-appearance="light"] .btn:hover:not(:disabled) { color:var(--ink); background:var(--day-subtle); border-color:#626e84; }
html[data-appearance="light"] :is(.btn.primary,.btn.accent,.studio-login-form .studio-enter,.skip-link) { color:#fff; background:var(--accent); border-color:var(--accent); }
html[data-appearance="light"] :is(.btn.primary,.btn.accent,.studio-login-form .studio-enter):hover:not(:disabled) { color:#fff; background:color-mix(in srgb,var(--accent) 86%,black); border-color:var(--accent); }
html[data-appearance="light"] :is(.btn.soft,.btn.white) { color:var(--day-purple-ink); background:var(--day-purple-bg); border-color:#bfa8d2; }
html[data-appearance="light"] :is(.btn.soft,.btn.white):hover:not(:disabled) { color:var(--day-purple-ink); background:#e6d8f3; border-color:#a18bb6; }
html[data-appearance="light"] .btn.danger { color:var(--day-red-ink); background:var(--day-red-bg); border-color:#cd9caa; }
html[data-appearance="light"] .btn.cyan { color:#fff; background:var(--day-cyan-ink); border-color:var(--day-cyan-ink); }
html[data-appearance="light"] .btn.cyan:hover:not(:disabled) { color:#fff; background:#114f58; }
html[data-appearance="light"] :is(.field input,.field select,.field textarea,input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]),select,textarea) {
  color:var(--ink); background:#fff; border-color:var(--day-border); color-scheme:light;
}
html[data-appearance="light"] :is(input,textarea)::placeholder { color:var(--muted); opacity:1; }
html[data-appearance="light"] .search input::placeholder { color:var(--muted); }
html[data-appearance="light"] :is(.field label,.field-label,.filters .field label,.studio-login-form label) { color:#434d60; }
html[data-appearance="light"] input[readonly] { color:var(--muted); background:var(--day-subtle); }
html[data-appearance="light"] :is(button,input,select,textarea):disabled { opacity:1; color:#5d6676; }
html[data-appearance="light"] button:disabled:not(.theme-dot) { background:#edf0f5; color:#5d6676; border-color:#bec7d5; box-shadow:none; }
html[data-appearance="light"] .toggle { background:#fff; border-color:var(--day-border); }
html[data-appearance="light"] .toggle:checked { background:var(--accent); border-color:var(--accent); }
html[data-appearance="light"] :is(button,a,input,select,textarea):focus-visible { outline-color:var(--accent); outline-width:3px; }
html[data-appearance="light"] .filters { background:var(--paper); border-color:var(--line); }

/* Status colors always have their own paired text and background. */
html[data-appearance="light"] :is(.badge,.badge.muted,.badge.dark,.chip) { background:var(--day-subtle); color:var(--muted); border-color:#c5cede; }
html[data-appearance="light"] :is(.badge.blue,.tile-icon.blue) { background:var(--day-blue-bg); color:var(--day-blue-ink); border-color:#bbcee8; }
html[data-appearance="light"] :is(.badge.good,.tile-icon.green) { background:var(--day-green-bg); color:var(--day-green-ink); border-color:#b2d2bf; }
html[data-appearance="light"] :is(.badge.warn,.tile-icon.yellow) { background:var(--day-amber-bg); color:var(--day-amber-ink); border-color:#dcc591; }
html[data-appearance="light"] :is(.badge.bad,.tile-icon.red) { background:var(--day-red-bg); color:var(--day-red-ink); border-color:#e3b3bf; }
html[data-appearance="light"] .badge.purple { background:var(--day-purple-bg); color:var(--day-purple-ink); border-color:#cebadf; }
html[data-appearance="light"] .tile-icon { background:var(--day-purple-bg); color:var(--day-purple-ink); border-color:#cebadf; }
html[data-appearance="light"] .avatar { background:#eee7f5; color:#55377b; border-color:#cbbddd; }
html[data-appearance="light"] .avatar.admin { background:#f6e5f0; color:#812a62; border-color:#d9b4ce; }
html[data-appearance="light"] .avatar.team { background:var(--day-green-bg); color:var(--day-green-ink); border-color:#b2d2bf; }
html[data-appearance="light"] .avatar.manager { background:var(--day-blue-bg); color:var(--day-blue-ink); border-color:#bbcee8; }
html[data-appearance="light"] .count { background:var(--day-red-ink); color:#fff; }

/* Operational panels, tables, cards, KPIs and charts. */
html[data-appearance="light"] .panel { background:var(--paper); color:var(--ink); border-color:var(--line); box-shadow:var(--shadow); }
html[data-appearance="light"] :is(.panel-head,.panel-foot,.row,.material-bottom,.file-line,.rule-card) { border-color:var(--line); }
html[data-appearance="light"] .panel-foot { background:var(--day-surface); color:var(--muted); }
html[data-appearance="light"] .row:hover { background:#f7f8fc; }
html[data-appearance="light"] :is(.material-title,.row .material-title,.capacity-row .percent) { color:var(--ink); }
html[data-appearance="light"] :is(.technical-id,.material-card .technical-id,.material-tags,.material-bottom small) { color:var(--muted); }
html[data-appearance="light"] .dark-panel { background:linear-gradient(125deg,#f5edf7,#eaf0fa); color:#33283e; border-color:#cdbbdd; }
html[data-appearance="light"] .dark-panel p { color:#554763; }
html[data-appearance="light"] .dark-panel .tile-icon { background:#e7d9ef; color:#633a88; }
html[data-appearance="light"] .note { background:var(--day-blue-bg); color:var(--day-blue-ink); border-color:#bfd0e8; }
html[data-appearance="light"] .note.warn { background:var(--day-amber-bg); color:var(--day-amber-ink); border-color:#dfc796; }
html[data-appearance="light"] .note.purple { background:var(--day-purple-bg); color:var(--day-purple-ink); border-color:#cfb9e0; }
html[data-appearance="light"] .note.critical { background:var(--day-red-bg); color:var(--day-red-ink); border-color:#e0afbd; }
html[data-appearance="light"] .note.cyan { background:var(--day-cyan-bg); color:var(--day-cyan-ink); border-color:#aad1d6; }
html[data-appearance="light"] .note p { color:inherit; }
html[data-appearance="light"] :is(.empty,.empty strong,.empty p,.empty .icon) { color:var(--muted); }
html[data-appearance="light"] :is(.kpi,.kpis.stages .kpi) { background:var(--paper); border-color:var(--line); }
html[data-appearance="light"] .kpi .tile-icon { background:var(--day-purple-bg); color:var(--day-purple-ink); }
html[data-appearance="light"] :is(.kpi .kpi-label,.kpi small) { color:var(--muted); }
html[data-appearance="light"] .kpi strong { color:var(--ink); }
html[data-appearance="light"] .kpi.blue { background:#f2f6fd; border-color:#cddbf0; }
html[data-appearance="light"] .kpi.red { background:#fff5f7; border-color:#ecd1d9; }
html[data-appearance="light"] .kpi.green { background:#f0f8f4; border-color:#c9e1d3; }
html[data-appearance="light"] .kpi.blue .tile-icon { background:var(--day-blue-bg); color:var(--day-blue-ink); }
html[data-appearance="light"] .kpi.red .tile-icon { background:var(--day-red-bg); color:var(--day-red-ink); }
html[data-appearance="light"] .kpi.green .tile-icon { background:var(--day-green-bg); color:var(--day-green-ink); }
html[data-appearance="light"] .kpi:hover:not(:disabled) { background:color-mix(in srgb,var(--accent) 5%,white); border-color:var(--accent); }
html[data-appearance="light"] .kpi[aria-pressed="true"] { background:color-mix(in srgb,var(--accent) 9%,white); border-color:var(--accent); }
html[data-appearance="light"] .progress { background:#dce2ed; }
html[data-appearance="light"] .progress.blue i { background:#386bad; }
html[data-appearance="light"] .progress.green i { background:#34795b; }
html[data-appearance="light"] .progress.red i { background:#b34760; }
html[data-appearance="light"] .segmented { background:var(--day-subtle); border-color:#b6c0d0; }
html[data-appearance="light"] .segmented button { color:var(--muted); }
html[data-appearance="light"] .segmented button:hover { color:var(--ink); background:#dfe5ef; }
html[data-appearance="light"] .segmented button[aria-selected="true"] { color:var(--accent); background:#fff; box-shadow:0 1px 4px #27354b14; }
html[data-appearance="light"] .tabs { background:var(--paper); border-color:var(--line); }
html[data-appearance="light"] .tabs button { color:var(--muted); }
html[data-appearance="light"] .tabs button[aria-selected="true"] { color:var(--accent); border-color:var(--accent); }
html[data-appearance="light"] .kanban-col { background:#edf1f7; border-color:#d1d9e7; }
html[data-appearance="light"] .kanban-col header { color:#424d63; }
html[data-appearance="light"] .material-card { background:#fff; border-color:#c5cede; box-shadow:0 3px 10px #26375506; }
html[data-appearance="light"] .material-card:hover { border-color:var(--accent); box-shadow:0 6px 18px #26375513; }
html[data-appearance="light"] :is(.material-card.deleted,.queue-hero.deleted) { border-color:var(--day-red-ink); }
html[data-appearance="light"] .delete-ribbon { color:#fff; background:var(--day-red-ink); }
html[data-appearance="light"] table { color:var(--ink); }
html[data-appearance="light"] :is(thead,th) { color:#465269; background:var(--day-subtle); border-color:var(--line); }
html[data-appearance="light"] td { color:var(--ink); border-color:var(--line); }
html[data-appearance="light"] tbody tr:hover { background:var(--day-surface); }
html[data-appearance="light"] .queue-hero { background:linear-gradient(115deg,#f4eaf4,#edf1fc); color:var(--ink); border-color:#ccb7d7; }
html[data-appearance="light"] .queue-hero .eyebrow { color:var(--accent); }
html[data-appearance="light"] :is(.queue-hero .technical-id,.queue-hero .muted) { color:#594d6a; }
html[data-appearance="light"] .queue-hero .chip { color:#59416f; background:#ffffffaa; border-color:#bfa6cf; }
html[data-appearance="light"] .queue-hero .progress { background:#d7c8e1; }
html[data-appearance="light"] .queue-hero .progress i { background:var(--accent); }
html[data-appearance="light"] .queue-hero .danger-strip { color:var(--day-red-ink); background:var(--day-red-bg); border-color:#d4a0af; }
html[data-appearance="light"] .capacity-row { border-color:var(--line); }
html[data-appearance="light"] .finance-rates .panel { background:var(--day-purple-bg); border-color:#cdbbdf; }
html[data-appearance="light"] .finance-rates h2 { color:var(--day-purple-ink); }
html[data-appearance="light"] .chart { background:var(--paper); }
html[data-appearance="light"] .chart-grid { border-color:var(--line); }
html[data-appearance="light"] :is(.bar,.bar-column,.bar-value,.bar-person) { color:var(--muted); }

/* Configuration, history, entries and exits, calendar, QA and conversations. */
html[data-appearance="light"] :is(.step,.provider,.menu-item,.qa-check,.check-card,.reference-card,.drawer-stat,.month-mini,.sound-card) { background:var(--day-surface); color:var(--ink); border-color:var(--line); }
html[data-appearance="light"] :is(.step .number,.qa-check .number) { background:var(--day-purple-bg); color:var(--day-purple-ink); }
html[data-appearance="light"] .provider.enabled { background:var(--day-purple-bg); border-color:#b29ac9; }
html[data-appearance="light"] .qa-check h3 { color:var(--ink); }
html[data-appearance="light"] .qa-check small { color:var(--muted); }
html[data-appearance="light"] .check-card.pending { background:var(--day-subtle); color:var(--muted); }
html[data-appearance="light"] .check-card.warn { background:var(--day-amber-bg); color:var(--day-amber-ink); border-color:#ddc897; }
html[data-appearance="light"] :is(.drawer-stat.deadline,.drawer-stat.deadline small) { background:var(--day-red-bg); color:var(--day-red-ink); border-color:#d6acb9; }
html[data-appearance="light"] .rule-part { background:var(--day-blue-bg); border-color:#c2d2e9; }
html[data-appearance="light"] .rule-part.condition { background:var(--day-amber-bg); border-color:#ddc897; }
html[data-appearance="light"] .rule-part.action { background:var(--day-purple-bg); border-color:#cebadf; }
html[data-appearance="light"] :is(.rule-part h3,.rule-part label,.rule-part.condition label,.rule-part.action label) { color:var(--ink); }
html[data-appearance="light"] :is(.rule-part input,.rule-part select) { color:var(--ink); background:#fff; border-color:var(--day-border); }
html[data-appearance="light"] .protocol-sources .panel { background:#fff; }
html[data-appearance="light"] .protocol { color:var(--ink); background:#fff; border-color:var(--line); }
html[data-appearance="light"] .protocol.unread { border-color:#277887; }
html[data-appearance="light"] .protocol.unread:before { background:#226875; color:#fff; }
html[data-appearance="light"] .protocol-meta { color:var(--ink); background:var(--day-subtle); }
html[data-appearance="light"] .protocol-meta>div { border-color:var(--line); }
html[data-appearance="light"] .original { background:var(--day-blue-bg); color:var(--ink); }
html[data-appearance="light"] .original-body { background:#fff; color:var(--ink); border-color:#bdcfe8; }
html[data-appearance="light"] .protocol .check-card { background:var(--day-surface); color:var(--ink); }
html[data-appearance="light"] .protocol .check-card.warn { background:var(--day-amber-bg); color:var(--day-amber-ink); }
html[data-appearance="light"] .history-group summary { background:var(--day-subtle); color:var(--ink); border-color:var(--line); }
html[data-appearance="light"] .conversation-shell { background:#fff; border-color:var(--line); }
html[data-appearance="light"] :is(.chat-list,.conversation-left) { background:var(--day-surface); border-color:var(--line); }
html[data-appearance="light"] .chat-person { color:var(--ink); border-color:var(--line); }
html[data-appearance="light"] :is(.chat-person:hover,.chat-person.active) { background:var(--day-purple-bg); }
html[data-appearance="light"] :is(.conversation-main,.message-area) { background:#fff; color:var(--ink); }
html[data-appearance="light"] .bubble { background:var(--day-subtle); color:var(--ink); border-color:#cbd5e5; }
html[data-appearance="light"] .message.own .bubble { background:var(--day-purple-bg); color:#492e63; border-color:#ccb5dc; }
html[data-appearance="light"] .message-meta { color:var(--muted); }
html[data-appearance="light"] .message-meta strong { color:var(--ink); }
html[data-appearance="light"] .composer { background:var(--day-surface); border-color:var(--line); }
html[data-appearance="light"] :is(.dropzone,.attachment-link) { color:var(--muted); background:var(--day-surface); border-color:#9eacc2; }
html[data-appearance="light"] .dropzone.selected { background:var(--day-green-bg); color:var(--day-green-ink); border-color:#8eb8a0; }
html[data-appearance="light"] .attachment-link:hover { background:var(--day-blue-bg); color:var(--day-blue-ink); }
html[data-appearance="light"] .quick-question { background:var(--day-purple-bg); color:var(--day-purple-ink); border-color:#c4afd6; }
html[data-appearance="light"] .quick-question:hover { background:#e5d6f3; }
html[data-appearance="light"] .calendar-grid .day { color:var(--ink); background:#fff; border-color:#c5cede; }
html[data-appearance="light"] .calendar-grid .day.today { color:var(--accent); border-color:var(--accent); }
html[data-appearance="light"] .calendar-grid .day.selected { color:#fff; background:var(--accent); border-color:var(--accent); }
html[data-appearance="light"] .calendar-grid .day.filler { background:var(--day-subtle); border-color:transparent; }
html[data-appearance="light"] .calendar-grid .weekday { color:var(--muted); }
html[data-appearance="light"] .calendar-grid .day .dot { background:var(--accent); }
html[data-appearance="light"] .calendar-grid .day.selected .dot { background:#fff; }
html[data-appearance="light"] .month-mini:hover { background:var(--day-purple-bg); color:var(--day-purple-ink); }

/* Drawers and dialogs switch immediately, preserving form contents and focus. */
html[data-appearance="light"] :is(.drawer-backdrop,.modal-shade) { background:#20283b65; }
html[data-appearance="light"] .drawer { color:var(--ink); background:var(--bg); border-color:#b8c3d5; box-shadow:-15px 0 70px #1a254a24; }
html[data-appearance="light"] .drawer header { color:var(--ink); background:linear-gradient(120deg,#f5edf7,#edf2fb); }
html[data-appearance="light"] .drawer .close { color:var(--muted); }
html[data-appearance="light"] .drawer .tabs { background:#fff; }
html[data-appearance="light"] .drawer .panel { background:#fff; border-color:var(--line); }
html[data-appearance="light"] .drawer-actions { background:#fff; border-color:var(--line); }
html[data-appearance="light"] .modal { background:var(--paper); color:var(--ink); border-color:#aebbd0; box-shadow:0 20px 90px #17234133; }
html[data-appearance="light"] .modal-head { color:var(--ink); background:var(--day-surface); border-color:var(--line); }
html[data-appearance="light"] .modal .note { background:var(--day-blue-bg); color:var(--day-blue-ink); }
html[data-appearance="light"] .modal :is(input,select,textarea) { background:#fff!important; color:var(--ink)!important; border-color:var(--day-border)!important; }
html[data-appearance="light"] .modal .menu-item { background:var(--day-surface); }
html[data-appearance="light"] .modal .menu-item .tile-icon { background:var(--day-purple-bg); color:var(--day-purple-ink); }
html[data-appearance="light"] :is(.inline-error,.login-error) { color:var(--day-red-ink); }
html[data-appearance="light"] .inline-error { background:var(--day-red-bg); border-color:#d4a7b4; }
html[data-appearance="light"] #toast { color:var(--ink); background:#fff; border-color:#9b87b0; box-shadow:0 12px 45px #24345426; }
html[data-appearance="light"] .floating-chat { color:#fff; background:var(--accent); border-color:var(--accent); box-shadow:0 8px 25px #48274525; }

/* Login reading surfaces use the day palette; the video has its own dark overlay. */
html[data-appearance="light"] .studio-login { background:var(--bg); }
html[data-appearance="light"] .studio-login-pane { background:var(--bg); }
html[data-appearance="light"] :is(.studio-edition,.studio-login-desc,.studio-form-heading p,.studio-login-foot,.studio-access p) { color:var(--muted); }
html[data-appearance="light"] .studio-login-center>.eyebrow { color:var(--accent); }
html[data-appearance="light"] .studio-login h1 { color:var(--ink); }
html[data-appearance="light"] .studio-login h1 em { color:#51536a; }
html[data-appearance="light"] .studio-form-heading { border-color:var(--line); }
html[data-appearance="light"] .studio-login-form .login-field { color:var(--ink); background:#fff; border-color:var(--day-border); }
html[data-appearance="light"] :is(.studio-login-form .login-field>.icon,.studio-login-form .login-password button) { color:var(--muted); }
html[data-appearance="light"] .studio-login-form .login-field input { color:var(--ink); }
html[data-appearance="light"] :is(.studio-login-form .login-link,.studio-login-form .activate,.studio-login-form .activate strong) { color:var(--accent); }
html[data-appearance="light"] .studio-login-form .login-link:hover { color:#5c204b; text-decoration:underline; }
html[data-appearance="light"] .studio-login-divider { color:var(--muted); }
html[data-appearance="light"] .studio-login-divider:before { background:var(--line); }
html[data-appearance="light"] .studio-login-divider span { background:var(--bg); }
html[data-appearance="light"] .studio-login-form .google-button { color:var(--ink); background:#fff; border-color:var(--day-border); }
html[data-appearance="light"] .google-logo { color:#3d4556; }
html[data-appearance="light"] .studio-access { background:#fff; border-color:#bdc8d9; }
html[data-appearance="light"] .studio-access label { color:var(--muted); }
html[data-appearance="light"] .studio-access .badge { background:var(--day-purple-bg); color:var(--day-purple-ink); }
html[data-appearance="light"] .studio-access select { background:var(--day-surface); color:var(--ink); border-color:var(--day-border); }
html[data-appearance="light"] .studio-login-foot i { background:var(--accent); }
html[data-appearance="light"] .appearance-switch { background:var(--day-subtle); color:var(--muted); border-color:#9aa6ba; }
html[data-appearance="light"] .appearance-option { background:transparent; color:#465168; }
html[data-appearance="light"] .appearance-option:hover { background:#dfe5ee; }
html[data-appearance="light"] .appearance-option[aria-pressed="true"] { background:var(--accent); color:#fff; }

@media(max-width:1180px) { .topbar-right { gap:9px; } .topbar .sync-badge { display:none; } }
@media(max-width:650px) {
  .topbar-right { gap:5px; } .topbar .search { min-width:0; width:auto; flex:1; }
  .topbar .search input { min-width:0; width:100%; }
  .topbar .search>.icon { display:none; }
  .topbar .appearance-option { padding:5px 7px; gap:4px; font-size:12px; }
  .topbar .appearance-option .icon { width:12px; height:12px; }
  .topbar-right>.avatar { display:none; }
  .studio-login-tools { gap:8px; } .studio-login-tools .studio-edition { font-size:7px; letter-spacing:1.2px; }
}