/* 1.2: top-layer language selector, clear dark hierarchy and simple login. */
.picker-popup{position:fixed!important;inset:0!important;margin:auto!important;width:min(620px,calc(100vw - 28px))!important;max-width:none!important;height:min(680px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:18px;box-sizing:border-box;border-radius:14px}
.picker-popup:not([open]){display:none}
.picker-popup[open]{display:flex;flex-direction:column;gap:12px}
.picker-popup::backdrop{background:#08161099;backdrop-filter:blur(2px)}
.picker-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.picker-heading strong{font-size:18px}
.picker-popup .picker-search{flex:none;font-size:15px;padding:12px}
.picker-options{max-height:none;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px;flex:1;padding:2px}
.picker-options button{min-height:52px;font-size:14px;padding:9px 10px;line-height:1.2}
.picker-options button:focus-visible{outline:2px solid #267959;outline-offset:-2px}
.picker-options small{font-size:11px}
.picker-options .picker-empty{grid-column:1/-1}
.picker-options .flag{flex-shrink:0}
.picker-options button span{min-width:0;overflow-wrap:anywhere}
.photo-preview{width:100px;height:100px;border-radius:8px;object-fit:cover}
#photo-field{gap:12px;align-items:start}
#photo-field>label{display:grid;gap:12px;width:100%}
#audio-confirmations .checks{margin:0;gap:22px}
#audio-confirmations .form-hint{margin:8px 0 0}
.login{display:flex;min-height:100vh;justify-content:center;align-items:center;background:var(--soft)}
.login-form-wrap{width:min(460px,calc(100vw - 32px));position:relative;min-height:0;padding:48px 36px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 15px 55px #10261d10}
.login-form{width:100%;max-width:none}
.login-brand{margin-bottom:36px}.login-brand .brand{color:var(--ink)}
.login-theme{top:16px;right:16px}
.navigation-loading{padding:40px 0;color:var(--muted)}
#connection-notice{display:flex;align-items:center;justify-content:space-between;gap:16px}
.quota-stale{font-size:10px;color:var(--muted)}
:root[data-theme=dark]{--ink:#f1f4f3;--muted:#b8c2bd;--accent:#91c3ac;--line:#4b5953;--paper:#24312b;--soft:#19241f;background:#0d1311;color:var(--ink)}
[data-theme=dark] body{background:#0d1311;color:var(--ink)}
[data-theme=dark] .sidebar{background:#182721;border-right:1px solid #4b5953}
[data-theme=dark] .topbar{background:#1b2621;border-bottom:1px solid #4b5953}
[data-theme=dark] .voice-card,[data-theme=dark] .original-row,[data-theme=dark] .job-row,[data-theme=dark] .setting-card{background:#24312b;border:1px solid #4f5d56;box-shadow:0 5px 18px #0002}
[data-theme=dark] .voice-card:hover{border-color:#95b3a4;box-shadow:0 8px 24px #0005}
[data-theme=dark] dialog,[data-theme=dark] .picker-popup{background:#28362f;color:#f1f4f3;border-color:#7e9085}
[data-theme=dark] .modal-head{background:#1f2c26;border-bottom:1px solid #57675e}
[data-theme=dark] .subtle,[data-theme=dark] .meta,[data-theme=dark] .eyebrow,[data-theme=dark] .count,[data-theme=dark] .filter-caption,[data-theme=dark] .results-line,[data-theme=dark] .original-actions time,[data-theme=dark] .export-note time,[data-theme=dark] .form-hint,[data-theme=dark] .login-note,[data-theme=dark] .footer-note,[data-theme=dark] .setting-card p,[data-theme=dark] .breadcrumb,[data-theme=dark] .breadcrumb strong{color:#b8c2bd}
[data-theme=dark] .field{color:#e7ece9}
[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea,[data-theme=dark] .filter-select,[data-theme=dark] .search,[data-theme=dark] .language-picker summary,[data-theme=dark] .picker-search{background:#131c18;color:#f1f4f3;border:1px solid #718279}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#acb7b1;opacity:1}
[data-theme=dark] .btn{background:#91c3ac;color:#0e1f17;font-weight:600}
[data-theme=dark] .btn:hover{background:#aed7c5}
[data-theme=dark] .btn.secondary{background:#36483e;color:#f0f5f2;border-color:#7e9085}
[data-theme=dark] .btn.secondary:hover{background:#475d50}
[data-theme=dark] .btn.danger{background:#58342e;color:#ffd7c9;border:1px solid #b67f70}
[data-theme=dark] .btn.destructive{background:#bc574b;color:#fff}
[data-theme=dark] .nav button.active{background:#91c3ac;color:#0e1f17}
[data-theme=dark] .nav button{color:#d3ded8}
[data-theme=dark] .picker-options button{color:#f1f4f3}
[data-theme=dark] .picker-options small{color:#b8c2bd}
[data-theme=dark] .picker-options button:hover,[data-theme=dark] .picker-options button:focus{background:#41554a;outline-color:#bbddcc}
[data-theme=dark] .picker-options button[aria-selected=true]{background:#91c3ac;color:#0e1f17}
[data-theme=dark] .picker-options button[aria-selected=true] small{color:#2b4336}
[data-theme=dark] .dropfield{background:#19251e;border-color:#7e9085}
[data-theme=dark] .dropfield small,[data-theme=dark] .quota-label,[data-theme=dark] .quota-source>span,[data-theme=dark] .format-row span{color:#b8c2bd}
[data-theme=dark] .status-overview button{background:#24312b;color:#e1e8e4;border-color:#718279}
[data-theme=dark] .status-overview button.selected{background:#91c3ac;color:#0e1f17;border-color:#aed7c5}
[data-theme=dark] .login-form-wrap{background:#24312b;border-color:#718279}
[data-theme=dark] .account-card{background:#19241f;border-color:#718279}
[data-theme=dark] .close{background:#3e5144;color:#f1f4f3}
[data-theme=dark] .theme-toggle{color:#d7e3dc;border-color:#718279}
[data-theme=dark] .checks{color:#e7ece9}
@media(max-width:520px){.picker-options{grid-template-columns:1fr}.picker-popup{padding:14px}.login-form-wrap{padding:55px 24px 30px}}

/* VoiceBase 1.3 */
.topbar{height:auto;min-height:90px;flex-wrap:wrap;gap:18px;padding-top:16px;padding-bottom:16px}
.quota{flex-wrap:wrap;gap:18px}.edit-metric{min-width:135px}.edit-metric small{display:block;font-size:10px;color:var(--muted);margin-top:3px;max-width:190px}.quota-low .quota-number,.quota-low small{color:#b85631}
.site-volume{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.site-volume input{width:90px;accent-color:#358775;cursor:pointer}.site-volume output{min-width:30px;font-variant-numeric:tabular-nums}.modal-body>.site-volume{margin-top:18px}
.audio-preparation{width:440px;max-width:calc(100vw - 32px);padding:28px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff}.audio-preparation h2{margin:0 0 12px;font-size:23px}.audio-preparation p{font-size:14px;line-height:1.6;color:var(--muted)}.audio-preparation .checks{margin:24px 0}.audio-preparation::backdrop{background:#071d1680}
[data-theme=dark] .audio-preparation{background:#1b2923;color:#e6eae7}[data-theme=dark] .quota-low .quota-number,[data-theme=dark] .quota-low small{color:#ffb390}
.operation-usage{padding:12px 0}.operation-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:12px!important}.operation-row strong{font-weight:500}
#choose-audio{align-self:flex-start;margin:8px 0}#audio-filename{overflow-wrap:anywhere}
@media(max-width:800px){.topbar{padding-top:12px;padding-bottom:12px}.quota{width:100%;gap:12px}.quota-track{width:75px}.edit-metric{min-width:120px}.site-volume{margin-right:auto}}

[data-theme=dark] .quota-track::-moz-progress-bar{background:#869c7d}