/* ATMO Live UI — shared Navy, turquoise and orange, matching the landing.
   Loaded only on control pages, never on broadcast canvases or creator media. */
:root.atmo-ui-theme{
 --atmo-bg:#07111b;--atmo-panel:#0d1c2c;--atmo-raised:#132435;--atmo-muted-panel:#0f1f30;
 --atmo-text:#dff0ec;--atmo-muted:#9aafbd;--atmo-teal:#48c9b8;--atmo-orange:#e8721c;--atmo-amber:#f4a261;
 --atmo-line:rgba(72,201,184,.24);--atmo-font:'DM Sans',system-ui,sans-serif;
 --dark:var(--atmo-bg);--dark2:var(--atmo-panel);--dark3:var(--atmo-raised);--dark4:var(--atmo-muted-panel);
 --text:var(--atmo-text);--text2:var(--atmo-muted);--text3:#7893a5;
 --teal:#1a6b5a;--teal2:#2a9d8f;--teal3:var(--atmo-teal);--orange:var(--atmo-orange);--orange2:var(--atmo-amber);
 --border:var(--atmo-line);--border2:rgba(72,201,184,.45);--panel:var(--atmo-panel);--panel2:var(--atmo-raised);
 --fh:var(--atmo-font);--fb:var(--atmo-font);--bg:var(--atmo-bg);--mint:var(--atmo-teal);--muted:var(--atmo-muted);--line:var(--atmo-line);
 color-scheme:dark;
}
html.atmo-ui-theme body{background-color:var(--atmo-bg);color:var(--atmo-text);font-family:var(--atmo-font)!important}
html.atmo-ui-theme :is(button,input,select,textarea){font-family:var(--atmo-font)!important}
html.atmo-ui-theme :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--atmo-amber);outline-offset:3px}
html.atmo-ui-theme :is(button,input,select,textarea):disabled{cursor:not-allowed}
html.atmo-ui-theme :is(.topbar,#topbar,body>header,.sidebar){background:var(--atmo-panel)!important;border-color:var(--atmo-line)!important;box-shadow:none!important}
html.atmo-ui-theme :is(.card,.layer-card,.thr-box,.chroma-box,.anim-card,.s-card,.studio-card,.spotify-card,.studio-prompt-wrap,.gate-card,.note,.pro-plan){background:var(--atmo-panel)!important;border-color:var(--atmo-line)!important;border-radius:12px!important;box-shadow:none!important;clip-path:none!important}
html.atmo-ui-theme :is(.metric-box,.url-box,.log-feed,.event-feed,.chat-messages,.upload-progress,.sidebar-user,.live-status,.clip-card),
html.atmo-ui-theme #menu{background:var(--atmo-raised)!important;border-color:var(--atmo-line)!important;box-shadow:none!important}
html.atmo-ui-theme :is(.field-input,.thr-input,.studio-prompt,.chat-input-row input,.layer-url-row input,.gate-input,input[type=text],input[type=email],input[type=password],input[type=number],select,textarea){background:var(--atmo-raised)!important;color:var(--atmo-text)!important;border:1px solid var(--atmo-line)!important;box-shadow:none!important;border-radius:8px}
html.atmo-ui-theme :is(input,textarea)::placeholder{color:var(--atmo-muted);opacity:.8}
html.atmo-ui-theme :is(.topbar-btn,.copy-btn,.s-preset,.s-param,.studio-tab,.studio-type,.style-preset,.btn-connect.secondary,.save-row button,.studio-credits,.btn,.section-tab,.ctrl,.lang button,.dl,.account-row button,.toolbar button,.toolbar label){background:var(--atmo-raised)!important;color:var(--atmo-text)!important;border:1px solid var(--atmo-line)!important;box-shadow:none!important;border-radius:7px!important;letter-spacing:.02em;transition:background-color .16s,border-color .16s,color .16s}
html.atmo-ui-theme :is(.topbar-btn,.copy-btn,.btn,.btn-connect.secondary,.section-tab,.ctrl,.toolbar button,.toolbar label):hover:not(:disabled){background:#1b3547!important;border-color:var(--atmo-teal)!important;color:var(--atmo-text)!important}
html.atmo-ui-theme :is(.btn-connect:not(.secondary),.studio-gen-btn,.btn.primary,#btnConnect,#openOutput,.lang button.on){background:var(--atmo-orange)!important;color:var(--atmo-bg)!important;border:1px solid var(--atmo-orange)!important;box-shadow:none!important;border-radius:7px!important}
html.atmo-ui-theme :is(.btn-connect:not(.secondary),.studio-gen-btn,.btn.primary,#btnConnect,#openOutput):hover:not(:disabled){background:var(--atmo-amber)!important;border-color:var(--atmo-amber)!important}
html.atmo-ui-theme :is(.s-preset,.s-param,.studio-tab,.studio-type,.style-preset,.section-tab).active{background:#143a40!important;color:var(--atmo-teal)!important;border-color:var(--atmo-teal)!important;box-shadow:none!important}
html.atmo-ui-theme :is(.topbar-btn,.btn,.btn-connect).danger{background:#321b2c!important;color:#ff8ca3!important;border-color:#a53650!important}
html.atmo-ui-theme :is(.topbar-btn,.btn,.btn-connect).danger:hover:not(:disabled){background:#482035!important;color:#ffc0ce!important}
html.atmo-ui-theme :is(.card-title,.card h2,.panel-title small){color:var(--atmo-amber)!important;border-color:var(--atmo-line)!important}
html.atmo-ui-theme .panel-title::before,
html.atmo-ui-theme .card-title::before{background:var(--atmo-orange)!important;box-shadow:none!important}
html.atmo-ui-theme :is(.account-pill,.session-pill){background:var(--atmo-muted-panel)!important;color:var(--atmo-teal)!important;border-color:var(--atmo-line)!important}
html.atmo-ui-theme :is(.field-label,.field-hint,.empty-hint,.clip-name,.metric-l,.sidebar-section){color:var(--atmo-muted)}
html.atmo-ui-theme :is(input[type=range],progress){accent-color:var(--atmo-teal)}
/* Dashboard: remove the old hardware-console textures without touching layout. */
html.atmo-ui-theme[data-atmo-page=studio] body::before,
html.atmo-ui-theme[data-atmo-page=studio] body::after,
html.atmo-ui-theme[data-atmo-page=studio] .topbar::before,
html.atmo-ui-theme[data-atmo-page=studio] .topbar::after{display:none!important}
html.atmo-ui-theme[data-atmo-page=studio] :is(.topbar-title,.card-title,.field-label,.section-name){font-family:var(--atmo-font)!important;letter-spacing:.06em}
html.atmo-ui-theme[data-atmo-page=studio] .card.accent{border-left:3px solid var(--atmo-orange)!important}
html.atmo-ui-theme[data-atmo-page=studio] .card.red{border-left:3px solid var(--red)!important}
html.atmo-ui-theme[data-atmo-page=studio] .nav-item{border-radius:7px!important}
html.atmo-ui-theme[data-atmo-page=studio] .nav-item.active{background:#143a40!important;color:var(--atmo-teal)!important;border-color:transparent!important;box-shadow:inset 3px 0 0 var(--atmo-teal)!important}
html.atmo-ui-theme[data-atmo-page=studio] :is(.metric-n,.metric-box .metric-n){text-shadow:none!important;filter:none!important}
html.atmo-ui-theme[data-atmo-page=studio] :is(.voice-status,.status-bar){box-shadow:none!important}
html.atmo-ui-theme[data-atmo-page=studio] #pwa-banner{background:var(--atmo-panel)!important;border-color:var(--atmo-line)!important}
html.atmo-ui-theme[data-atmo-page=studio] .pro-lock{background:rgba(7,17,27,.9);border-radius:11px}
html.atmo-ui-theme[data-atmo-page=studio] .pro-feature.locked>.pro-lock{filter:none;pointer-events:auto;user-select:auto}
html.atmo-ui-theme[data-atmo-page=studio] .pro-badge{background:var(--atmo-teal);color:var(--atmo-bg);box-shadow:none;clip-path:none;border-radius:4px}
html.atmo-ui-theme[data-atmo-page=studio] #p-tts div:has(>#ttsTest){flex-wrap:wrap}
html.atmo-ui-theme[data-atmo-page=studio] #ttsTest{flex:1 1 220px!important;min-width:0}
html.atmo-ui-theme[data-atmo-page=studio] body #_ggPanel,
html.atmo-ui-theme[data-atmo-page=studio] body #_ggPanelHeader{background:var(--atmo-panel)!important;border-color:var(--atmo-line)!important}
/* Regia: style the audio controls that previously fell back to browser defaults. */
html.atmo-ui-theme[data-atmo-page=regia] .clip-card:hover{border-color:var(--atmo-teal)!important}
html.atmo-ui-theme[data-atmo-page=regia] .clip-card.active{background:#143a40!important;border-color:var(--atmo-teal)!important;box-shadow:0 0 0 1px var(--atmo-teal)!important}
html.atmo-ui-theme[data-atmo-page=regia] :is(#orbPcStart,#orbPcStop){background:var(--atmo-raised);color:var(--atmo-text);border:1px solid var(--atmo-line);border-radius:7px;padding:10px 14px;min-height:44px;font-size:14px;cursor:pointer;margin:6px 6px 6px 0}
html.atmo-ui-theme[data-atmo-page=regia] #orbPcStart{background:var(--atmo-orange);color:var(--atmo-bg);border-color:var(--atmo-orange)}
html.atmo-ui-theme[data-atmo-page=regia] #orbPcStop:disabled{opacity:.45}
html.atmo-ui-theme[data-atmo-page=regia] #gate{padding:24px}
html.atmo-ui-theme[data-atmo-page=regia] .gate-card{padding:clamp(24px,5vw,64px)}
html.atmo-ui-theme[data-atmo-page=regia] #btnGoogleSignIn{max-width:100%}
/* Sample identities remain individually coloured so shortcut recognition survives. */
html.atmo-ui-theme[data-atmo-page=samples] body{min-width:0}
html.atmo-ui-theme[data-atmo-page=samples] .pad{background:var(--atmo-panel);color:var(--atmo-text);border-width:1px;box-shadow:none;border-radius:10px}
html.atmo-ui-theme[data-atmo-page=samples] .pad.playing{background:color-mix(in srgb,var(--pad-color) 20%,var(--atmo-panel))}
html.atmo-ui-theme[data-atmo-page=samples] :is(#hint,#message){color:var(--atmo-muted)}
html.atmo-ui-theme[data-atmo-page=samples] #message.error{color:#ff8ca3}
/* Guide inherits the same product palette, replacing legacy yellow/black. */
:root.atmo-ui-theme[data-atmo-page=manual]{--ink:var(--atmo-bg);--paper:var(--atmo-text);--volt:var(--atmo-teal);--mute:var(--atmo-muted)}
html.atmo-ui-theme[data-atmo-page=manual] body{background-image:none}
html.atmo-ui-theme[data-atmo-page=manual] .top{border-image:none;border-bottom:1px solid var(--atmo-line)}
html.atmo-ui-theme[data-atmo-page=manual] .brand{font-family:var(--atmo-font);font-style:normal}
html.atmo-ui-theme[data-atmo-page=manual] h2::before{background:var(--atmo-orange);box-shadow:none}
/* Landing keeps its editorial title styling and uses the common tokens. */
:root.atmo-ui-theme[data-atmo-page=landing]{--paper:var(--atmo-muted-panel);--orange-light:var(--atmo-amber)}
@media(max-width:600px){html.atmo-ui-theme[data-atmo-page=regia] #topbar{padding:16px}html.atmo-ui-theme[data-atmo-page=regia] .account-pill{max-width:100%}}
@media(prefers-reduced-motion:reduce){html.atmo-ui-theme :is(button,a,input,select,textarea){transition:none!important}}