*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#183047;font:14px/1.5 system-ui,Segoe UI,Arial,sans-serif}header{background:#14263c;color:white;padding:14px 22px;display:flex;justify-content:space-between}header span{opacity:.75}h1{font-size:22px;margin:10px 0}h2{font-size:17px;margin:0 0 8px}h3{font-size:15px}p{margin:5px 0 15px}.tabs{display:flex;flex-wrap:wrap;gap:5px;background:#e5ecf3;padding:8px 15px}.tabs button{background:transparent;color:#24445f}.tabs button.active{background:#174d80;color:#fff}main{max-width:1500px;margin:auto;padding:16px}.card{background:white;border:1px solid #d7e0eb;border-radius:12px;padding:16px;margin:12px 0;box-shadow:0 2px 8px #1a32520a}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.screen-card{background:white;border:1px solid #d3dfeb;border-radius:12px;padding:12px;min-width:0}.screen-card h2{display:flex;justify-content:space-between;align-items:center}.preview{aspect-ratio:16/9;overflow:hidden;position:relative;background:#12243b;border:2px solid #30495f;border-radius:7px;color:white;display:flex;align-items:center;justify-content:center}.preview.next{border-color:#91a9bf}.preview-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:13px;background-size:cover;background-position:center;position:relative}.preview-content.image:before{content:"";inset:0;position:absolute;background:#091c32a3}.preview-title,.preview-desc{position:relative;z-index:1;text-shadow:0 1px 4px #000}.preview-title{font-size:clamp(12px,1.5vw,25px);font-weight:750}.preview-desc{font-size:clamp(10px,1vw,15px)}.preview .overlay{position:absolute;left:0;right:0;background:#063b64ed;color:white;z-index:3;text-align:center;padding:5px;white-space:nowrap;overflow:hidden}.overlay.top{top:0}.overlay.bottom{bottom:0}.overlay .ticker{display:inline-block;white-space:nowrap;padding-left:100%;animation:marquee 17s linear infinite}.overlay.slow .ticker{animation-duration:27s}.overlay.fast .ticker{animation-duration:10s}@keyframes marquee{to{transform:translateX(-100%)}}button{background:#1b568a;color:white;border:0;border-radius:7px;padding:9px 12px;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{background:#b9c3cf;cursor:not-allowed}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.row>*{flex:1}.screen-card .row{margin:10px 0}.screen-card button{min-width:0}.muted{color:#65788d;font-size:12px}label{display:block;margin:9px 0;font-weight:600}input,select,textarea{width:100%;display:block;background:white;border:1px solid #b9c9da;border-radius:7px;padding:9px;font:inherit;color:inherit}input[type=number]{max-width:150px}#message{padding:0 20px;color:#075c47;font-weight:600;min-height:7px}hr{border:0;border-top:1px solid #e1e8f0;margin:16px 0}.section-label{font-size:11px;font-weight:700;letter-spacing:.07em;color:#627c94;margin:7px 0}.viewer{background:#091a2e;overflow:hidden}.viewer #display{position:fixed;inset:0}.viewer .preview{border:0;border-radius:0;width:100%;height:100%;aspect-ratio:auto}.viewer .preview-title{font-size:clamp(36px,5vw,100px)}.viewer .preview-desc{font-size:clamp(20px,2.5vw,45px)}.viewer .overlay{font-size:clamp(18px,2.2vw,40px);padding:12px}.status{font-size:11px;color:#46728e}@media(max-width:900px){.screen-grid{grid-template-columns:1fr}.preview-title{font-size:22px}.preview-desc{font-size:14px}}
/* V0036 – responsive 3 × 2 stage preview dashboard, no inner scrolling on desktop */
@media(min-width:901px){
 html,body.stage-dashboard{height:100%;overflow:hidden}
 body.stage-dashboard{display:flex;flex-direction:column;min-height:0}
 body.stage-dashboard>header{flex:0 0 auto;padding:5px 13px;font-size:12px}
 body.stage-dashboard>.tabs{flex:0 0 auto;padding:3px 10px;gap:3px}
 body.stage-dashboard>.tabs button{padding:5px 9px;font-size:12px}
 body.stage-dashboard>#message{flex:0 0 auto;padding:0 10px;font-size:11px;min-height:0;line-height:1.4;max-height:22px;overflow:hidden}
 body.stage-dashboard>main{flex:1;min-height:0;width:100%;max-width:none;padding:4px 10px 7px;display:flex;flex-direction:column;overflow:hidden}
 body.stage-dashboard #tab-storskjerm{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
 body.stage-dashboard #tab-storskjerm>h1{flex:0 0 auto;font-size:15px;line-height:1.4;margin:0 0 3px}
 body.stage-dashboard #tab-storskjerm>h1 small{font-size:11px;color:#567188;font-weight:400;margin-left:10px}
 body.stage-dashboard .screen-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:stretch}
 body.stage-dashboard .screen-card{height:100%;min-height:0;display:flex;flex-direction:column;gap:3px;padding:7px}
 body.stage-dashboard .screen-card h2{flex:0 0 auto;font-size:13px;margin:0;line-height:1.3}
 body.stage-dashboard .screen-card .section-label{flex:0 0 auto;margin:0;font-size:10px;line-height:1.2}
 body.stage-dashboard .screen-card [data-slot]{flex:1 1 0;min-height:0;display:flex}
 body.stage-dashboard .screen-card [data-slot]>.preview{height:100%;width:100%;min-height:0;aspect-ratio:auto}
 body.stage-dashboard .screen-card .row{flex:0 0 auto;margin:1px 0 0;gap:6px}
 body.stage-dashboard .screen-card .row button{padding:5px 6px;font-size:11px}
 body.stage-dashboard .preview-content{padding:6px}
 body.stage-dashboard .preview-title{font-size:clamp(11px,1.05vw,19px)}
 body.stage-dashboard .preview-desc{font-size:clamp(9px,.8vw,13px)}
 body.stage-dashboard .preview .overlay{font-size:clamp(9px,.8vw,13px);padding:2px}
 body.stage-dashboard .shared-stage-tools{flex:0 0 auto;margin:5px 0 0;padding:5px 9px;display:flex;align-items:center;gap:9px;border-radius:8px;box-shadow:none}
 body.stage-dashboard .shared-stage-tools strong{font-size:11px;white-space:nowrap}
 body.stage-dashboard .shared-stage-tools button{padding:5px 8px;font-size:11px}
 body.stage-dashboard .shared-stage-tools .muted{margin:0 0 0 auto;max-width:350px;font-size:10px;line-height:1.2}
}
@media(min-width:901px) and (max-height:650px){
 body.stage-dashboard .shared-stage-tools .muted{display:none}
 body.stage-dashboard .screen-grid{gap:5px}
 body.stage-dashboard .screen-card{padding:5px}
}

