:root{color-scheme:dark;--bg:#0b0e12;--panel:#151a21;--panel2:#1b222b;--line:#2b3440;--text:#eef3f7;--muted:#8d9aaa;--red:#e21b35;--red2:#ff425a;--blue:#22a9e7;--amber:#f3a712;--green:#1ed07e;--purple:#a774ff;font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}.app-shell{display:grid;grid-template-columns:82px minmax(0,1fr);height:100vh}.sidebar{background:#101419;border-right:1px solid #252c35;display:flex;flex-direction:column;align-items:center;min-height:0}.brand{height:72px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:13px;font-weight:800;letter-spacing:-.3px;border-bottom:1px solid #242b33}.brand>span:last-child>span{color:var(--red2)}.brand-mark{display:grid;place-items:center;width:32px;height:30px;background:linear-gradient(145deg,var(--red2),#a9001c);clip-path:polygon(50% 0,100% 100%,72% 100%,62% 76%,35% 76%,27% 100%,0 100%);font-size:15px;margin-bottom:2px}.main-nav{width:100%;padding:10px 5px;display:flex;flex-direction:column;gap:3px;overflow:auto}.nav-item{border:0;background:transparent;color:#778494;min-height:58px;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;cursor:pointer}.nav-item i{font-style:normal;font-size:18px}.nav-item:hover{background:#1b222a;color:#dfe8ef}.nav-item.active{background:#28151c;color:#ff5367;box-shadow:inset 3px 0 0 var(--red)}.sidebar-status{margin-top:auto;width:100%;border-top:1px solid #242b33;padding:11px 5px;display:flex;justify-content:center;gap:6px;align-items:center;font-size:9px}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status small{color:var(--muted);margin-top:2px}.status-dot{width:8px;height:8px;border-radius:50%;background:#64717e}.status-dot.online{background:var(--green);box-shadow:0 0 8px var(--green)}
.workspace{min-width:0;display:flex;flex-direction:column;height:100vh}.topbar{height:72px;flex:0 0 72px;background:#151a20;border-bottom:1px solid #303844;display:flex;align-items:center;padding:8px 14px;gap:18px}.station-select-wrap{display:flex;align-items:center;gap:9px;min-width:190px}.station-select-wrap small{display:block;color:#778696;font-size:9px;font-weight:800;letter-spacing:1.5px}.station-select-wrap select{appearance:none;border:0;background:transparent;color:#fff;font:700 17px inherit;max-width:180px;padding:1px 22px 1px 0}.on-air-pip{width:13px;height:13px;border-radius:50%;background:#536171;box-shadow:none}.on-air-pip.on-air{background:var(--red2);box-shadow:0 0 11px var(--red2)}.on-air-pip.warning{background:var(--amber);box-shadow:0 0 11px #e49b1488}.mode-switch{display:flex;padding:3px;background:#090c0f;border:1px solid #303844;border-radius:6px}.mode-switch button{border:0;background:transparent;color:#788697;padding:8px 12px;border-radius:4px;text-transform:uppercase;font-size:10px;font-weight:800;cursor:pointer}.mode-switch button.selected{background:var(--red);color:#fff}.timing-chip{margin-left:auto;border-left:1px solid #303844;padding-left:16px}.timing-chip small{display:block;color:#738091;font-size:8px;letter-spacing:1px}.timing-chip strong{font-variant-numeric:tabular-nums;font-size:18px}.transport-controls{display:flex;align-items:center;gap:6px}.transport-button{height:48px;min-width:68px;border-radius:6px;border:1px solid transparent;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff28,0 3px 9px #0007;opacity:.82;transition:filter .12s ease,transform .12s ease,opacity .12s ease}.transport-button.selected{opacity:1;box-shadow:inset 0 0 0 2px #ffffffa8,inset 0 1px 0 #fff5,0 0 15px #ffffff2e,0 3px 9px #0008}.transport-button strong{font-size:17px;line-height:1}.transport-button span{font-size:9px;font-weight:900;letter-spacing:.6px}.transport-button:hover{filter:brightness(1.18);transform:translateY(-1px);opacity:1}.transport-button:active{filter:brightness(.9);transform:translateY(1px)}.transport-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.transport-play{background:#087c47;border-color:#20d47f}.transport-pause{background:#99700d;border-color:#f3b91e;color:#fff6c4}.transport-stop{background:#b9122a;border-color:#ff425a}.studio-clock{font:800 32px/1 "Segoe UI",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:1px}.alarm-button{background:#381219;border:1px solid #8a2636;color:#ff5d71;font-weight:900;font-size:10px;letter-spacing:1px;border-radius:5px;padding:10px 12px;cursor:pointer}.alarm-button:hover{background:var(--red);color:#fff}.icon-button{border:0;background:#222a33;color:#95a1af;border-radius:6px;padding:10px;cursor:pointer}
.deck-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#343d48;border-bottom:1px solid #343d48;flex:0 0 186px}.deck{background:#171d24;min-width:0;border-top:3px solid #536171;display:flex;flex-direction:column}.deck.on-air{border-top-color:var(--red)}.deck.no-audio{border-top-color:var(--amber)}.deck-b{border-top-color:var(--blue)}.deck-c{border-top-color:var(--amber)}.deck-heading{height:28px;background:#10151a;display:flex;align-items:center;padding:0 10px;gap:9px;font-size:9px;letter-spacing:.8px}.deck-heading .deck-state{color:#a7b3c0}.deck.on-air .deck-state{color:var(--red2)}.deck.no-audio .deck-state{color:var(--amber)}.deck-heading small{margin-left:auto;color:#6d7886}.deck-content{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;padding:11px 12px 8px;align-items:center;min-height:93px}.cover{width:56px;height:56px;border-radius:5px;background:linear-gradient(145deg,var(--red),#55101e);display:grid;place-items:center;font-size:17px;font-weight:900}.cover.blue{background:linear-gradient(145deg,#1198d6,#11405e)}.cover.amber{background:linear-gradient(145deg,#e49b14,#5d3f0e)}.deck-titles{min-width:0}.deck-titles h2{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 3px}.deck-titles p{font-size:11px;color:#97a5b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.waveform{height:24px;margin-top:8px;overflow:hidden;position:relative;background:repeating-linear-gradient(90deg,#5b1721 0 2px,transparent 2px 5px);mask-image:linear-gradient(0deg,transparent 5%,#000 50%,transparent 95%)}.waveform span{position:absolute;inset:0 54% 0 0;background:repeating-linear-gradient(90deg,var(--red2) 0 2px,transparent 2px 5px)}.deck:not(.on-air):not(.no-audio) .waveform{opacity:.25}.deck.no-audio .waveform{opacity:.55}.waveform.blue{background:repeating-linear-gradient(90deg,#16394b 0 2px,transparent 2px 5px)}.waveform.blue span{background:repeating-linear-gradient(90deg,var(--blue) 0 2px,transparent 2px 5px)}.waveform.amber{background:repeating-linear-gradient(90deg,#4e3814 0 2px,transparent 2px 5px)}.waveform.amber span{background:repeating-linear-gradient(90deg,var(--amber) 0 2px,transparent 2px 5px)}.deck-time{font-size:26px;font-variant-numeric:tabular-nums;white-space:nowrap}.deck.on-air .deck-time{color:var(--red2)}.deck.no-audio .deck-time{color:var(--amber)}.deck-footer{margin-top:auto;height:38px;border-top:1px solid #2a333e;display:flex;align-items:center;padding-left:12px;gap:12px;font-size:9px;color:#8592a1}.deck-footer span b{color:#d7e0e7}.deck-footer button{height:100%;margin-left:auto;padding:0 13px;border:0;border-left:1px solid #2c3540;background:#1b222a;color:#9eabb8;font-size:9px;font-weight:800;cursor:pointer}.deck-footer button+.play{margin-left:-12px;background:#26303a;color:#fff;font-size:14px}.deck.on-air .deck-footer .play{background:var(--red)}.deck.no-audio .deck-footer .play{background:#8e6417}
.studio-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(520px,1fr) 310px;gap:8px;padding:8px;background:#0c0f13}.panel{background:var(--panel);border:1px solid #29323d;border-radius:5px;min-height:0;box-shadow:0 5px 22px #0004}.log-panel{display:flex;flex-direction:column}.panel-heading{height:54px;flex:0 0 54px;padding:8px 10px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:16px}.panel-heading h1,.panel-heading h2{margin:0;font-size:15px}.panel-heading>div>span{font-size:10px;color:var(--muted)}.panel-heading.compact{height:42px;flex-basis:42px}.panel-heading.compact h2{font-size:12px;text-transform:uppercase;letter-spacing:.6px}.panel-heading.compact small{margin-left:auto;color:var(--muted);font-size:9px}.timing-status{margin-left:auto;background:#102c21;border:1px solid #206642;border-radius:4px;padding:4px 8px;display:flex;align-items:center;gap:7px}.timing-status span{font-size:8px!important;color:#6ee5a7!important;font-weight:800}.timing-status strong{font-size:14px;color:#6ee5a7}.timing-status.late{background:#36151a;border-color:#86323e}.timing-status.late span,.timing-status.late strong{color:#ff6a7d!important}.panel-actions{display:flex;gap:5px}.panel-actions button,.dialog-actions button{background:#202833;border:1px solid #344150;color:#aeb9c5;padding:7px 9px;border-radius:4px;font-size:10px;cursor:pointer}.panel-actions .primary,.dialog-actions .primary{background:var(--red);border-color:var(--red);color:#fff}.log-columns,.log-row{display:grid;grid-template-columns:var(--log-column-template,54px 70px 80px minmax(180px,1fr) 48px 70px 64px 84px);align-items:center;gap:8px}.log-columns{height:29px;flex:0 0 29px;padding:0 9px;background:#101419;border-bottom:1px solid var(--line);color:#647383;font-size:8px;font-weight:800}.living-log{min-height:0;overflow:auto}.log-row{min-height:45px;padding:5px 9px;border-bottom:1px solid #252d36;font-size:11px;cursor:pointer}.log-row:hover{background:#1d252e}.log-row.playing{background:linear-gradient(90deg,#44131d,#241820);border-left:3px solid var(--red);padding-left:6px}.log-row.no-audio{background:linear-gradient(90deg,#3b2c10,#211d16);border-left:3px solid var(--amber);padding-left:6px}.log-row.next{background:#132936;border-left:3px solid var(--blue);padding-left:6px}.log-row.hard{background:#33270f;border-left:3px solid var(--amber);padding-left:6px}.log-row.traffic{box-shadow:inset 3px 0 0 var(--purple)}.log-status{font-size:8px;font-weight:900;color:#758292}.playing .log-status{color:var(--red2)}.no-audio .log-status{color:var(--amber)}.next .log-status{color:var(--blue)}.log-time,.duration{font-variant-numeric:tabular-nums}.type-chip{border-radius:3px;padding:4px 5px;font-size:8px;font-weight:800;text-transform:uppercase;background:#293440;color:#b7c2cd;text-align:center}.type-chip.music{background:#17344a;color:#6bc8f4}.type-chip.commercial{background:#382a11;color:#f5bd4d}.type-chip.station_id,.type-chip.csa,.type-chip.sweeper{background:#33214e;color:#caa5ff}.type-chip.voice_track{background:#143a2b;color:#69dda6}.log-title{min-width:0}.log-title b,.log-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-title small{color:#8492a1;margin-top:2px}.empty-state{display:grid;place-items:center;color:#7e8b99;height:160px;font-size:12px}.right-rail{display:grid;grid-template-rows:172px minmax(230px,1fr);gap:8px;min-height:0}.engine-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;margin:9px 12px}.engine-panel dl div{display:flex;justify-content:space-between;border-bottom:1px solid #252e38;padding:3px 0}.engine-panel dt{color:#718091;font-size:9px}.engine-panel dd{margin:0;font-size:9px;color:#c6d0da;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-badge{margin-left:auto!important;background:#342025;color:#ff6b7d!important;padding:4px 6px;border-radius:3px;font-weight:900}.connection-badge.online{background:#143627;color:#57d994!important}.meter{display:flex;gap:2px;height:8px;margin:4px 12px;direction:rtl}.meter i{flex:1;background:#27313a}.meter i:nth-of-type(n+3){background:#286d4e}.meter i:nth-of-type(n+7){background:#a67a27}.meter span{direction:ltr;font-size:7px;color:#83909d;width:8px}.silence-state{font-size:8px;color:#63d69c;margin:7px 12px;letter-spacing:.6px;font-weight:800}.silence-state span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:4px}.silence-state.alarm{color:#ff6578}.silence-state.alarm span{background:var(--red2);box-shadow:0 0 8px var(--red2)}.cart-panel{display:flex;flex-direction:column}.cart-grid{padding:7px;display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:auto}.cart-grid button{height:58px;position:relative;border:1px solid #34404c;border-left:4px solid var(--purple);border-radius:4px;background:linear-gradient(145deg,#222a34,#171d24);color:#d9e1e8;text-align:left;padding:8px;cursor:pointer}.cart-grid button:hover{filter:brightness(1.2)}.cart-grid kbd{position:absolute;right:5px;top:5px;color:#778595;font:8px inherit}.cart-grid b,.cart-grid span{display:block}.cart-grid b{font-size:10px}.cart-grid span{color:#81909e;font-size:9px;margin-top:6px}.cart-grid .stop-cart{border-left-color:var(--red);background:#2f151b}.statusbar{height:24px;flex:0 0 24px;background:#101419;border-top:1px solid #29313b;display:flex;align-items:center;gap:16px;padding:0 11px;font-size:8px;color:#7f8c9a}.statusbar i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;background:#65717f}.statusbar i.green{background:var(--green)}.statusbar span:nth-last-of-type(1){margin-left:auto}.statusbar strong{color:#aeb9c4}
dialog{border:1px solid #3b4652;border-radius:8px;background:#171d24;color:#fff;box-shadow:0 20px 70px #000b;max-width:430px;padding:0}dialog::backdrop{background:#020407cc;backdrop-filter:blur(3px)}dialog form{padding:25px}.dialog-icon{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;background:var(--red);font-weight:900}dialog h2{margin:15px 0 7px}dialog p{color:#8f9caa;font-size:12px;line-height:1.5}dialog label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#aab5bf;margin-top:14px}dialog input,dialog textarea,dialog select{display:block;width:100%;margin-top:6px;border:1px solid #3a4653;border-radius:4px;background:#0d1116;color:#fff;padding:10px;font:12px inherit}dialog textarea{height:82px;resize:vertical}dialog label small{display:block;margin-top:5px;text-transform:none;color:#72808e;letter-spacing:0}.dialog-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:20px}.dialog-actions .danger{background:var(--red);border-color:#ff5669;color:#fff}.emergency-dialog{border-color:#8c2636}.emergency-stripe{margin:-25px -25px 20px;padding:11px 25px;background:var(--red);font-weight:900;letter-spacing:1px;font-size:11px}
@media(max-width:1200px){.right-rail{display:none}.studio-grid{grid-template-columns:1fr}.timing-chip{display:none}.transport-button{min-width:52px;padding:0 8px}.transport-button span{display:none}}@media(max-width:850px){.app-shell{grid-template-columns:0 1fr}.sidebar{display:none}.deck-bank{grid-template-columns:1fr}.deck{display:none}.deck.active{display:flex}.mode-switch{display:none}.log-columns,.log-row{grid-template-columns:48px 62px 65px minmax(150px,1fr) 42px 62px}.log-columns .log-intro,.log-columns .transition-cell,.log-row>.log-intro,.log-row>.transition-cell{display:none}.studio-clock{font-size:24px}.topbar{gap:9px}.station-select-wrap{min-width:0}.alarm-button{margin-left:auto}.timing-status{display:none}.transport-button{height:44px;min-width:46px}}

.station-select-wrap{min-width:235px}.control-room-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:5px;background:var(--red);color:#fff;font:900 14px/1 "Segoe UI",sans-serif;letter-spacing:-.5px;box-shadow:inset 0 0 0 1px #ff526644,0 4px 12px #0008}.mode-switch button:disabled{opacity:.45;cursor:wait}@media(max-width:850px){.station-select-wrap{min-width:0}.control-room-mark{width:36px;height:36px;flex-basis:36px;font-size:12px}}
.connection-badge.warning{background:#3b2c10;color:#f5bd4d!important}.meter i,.meter i:nth-of-type(n+3),.meter i:nth-of-type(n+7){background:#27313a}.meter i.lit{background:#286d4e}.meter i.lit:nth-of-type(n+7){background:#a67a27}.meter i.lit:nth-of-type(n+8){background:#b63b42}
.timing-status.short{background:#3b2c10;border-color:#8b671e}.timing-status.short span,.timing-status.short strong{color:#f2bd55!important}.log-row.selected{outline:1px solid #5bbbea;outline-offset:-1px;background:#142531}.add-item-dialog{width:min(650px,calc(100vw - 30px));max-width:650px}.add-item-dialog form{padding:20px}.dialog-heading{display:flex;align-items:flex-start}.dialog-heading small{display:block;color:#e54a5f;font-size:8px;letter-spacing:1px;font-weight:900}.dialog-heading h2{margin:4px 0 0}.dialog-close{margin-left:auto;border:0;background:transparent;color:#8f9ba7;font-size:25px;line-height:1;cursor:pointer}.add-item-dialog label{margin-top:12px}.add-item-dialog input{width:100%}.add-media-results{height:265px;overflow:auto;margin-top:10px;border:1px solid #313d48;border-radius:5px;background:#0d1217}.add-media-results>p{padding:25px;text-align:center;color:#758390}.add-media-row{width:100%;border:0;border-bottom:1px solid #28323c;background:#121920;color:#dfe7ed;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;text-align:left;padding:10px 12px;cursor:pointer}.add-media-row:hover{background:#1b2630}.add-media-row.selected{background:#163044;box-shadow:inset 3px 0 0 var(--blue)}.add-media-row b,.add-media-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-media-row small{color:#8493a1;margin-top:3px}.add-media-row time{align-self:center;color:#aab5bf;font-variant-numeric:tabular-nums}.add-item-status{min-height:17px;color:#e8b45c!important;margin:8px 0 0!important}
.engine-update{margin:8px 12px;padding:8px 10px;border:1px solid #e1a936;background:#3a2c12;color:#ffd46b;font-size:9px;font-weight:800;letter-spacing:.08em;border-radius:4px}
.right-rail{grid-template-rows:220px minmax(230px,1fr)}
.cart-grid{flex:1;min-height:0}.cart-transport{flex:0 0 64px;justify-content:center;padding:8px;border-top:1px solid #2b3540;background:#10151a}.cart-transport .transport-button{height:46px;min-width:78px}
.deck-timing{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:116px}.deck-intro{display:block;width:100%;color:#42bfff;font-size:18px;font-weight:900;line-height:1;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.4px}
:root{--airpro-log-row-colour:#26313c}
.log-row:not(.playing):not(.no-audio):not(.hard){background:linear-gradient(90deg,color-mix(in srgb,var(--type-colour,var(--airpro-log-row-colour)) 42%,#11171d),color-mix(in srgb,var(--type-colour,var(--airpro-log-row-colour)) 18%,#11171d))}.log-row:hover{filter:brightness(1.16)}
.type-chip.membership{background:#4b233b;color:#f0a6cd}
.type-chip.sound_effect{background:#20384b;color:#8dd4ff}.media-icon.sound_effect{background:#20384b;color:#8dd4ff}
.brand-mark{width:38px;font-size:11px;letter-spacing:-.8px}
@media(max-width:850px){body{overflow:auto}.app-shell,.workspace{height:auto;min-height:100vh}.deck-bank{flex-basis:auto}.deck{min-height:174px;position:relative}.deck.on-air,.deck.no-audio,.deck.mobile-up-next{display:flex}.deck.mobile-up-next:not(.on-air):not(.no-audio)::before{content:'UP NEXT';position:absolute;right:12px;top:8px;color:#fff;font-size:8px;font-weight:900;letter-spacing:1px}.topbar{height:auto;min-height:72px;flex-wrap:wrap}.studio-grid{min-height:520px}}
.log-columns>span{text-align:center;display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:0;position:relative}.log-column-resizer{position:absolute;z-index:8;top:3px;right:-7px;width:12px;height:23px;margin:0;padding:0;border:0;border-radius:2px;background:transparent;cursor:col-resize;touch-action:none}.log-column-resizer::after{content:"";position:absolute;left:5px;top:3px;bottom:3px;width:1px;background:#394957;transition:background .12s,box-shadow .12s}.log-column-resizer:hover::after,.log-column-resizer:focus-visible::after,.log-column-resizer.active::after{background:#65ccef;box-shadow:0 0 6px #65ccef}.log-column-resizer:focus-visible{outline:1px solid #65ccef;outline-offset:-2px}.log-column-resizing{cursor:col-resize!important;user-select:none!important}.log-column-resizing *{cursor:col-resize!important}
@media(max-width:850px){.log-column-resizer{display:none!important}}