/* METEONOVA administration skin, isolated from broadcast canvases. */
:root{--ui-accent:#e52d4b;--ui-action:#c8203d;--ui-bg:#0c0e12;--ui-panel:#171a21;--ui-raised:#20242d;--ui-text:#f3f4f7;--ui-muted:#a7aebb;--ui-line:#ffffff20;--logo-ink:#fff;color-scheme:dark;--accent:var(--ui-accent);--muted:var(--ui-muted);--line:var(--ui-line)}
:root[data-mode=day]{--ui-bg:#edf0f5;--ui-panel:#fff;--ui-raised:#f4f6fa;--ui-text:#18202e;--ui-muted:#536174;--ui-line:#1b2c4626;--logo-ink:#172131;color-scheme:light}
html,body{background:var(--ui-bg);color:var(--ui-text)}body{background-image:radial-gradient(ellipse at 90% 0,color-mix(in srgb,var(--ui-accent) 9%,transparent),transparent 52%);font-family:'Segoe UI',Arial,sans-serif}
a{color:var(--ui-accent)}h1,h2,h3,strong,legend{color:var(--ui-text)}p,small,.muted,label,.country-status{color:var(--ui-muted)}button,.button,input,select,textarea{color:var(--ui-text);border-color:var(--ui-line);background:var(--ui-raised)}button:hover,.button:hover{background:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-raised));border-color:var(--ui-accent)}.primary,.primary:hover{background:var(--ui-action);color:#fff;border-color:transparent}.panel,.channel-card,.session-bar,.auth{background:var(--ui-panel);border:1px solid var(--ui-line);box-shadow:0 8px 28px #00000008}.panel p,.workspace-head p,.channel-card p,.design-card p,.channel-detail,.attribution,.account-panel>p,.account-panel .account-footnote,.section-tag{color:var(--ui-muted)}.sidebar{background:var(--ui-panel);border-color:var(--ui-line)}.sidebar nav a{color:var(--ui-muted);display:flex;align-items:center;gap:9px}.sidebar nav a.active{color:var(--ui-text);border:1px solid color-mix(in srgb,var(--ui-accent) 40%,transparent);background:color-mix(in srgb,var(--ui-accent) 16%,var(--ui-panel))}.logo{color:var(--ui-accent);font-size:21px}.logo span{color:var(--ui-text);font-size:16px;font-weight:750;letter-spacing:1px}.logo b{display:none}.brand-mark{width:38px;height:38px;flex-shrink:0;display:block;color:var(--ui-accent)}.studio-controls{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 24px;position:sticky;top:0;z-index:45;background:color-mix(in srgb,var(--ui-bg) 94%,transparent);border-bottom:1px solid var(--ui-line);backdrop-filter:blur(12px);min-height:64px}.studio-controls .toolbar-brand{margin-right:auto;display:flex;align-items:center;gap:10px;color:var(--ui-text);font-weight:750;letter-spacing:1px}.studio-controls button,.studio-controls select,.studio-controls a{font-size:12px;min-height:38px;padding:7px 11px;border-radius:9px}.studio-controls label{margin:0}.studio-controls select{width:178px;max-width:100%;font-family:'Segoe UI Emoji','Segoe UI',sans-serif}.mode-switch{display:flex;align-items:center;gap:8px!important}.mode-switch .switch-track{width:33px;height:19px;background:var(--ui-muted);border-radius:99px;position:relative}.mode-switch .switch-track:after{content:'';position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:white;transition:transform .2s}.mode-switch[aria-checked=true] .switch-track{background:var(--ui-accent)}.mode-switch[aria-checked=true] .switch-track:after{transform:translateX(14px)}
.shell{min-height:calc(100vh - 64px);grid-template-columns:220px minmax(0,1fr)}.sidebar{top:64px;height:calc(100vh - 64px)}.workspace{max-width:1580px;padding:30px 34px 60px}.workspace-head{align-items:center}.session-bar{color:var(--ui-muted)}.session-bar strong{color:var(--ui-text)}#message{top:75px;background:var(--ui-raised);border:1px solid var(--ui-line);color:#b87821}#message.success{color:#159269}.badge{color:var(--ui-muted);border-color:var(--ui-line)}.badge.active{color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 10%,transparent)}.eyebrow{color:var(--ui-accent)}.design-card{background:var(--ui-raised)}.design-card.selected{background:color-mix(in srgb,var(--design) 8%,var(--ui-panel))}fieldset{border:1px solid var(--ui-line);border-radius:12px;padding:16px}legend{padding:0 7px}.account-page{display:block;padding:0;min-height:100vh}.account-shell{margin:42px auto;padding:0 18px}.account-panel #message{color:#b87821}.account-panel #message.success{color:#159269}.password-rules{color:var(--ui-muted)}.password-rules li.fulfilled{color:#159269}.icon-choice,.page-choice,.upload-zone{border-color:var(--ui-line)}#radio-stations{scrollbar-color:var(--ui-muted) var(--ui-panel)}.upload-zone{background:var(--ui-raised)}.back{color:var(--ui-muted)}.account-shell>.logo{justify-content:center}.studio-controls .toolbar-brand .brand-mark{width:30px;height:30px}.account-page .studio-controls{position:relative}.studio-controls :focus-visible,dialog :focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}
.studio-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:28px;border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-panel);color:var(--ui-text);box-shadow:0 25px 120px #0008}.studio-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.dialog-head h2{margin:0}.layout-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.layout-option{display:flex;flex-direction:column;align-items:stretch;text-align:left;white-space:normal;padding:14px;gap:10px}.layout-option[aria-pressed=true]{border:2px solid var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 8%,var(--ui-panel))}.layout-option small{font-size:12px}.layout-mini{height:90px;display:grid;grid-template-columns:18% 1fr;gap:5px;border-radius:8px;background:var(--ui-bg);padding:7px}.layout-mini i{display:block;background:var(--ui-raised);border:1px solid var(--ui-line);border-radius:3px}.layout-mini>i{background:var(--ui-action)}.layout-mini>div{display:grid;gap:4px;grid-template-rows:repeat(3,1fr)}.layout-mini.b>div{grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr}.layout-mini.b>div i:first-child{grid-column:span 2;background:linear-gradient(140deg,var(--ui-action),var(--ui-panel))}.layout-mini.c>div{grid-template-columns:2fr 1fr;grid-template-rows:3fr 1fr}.layout-mini.c>div i:first-child{background:linear-gradient(20deg,var(--ui-action),var(--ui-bg))}.palette-options{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 22px}.palette-option{padding:8px 12px;gap:7px}.palette-option i{width:17px;height:17px;background:var(--swatch);border-radius:50%}.palette-option[aria-pressed=true]{outline:2px solid var(--ui-accent);outline-offset:2px}.dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-foot p{font-size:12px;max-width:570px;margin:0}.studio-dialog h3{margin-top:22px}.dashboard{max-width:1540px;padding:0 34px 40px}.dashboard .topbar{padding:20px 0}.intro{padding:28px 0 24px}.intro h1{font-size:36px}.intro p{margin-bottom:14px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.dashboard-stat{padding:18px 22px;background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:13px;display:flex;align-items:center;gap:16px}.dashboard-stat b{font-size:30px;color:var(--ui-accent)}.dashboard-stat span{font-size:13px;color:var(--ui-muted)}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.channel-card{padding:18px;min-height:0}.channel-card h2{margin:8px 0;font-weight:650}.channel-card p{min-height:0;margin-bottom:6px}.channel-card .card-top{margin:0 0 12px}.channel-card .actions{gap:7px}.channel-card .button{font-size:12px;padding:7px 10px}.channel-preview{aspect-ratio:16/9;position:relative;border-radius:10px;overflow:hidden;background:linear-gradient(140deg,color-mix(in srgb,var(--ui-accent) 30%,#152235),#111d2c);display:grid;place-items:center;margin-bottom:12px}.channel-preview img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.channel-preview .preview-placeholder{display:grid;gap:8px;justify-items:center;color:#c1c8d3;font-size:12px}.channel-preview svg{width:48px;height:48px;color:var(--ui-accent)}.channel-preview .preview-caption{position:absolute;left:8px;bottom:7px;padding:3px 7px;border-radius:4px;background:#000a;color:white;font-size:10px}.dashboard-regie{display:none}.dashboard-note{font-size:12px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;margin-bottom:24px;align-items:start}.editor-stage{position:sticky;top:86px;background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:16px;padding:14px}.editor-stage h2{font-size:15px;padding:5px}.editor-stage iframe{width:100%;aspect-ratio:16/10;height:auto!important;min-height:280px;border:0!important}.editor-inspector #design-form>.panel{max-height:calc(100vh - 100px);overflow:auto;padding:20px}.editor-inspector #design-form .grid{grid-template-columns:1fr;gap:12px}.editor-inspector #design-form .form-footer{position:sticky;bottom:-20px;background:var(--ui-panel);padding:14px 0;flex-wrap:wrap}.editor-inspector .icon-choices{gap:8px}.editor-inspector .icon-choice{width:100%;padding:8px}.editor-inspector .icon-choice svg{height:40px;width:50px}
/* A: compact control list. */
:root[data-layout=redline] .channel-grid{display:grid;grid-template-columns:1fr}:root[data-layout=redline] .channel-card{display:grid;grid-template-columns:180px minmax(0,1fr) auto;column-gap:22px;align-items:center;border-radius:12px}:root[data-layout=redline] .channel-preview{grid-row:1/5;margin:0}:root[data-layout=redline] .channel-card .card-top{grid-column:2;margin:0}:root[data-layout=redline] .channel-card h2,:root[data-layout=redline] .channel-card p,:root[data-layout=redline] .channel-detail{grid-column:2;margin:3px 0}:root[data-layout=redline] .channel-card .actions{grid-column:3;grid-row:1/5;max-width:250px;justify-content:flex-end}:root[data-layout=redline] .panel{border-radius:12px}:root[data-layout=redline] .design-card{min-height:140px}
/* B: cinematic overview with restrained atmospheric graphics. */
:root[data-layout=crimson] body{background-image:radial-gradient(ellipse at 85% 10%,color-mix(in srgb,var(--ui-accent) 19%,transparent),transparent 55%),radial-gradient(ellipse at 5% 75%,color-mix(in srgb,var(--ui-accent) 9%,transparent),transparent 45%)}:root[data-layout=crimson] .channel-grid{grid-template-columns:repeat(6,minmax(0,1fr))}:root[data-layout=crimson] .channel-card{grid-column:span 2;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-accent) 7%,var(--ui-panel)),var(--ui-panel));border-radius:20px}:root[data-layout=crimson] .channel-card:nth-child(-n+2){grid-column:span 3}:root[data-layout=crimson] .panel{background:linear-gradient(135deg,color-mix(in srgb,var(--ui-accent) 4%,var(--ui-panel)),var(--ui-panel));border-radius:20px}:root[data-layout=crimson] .intro h1{font-size:44px}:root[data-layout=crimson] .sidebar{background:color-mix(in srgb,var(--ui-panel) 95%,var(--ui-accent));}
/* C: programme desk. */
:root[data-layout=broadcast] .dashboard-regie{display:block;padding:18px;background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:14px;margin-bottom:22px}:root[data-layout=broadcast] .regie-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}:root[data-layout=broadcast] .regie-heading select{max-width:240px}:root[data-layout=broadcast] .dashboard-regie iframe{display:block;max-height:600px;width:100%;aspect-ratio:16/9;border:1px solid var(--ui-line);border-radius:10px}:root[data-layout=broadcast] .channel-grid{grid-template-columns:repeat(5,minmax(0,1fr))}:root[data-layout=broadcast] .channel-card .channel-preview{display:none}:root[data-layout=broadcast] .channel-card h2{font-size:19px}:root[data-layout=broadcast] .channel-card .actions{flex-direction:column;align-items:stretch}:root[data-layout=broadcast] .channel-card .actions .button:nth-child(n+3){display:none}:root[data-layout=broadcast] .panel{border-radius:8px}:root[data-layout=broadcast] .sidebar{border-right:2px solid var(--ui-action)}
.help-sections{display:grid;gap:20px}.help-sections h2{font-size:22px}.help-sections li{margin:8px 0;color:var(--ui-muted)}.help-sections a{overflow-wrap:anywhere}
@media(max-width:1150px){.editor-layout{grid-template-columns:1fr}.editor-stage{position:relative;top:auto}.editor-inspector #design-form>.panel{max-height:none;overflow:visible}.editor-inspector #design-form .grid{grid-template-columns:1fr 1fr}:root[data-layout=broadcast] .channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{padding:24px}.channel-card .actions{flex-wrap:wrap}}
@media(max-width:800px){.shell{grid-template-columns:170px minmax(0,1fr)}.sidebar{padding:20px 12px}.sidebar .logo span{font-size:12px}.studio-controls{padding:10px 14px}.studio-controls .toolbar-brand span{display:none}:root[data-layout=redline] .channel-card{grid-template-columns:120px minmax(0,1fr)}:root[data-layout=redline] .channel-card .actions{grid-column:1/-1;grid-row:auto;max-width:none;justify-content:flex-start;margin-top:12px}.layout-options{grid-template-columns:1fr}.layout-mini{height:65px}.studio-dialog{padding:20px}.dialog-foot{align-items:flex-start;flex-direction:column}:root[data-layout=broadcast] .channel-grid{grid-template-columns:1fr 1fr}.studio-controls select{width:145px}}
@media(max-width:600px){.shell{display:block}.sidebar{position:static;height:auto}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar .logo{display:none}.studio-controls{position:relative;gap:6px}.studio-controls .toolbar-brand{display:none}.studio-controls select{width:135px}.studio-controls button,.studio-controls a{font-size:11px;padding:7px}.studio-controls .help-label{display:none}.dashboard{padding:0 15px 28px}.dashboard .topbar{gap:15px;flex-wrap:wrap}.dashboard-stats{gap:7px}.dashboard-stat{padding:12px;gap:6px;align-items:flex-start;flex-direction:column}.dashboard-stat b{font-size:23px}.dashboard-stat span{font-size:11px}.intro h1,:root[data-layout=crimson] .intro h1{font-size:31px}.workspace{padding:20px 14px}.channel-grid,:root[data-layout=broadcast] .channel-grid{grid-template-columns:1fr!important}:root[data-layout=crimson] .channel-card{grid-column:auto!important}:root[data-layout=redline] .channel-card{display:block}:root[data-layout=redline] .channel-preview{margin-bottom:12px}:root[data-layout=redline] .channel-card .actions{margin-top:12px}.editor-inspector #design-form .grid{grid-template-columns:1fr}.studio-dialog{max-height:calc(100vh - 20px)}#message{top:8px}.topbar .logo{font-size:16px}.toolbar-brand{display:none}.studio-controls label{min-width:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.studio-controls,.sidebar,.topbar,.manual-download{display:none!important}.shell{display:block}.workspace{max-width:none}body{background:white!important;color:black!important}.panel{break-inside:avoid;box-shadow:none;background:white!important;color:black!important}}

.language-picker{position:relative}.language-picker svg{width:25px;height:17px;flex-shrink:0;border-radius:3px;box-shadow:0 0 0 1px #8885}.language-picker #studio-language{min-width:148px;justify-content:space-between;gap:9px}.language-options{position:absolute;top:calc(100% + 8px);right:0;width:190px;padding:6px;display:grid;gap:3px;background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:12px;box-shadow:0 15px 45px #0004;z-index:60}.language-options button{width:100%;justify-content:flex-start;background:transparent;border:0}.language-options button[aria-selected=true]{background:color-mix(in srgb,var(--ui-accent) 15%,var(--ui-panel))}

@media(min-width:701px){.sidebar{top:var(--ui-toolbar-height,64px);height:calc(100vh - var(--ui-toolbar-height,64px))}#message{top:calc(var(--ui-toolbar-height,64px) + 10px)}.editor-stage{top:calc(var(--ui-toolbar-height,64px) + 22px)}}@media(max-width:700px){.shell{display:block}.sidebar{height:auto;position:static;top:auto}}
.watch #stream-status{color:var(--ui-muted)}

:root[data-layout=redline] .channel-preview .preview-placeholder span{display:none}:root[data-mode=day] a:not(.button):not(.logo):not(.toolbar-brand),:root[data-mode=day] .eyebrow,:root[data-mode=day] .dashboard-stat b,:root[data-mode=day] .badge.active,:root[data-mode=day] .brand-mark{color:var(--ui-action)}

.logo-shortcut{margin:0 0 20px}#tv-logo-settings{scroll-margin-top:calc(var(--ui-toolbar-height,64px) + 18px)}#tv-logo-settings:focus{outline:2px solid var(--ui-accent);outline-offset:3px}.editor-inspector #design-form>.panel{scroll-padding-top:12px}

.logo-position-dialog{width:min(1250px,calc(100vw - 24px));padding:20px}.logo-position-dialog iframe{width:100%;height:min(65vh,680px);min-height:200px;border:1px solid var(--ui-line);border-radius:10px;background:#081523}.logo-position-dialog>p{font-size:12px;margin:10px 0}.logo-position-dialog .actions{justify-content:flex-end}@media(max-width:600px){.logo-position-dialog{padding:12px}.logo-position-dialog iframe{height:250px}.logo-position-dialog .actions button{flex:1;font-size:12px;padding:8px}}

.studio-controls .usage-notice{flex:0 0 100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 14px;border-top:1px solid var(--ui-line);padding:6px 8px 0;font-size:11px;line-height:1.4;color:var(--ui-muted)}.usage-notice strong{font-weight:600}.studio-controls .usage-notice a{color:var(--ui-accent);text-decoration:underline;text-underline-offset:2px}
.studio-controls .usage-notice a{min-height:0;padding:0;border-radius:0;font-size:inherit}