/* V0045 – no decorative frames in any stage-controller page or screen. */
body :is(.card,.screen-card,.preview,button,input,select,textarea,.tabs,hr){border:0!important;box-shadow:none!important;}
body :is(button,input,select,textarea):focus-visible{outline:2px solid #0875ad;outline-offset:2px;}

/* V0046 – theme stage-controller chrome consistently with the main app. */
:root[data-ik-theme="dark"],body[data-ik-theme="dark"]{
 --sc-bg:#151a21;--sc-panel:#202b37;--sc-button:#293746;--sc-hover:#34475a;
 --sc-text:#f5f8fc;--sc-muted:#afc0d0;--sc-accent:#0875ad;--sc-accent-text:#ffffff;
 --sc-input:#1b2530;--sc-thead:#202b37;
}
:root[data-ik-theme="light"],body[data-ik-theme="light"]{
 --sc-bg:#f5f7fa;--sc-panel:#ffffff;--sc-button:#e8edf3;--sc-hover:#d5e1ee;
 --sc-text:#202b37;--sc-muted:#637486;--sc-accent:#0875ad;--sc-accent-text:#ffffff;
 --sc-input:#e8edf3;--sc-thead:#ffffff;
}
:root[data-ik-theme="cool"],body[data-ik-theme="cool"]{
 --sc-bg:#e6eef5;--sc-panel:#d5e2ec;--sc-button:#c5d7e5;--sc-hover:#b3cadb;
 --sc-text:#20384a;--sc-muted:#587287;--sc-accent:#0875ad;--sc-accent-text:#ffffff;
 --sc-input:#c5d7e5;--sc-thead:#d5e2ec;
}
body:not(.viewer)[data-ik-theme]{background:var(--sc-bg)!important;color:var(--sc-text)!important}
body:not(.viewer)[data-ik-theme] header{background:var(--sc-panel)!important;color:var(--sc-text)!important}
body:not(.viewer)[data-ik-theme] .tabs{background:var(--sc-panel)!important;color:var(--sc-text)!important}
body:not(.viewer)[data-ik-theme] .tabs button{background:var(--sc-button)!important;color:var(--sc-text)!important}
body:not(.viewer)[data-ik-theme] .tabs button.active{background:var(--sc-accent)!important;color:var(--sc-accent-text)!important}
body:not(.viewer)[data-ik-theme] :is(.card,.screen-card){background:var(--sc-panel)!important;color:var(--sc-text)!important;border:0!important;box-shadow:none!important}
body:not(.viewer)[data-ik-theme] button:not(.tabs button){background:var(--sc-accent)!important;color:var(--sc-accent-text)!important;border:0!important}
body:not(.viewer)[data-ik-theme] button:disabled{background:var(--sc-button)!important;color:var(--sc-muted)!important}
body:not(.viewer)[data-ik-theme] :is(input,select,textarea){background:var(--sc-input)!important;color:var(--sc-text)!important;border:0!important;box-shadow:none!important;outline:none}
body:not(.viewer)[data-ik-theme] :is(input,select,textarea)::placeholder{color:var(--sc-muted)!important;opacity:1}
body:not(.viewer)[data-ik-theme] :is(.muted,.status,.section-label){color:var(--sc-muted)!important}
body:not(.viewer)[data-ik-theme] :is(h1,h2,h3,label,p){color:inherit}
body:not(.viewer)[data-ik-theme] hr{border:0!important;background:var(--sc-button)!important;height:1px}
body:not(.viewer)[data-ik-theme] #message{color:var(--sc-text)!important}
body:not(.viewer)[data-ik-theme] :is(button,input,select,textarea):focus-visible{outline:2px solid var(--sc-accent)!important;outline-offset:2px!important}
/* Preview rectangles deliberately retain the actual audience-display colors. */

/* V0048 – align action-button height with the main menu buttons. */
body:not(.viewer)[data-ik-theme] button:not(.ik-open-nav):not(.ik-theme-toggle):not(.ik-theme-option){
 min-height:35px!important;height:35px!important;padding:0 14px!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 line-height:1.15!important;font-weight:700!important;border-radius:8px!important;
}