:root{color-scheme:dark;--bg:#071321;--panel:#0e2236;--panel2:#10283e;--panel3:#091d2f;--line:#234159;--white:#eaf6ff;--muted:#9bb5c9;--cyan:#47d7ed;--green:#40ceb0;--yellow:#ffb656;--red:#ff6974;--blue:#2f86e8;--shadow:0 13px 40px #0003;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 55% 50% at 70% 5%,#0d2b45 0%,transparent 70%),var(--bg);color:var(--white)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.top{position:fixed;left:0;right:0;top:0;height:72px;display:flex;align-items:center;gap:17px;background:#081728ee;border-bottom:1px solid #24445a;z-index:20;backdrop-filter:blur(12px);padding:0 22px}.brand{width:209px;display:flex;align-items:center;gap:11px;flex-shrink:0}.bear{width:39px;height:39px;background:#0d4f66;border:1px solid #2da8c9;border-radius:12px;display:grid;place-items:center;font-size:25px}.brand strong{font-size:16px;letter-spacing:.15px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.4px;margin-top:3px}.sepline{width:1px;height:30px;background:var(--line)}.live-top{display:flex;gap:8px;align-items:center;white-space:nowrap}.pill{padding:7px 10px;border-radius:7px;font-size:11px;font-weight:800;border:1px solid var(--line);background:#122c40;white-space:nowrap}.pill.red{color:#ffc6cc;border-color:#653542;background:#39212c}.pill.warn{color:#ffd48d;border-color:#664824;background:#372818}.pill.good{color:#a0ffe6;border-color:#205d53;background:#123b38}.nowtop{min-width:145px;flex:1}.nowtop small{font-size:10px;color:var(--muted);display:block;margin-bottom:3px}.nowtop strong{font-size:13px;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:9px}.searchwrap{border:1px solid #28506c;border-radius:9px;background:#0d273c;color:#abcbdd;padding:10px 12px;font-size:12px;min-width:180px;cursor:pointer;display:flex;justify-content:space-between}.key{color:#7998b1;border:1px solid #365369;border-radius:4px;padding:1px 5px;font-size:10px}.btn{background:#12324c;border:1px solid #386986;color:var(--white);border-radius:8px;padding:10px 13px;font-weight:700;font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{background:#18415f}.btn.primary{background:#167bc4;border-color:#3299d4;color:white}.btn.danger{background:#3a2330;border-color:#864357;color:#ffc7cf}.btn.green{background:#124537;border-color:#24755c;color:#a5ffe8}.btn.subtle{border-color:#304c62;background:#11293f}.sidebar{position:fixed;top:72px;bottom:0;left:0;width:244px;padding:20px 13px 18px;background:#091a2b;border-right:1px solid #234159;display:flex;flex-direction:column;z-index:10}.subhead{font-size:9px;letter-spacing:1.7px;color:#648eab;font-weight:900;margin:8px 14px 12px}.nav-link{display:flex;align-items:center;gap:12px;width:100%;height:47px;padding:0 14px;border-radius:9px;border:1px solid transparent;background:transparent;color:#b5cde0;text-align:left;font-size:13px;font-weight:700;margin-bottom:5px}.nav-link.active,.nav-link:hover{background:#123a58;color:white;border-color:#285575}.nav-icon{display:grid;place-items:center;width:19px;font-size:17px;color:#77b9d6}.nav-link.active .nav-icon{color:#57dcee}.nav-help{font-size:11px;color:#799eb5;line-height:1.6;background:#0e2a40;border:1px solid #28516a;border-radius:9px;padding:13px;margin:17px 4px 0}.bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.settingslink{border-color:#3c657b;background:#0d2b41}.main{margin-left:244px;padding:94px 27px 60px;max-width:2020px}.title-row{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:1.45px;text-transform:uppercase}h1{font-size:25px;margin:7px 0 5px;letter-spacing:-.5px}h2{font-size:16px;margin:0}h3{font-size:13px;margin:0}.sub{color:var(--muted);font-size:12px;margin:0;line-height:1.5}.preview-tag{font-size:11px;color:#c1dcec;background:#132b43;border:1px solid #386079;border-radius:6px;padding:8px 12px}.grid{display:grid;grid-template-columns:1.35fr 1fr .92fr;gap:13px}.card{background:linear-gradient(160deg,#10273e,#0b2034);border:1px solid #294b63;border-radius:12px;padding:16px;min-width:0;box-shadow:0 5px 20px #0001}.kicker{color:#79a8bf;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:1.1px;margin-bottom:9px}.statusline{display:flex;align-items:center;justify-content:space-between;gap:10px}.bigline{font-size:20px;font-weight:850;margin:10px 0 7px}.minor{color:#aac7d9;font-size:12px;line-height:1.6}.muted{color:var(--muted)}.stack{display:grid;gap:8px}.metricline{display:grid;grid-template-columns:93px minmax(0,1fr);gap:9px;align-items:start;font-size:11px;margin:7px 0}.metricline span:first-child{color:#9fb9ca}.metricline b{font-weight:700}.thin{height:1px;background:#25475d;margin:13px 0}.meter{height:7px;background:#263b49;border-radius:10px;overflow:hidden;margin:10px 0 6px}.meter>div{background:linear-gradient(90deg,#1abeb1,#5ce3ec);width:98.4%;height:100%}.readylist{display:grid;gap:8px}.notice{border:1px solid #6d5535;background:#34291d;color:#ffdda8;border-radius:8px;padding:9px 11px;font-size:11px;line-height:1.35}.item{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#102e46;border:1px solid #31526b;border-radius:8px;padding:9px 11px;font-size:12px}.item b{display:block}.item small{font-size:10px;color:#9dbcd2}.item .dot{font-size:18px}.section{scroll-margin-top:89px;margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-head h2{font-size:17px}.mutelink{background:transparent;border:0;color:var(--cyan);font-size:12px;font-weight:700}.twocol{display:grid;grid-template-columns:1.13fr .87fr;gap:13px}.showrow{display:flex;gap:10px;align-items:center;border-bottom:1px solid #254259;padding:9px 0;font-size:12px}.showrow:last-child{border-bottom:0}.time{color:#6ac5dd;min-width:48px;font-weight:800}.showrow .sh{flex:1}.showrow small{color:#a9bdca;display:block;margin-top:3px;font-size:10px}.bar{height:7px;background:#16374d;border-radius:5px;margin-top:11px;overflow:hidden}.bar > span{display:block;background:#23bfa2;height:100%;width:76%}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.tag{font-size:10px;border:1px solid #36536d;color:#a8c8de;background:#17324a;padding:5px 7px;border-radius:6px}.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.largebuttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.details{border-top:1px solid #224660;margin-top:13px;padding-top:12px}.cleartext{color:#b5d7e5}.workshort{display:flex;justify-content:space-between;gap:8px;align-items:center}.bottom-note{margin:24px 0;color:#7297ae;font-size:11px}.drawerShade{position:fixed;inset:0;background:#010a14a8;z-index:40;display:none}.drawerShade.open{display:block}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(595px,95vw);overflow-y:auto;background:#0c2135;border-left:1px solid #3b6680;box-shadow:-15px 0 45px #0005;padding:25px 27px}.drawerHeader{display:flex;justify-content:space-between;align-items:start;gap:12px}.drawer h2{font-size:25px;margin:8px 0 6px}.xbtn{background:#19374e;border:1px solid #436780;border-radius:8px;color:white;width:36px;height:36px}.drawergroup{border:1px solid #345269;border-radius:10px;overflow:hidden;background:#122b40;margin-top:10px}.drawergroup summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:750;padding:17px 16px;cursor:pointer}.drawergroup summary::-webkit-details-marker{display:none}.drawergroup summary:after{content:'⌄';color:#91b0c2}.drawergroup[open] summary{border-bottom:1px solid #31516c}.drawercontent{padding:15px 16px;color:#c5d9e9;font-size:12px}.drawercontent label{display:block;font-size:11px;color:#9bbacb;margin-bottom:5px}.drawercontent .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:9px}.drawercontent input,.drawercontent select{padding:10px;color:#e7f7ff;background:#092033;border-radius:7px;border:1px solid #3b6077;width:100%}.radioopt{display:flex;align-items:center;gap:10px;padding:8px 0;color:#cde5ee}.radioopt input{width:auto}.footerinfo{display:flex;gap:10px;font-size:10px;color:#98bed1;border-top:1px solid #315268;padding:15px 2px;margin-top:14px}.searchoverlay{display:none;position:fixed;top:78px;left:50%;transform:translateX(-50%);width:min(570px,90vw);z-index:60;background:#10273d;box-shadow:0 12px 60px #0009;border:1px solid #50809e;border-radius:12px;padding:15px}.searchoverlay.open{display:block}.searchoverlay input{background:#092236;border:1px solid #50718a;color:white;padding:13px;width:100%;border-radius:8px;outline:none}.searchresult{display:block;width:100%;background:transparent;color:#d8f5ff;border:0;border-bottom:1px solid #27495b;text-align:left;padding:12px 4px;font-size:13px}.searchresult:hover{background:#1a405d}.srclose{float:right;border:0;background:transparent;color:#bdd4e5;cursor:pointer}.smallcaps{font-size:10px;color:#789fb5;text-transform:uppercase;letter-spacing:1.1px}.safety{color:#ffd097} @media(max-width:1200px){.grid{grid-template-columns:1fr 1fr}.grid>.card:last-child{grid-column:1/-1}.top{gap:8px}.searchwrap{min-width:120px}.nowtop{display:none}}@media(max-width:930px){.sidebar{width:70px}.nav-link{justify-content:center;padding:0}.nav-link .ntext,.brandtext,.nav-help,.subhead{display:none}.brand{width:45px}.main{margin-left:70px}.twocol,.triple{grid-template-columns:1fr}.searchwrap{display:none}}@media(max-width:650px){.grid{grid-template-columns:1fr}.grid>.card:last-child{grid-column:auto}.toolbar .btn:first-child{display:none}.top{padding:0 9px}.main{padding:86px 12px 40px}.pill{font-size:10px}.title-row{align-items:flex-start;flex-direction:column}}

/* Production cockpit V0.0.4.54 */

body{font-size:13px}.top{height:76px}.sidebar{top:76px}.main{padding-top:95px}.bear{background:none;border:none;overflow:hidden}.bear img{width:40px;height:40px;object-fit:contain}.pill[role=status]{font-variant-numeric:tabular-nums}.top select{font-size:11px;border-radius:9px;max-width:190px;background:#0d293d;color:#e2f7ff;border:1px solid #386986;padding:8px;min-width:105px}
.jrd-explain{color:#adcadd;font-size:11px;line-height:1.45}.jrd-stat{display:grid;grid-template-columns:100px 1fr;gap:10px;margin:10px 0;font-size:12px}.jrd-stat span{color:#9fb9ca}.jrd-stat strong{overflow-wrap:anywhere}.jrd-inline-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.jrd-inline-controls button{font-size:11px}.jrd-segment{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.jrd-segment button{flex:1;min-width:90px}.jrd-segment button[aria-pressed=true]{border-color:#4dcbcc;background:#174754}.jrd-minor{display:block;color:#a7c4d7;font-size:11px}.jrd-score{font-size:19px;font-weight:800}.jrd-err{color:#ffd095}.jrd-schedule{max-height:295px;overflow:auto}.jrd-schedule .showrow{cursor:pointer}.jrd-schedule .showrow:hover{background:#133952}.jrd-section-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.jrd-section-actions .btn{font-size:11px}
.jrd-workspace{position:fixed;top:76px;bottom:0;left:244px;right:0;background:#071726;z-index:24;display:flex;flex-direction:column}.jrd-workspace[hidden]{display:none}.jrd-workspace-head{height:68px;flex:none;border-bottom:1px solid #2e526a;background:#0c2135;padding:11px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.jrd-workspace-head strong{font-size:17px}.jrd-workspace-head small{color:#9cbbd0;display:block;margin-top:3px}.jrd-workspace iframe{height:100%;min-height:0;width:100%;border:0;background:#071727}.jrd-workspace-close{white-space:nowrap}.jrd-workspace-loading{position:absolute;top:82px;left:50%;transform:translateX(-50%);padding:7px 14px;border:1px solid #39657f;background:#0c293f;border-radius:8px;font-size:12px}.jrd-workspace-loading[hidden]{display:none}
.jrd-login{position:fixed;inset:0;z-index:1000;background:#061321f7;display:grid;place-items:center}.jrd-login[hidden]{display:none}.jrd-login-box{background:#10273b;border:1px solid #39607a;border-radius:16px;padding:28px;width:min(400px,calc(100% - 30px));box-shadow:0 25px 80px #0008}.jrd-login-box h1{margin:7px 0 9px}.jrd-login-box input{padding:12px;width:100%;border-radius:8px;background:#071827;border:1px solid #3a607b;color:#f2fcff;margin:12px 0}.jrd-login-box button{width:100%}.jrd-login-box .error{color:#ffc5c5;font-size:12px}
#jrd-toast{position:fixed;bottom:23px;right:23px;z-index:90;max-width:460px;padding:13px 16px;background:#122b40;border:1px solid #4e8a9d;border-radius:9px;box-shadow:0 16px 38px #0008;font-size:12px;line-height:1.5}#jrd-toast[hidden]{display:none}#jrd-toast.error{color:#ffc4c6;border-color:#a05e65}
.drawercontent .btn{margin-top:7px;max-width:100%;white-space:normal;text-align:left}.drawercontent select,.drawercontent input{width:100%;margin:5px 0 9px;background:#0b2235;color:#def3ff;border:1px solid #426178;border-radius:7px;padding:10px}.drawercontent button{width:100%;margin:6px 0}.drawercontent .readonly-note{font-size:11px;color:#afc6da;line-height:1.5;margin:9px 0}.drawercontent .jrd-settings-mode{display:grid;gap:8px}.jrd-mode-msg{border:1px solid #3b5c71;padding:10px;border-radius:7px;font-size:11px;color:#b4cedf;line-height:1.5}.jrd-mode-msg.warn{border-color:#a87949;color:#ffe0ac}.jrd-mode-msg.error{border-color:#ba5962;color:#ffc2c9}
.jrd-workspace-navback{color:#9de8ff}.status-confirmation{color:#91b2c6;font-size:10px}.jrd-nowrap{white-space:nowrap}.jrd-subfooter{padding-top:9px;border-top:1px solid #36536a;color:#94b4c9;line-height:1.5;font-size:11px}.mutelink{cursor:pointer}.jrd-start{border-color:#257f6a;background:#115442;color:#a4ffe2}.jrd-start:disabled{opacity:.4;cursor:not-allowed}.jrd-stationname{max-width:160px;overflow:hidden;text-overflow:ellipsis}.searchoverlay{z-index:35}
@media(max-width:1060px){.top .sepline,.toolbar .searchwrap{display:none}.top{gap:8px;padding:0 12px}.top .brand{width:auto;min-width:125px}.top .nowtop{display:none}.top .btn{padding:8px}.sidebar{width:185px}.main{margin-left:185px;padding-inline:16px}.jrd-workspace{left:185px}.grid{grid-template-columns:1fr 1fr}.grid>.card:last-child{grid-column:span 2}.triple{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.top{height:62px}.top .brand small{display:none}.top .live-top .pill:nth-child(2){display:none}.top #openTimelineTop{display:none}.sidebar{top:62px;bottom:auto;position:sticky;width:100%;height:auto;padding:4px;display:flex;flex-direction:row;overflow-x:auto;z-index:12}.sidebar .subhead,.sidebar .nav-help,.sidebar .bottom{display:none}.sidebar .nav-link{width:auto;min-width:112px;height:41px;padding:4px 8px;justify-content:center;white-space:nowrap;font-size:11px}.main{margin:0;padding:29px 10px 70px}.grid,.twocol,.triple{grid-template-columns:1fr}.grid>.card:last-child{grid-column:span 1}.jrd-workspace{top:62px;left:0;bottom:0}.jrd-workspace-head{padding:8px 12px}.drawer{width:100%;max-width:100%}.section{scroll-margin-top:120px}}

/* User-selectable compact density */
body.compact .card{padding:11px}body.compact .section{margin-top:12px}body.compact .showrow{padding:6px 0}body.compact .jrd-section-actions{margin-top:8px}
/* V0.0.4.55 — approved studio layout implemented with live Director data. */
:root{--bg:#061322;--panel:#0d263c;--panel2:#102e48;--panel3:#071b2d;--line:#294b66;--muted:#9ab6cc;--cyan:#52dafa;--green:#29cea8;--blue:#2c97ee;--yellow:#ffc16f;--red:#ff7b87;font-size:14px}
body{background:radial-gradient(ellipse 74% 68% at 57% -16%,#133652 0,transparent 72%),#061321;min-width:320px}
body .section.view-panel[hidden]{display:none!important}
.top{height:82px;padding:8px 15px;gap:10px;display:flex;background:#061421ef;border-bottom-color:#245277}
.brand{width:185px;gap:10px}.bear{width:51px;height:52px;border-radius:12px;overflow:hidden;flex:none;background:#12394d;border-color:#3a819f}.bear img{width:100%;height:100%;object-fit:cover;object-position:50% 27%}.brand strong{font-size:18px;color:#fff}.brand strong span{color:#51d2f1!important}.brand small{font-size:9px;color:#92b3c8;letter-spacing:1px}.toplive{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex:none;max-width:154px}.toplive .pill{padding:5px 9px;text-align:center;font-size:10px}.topblock{background:#0b2035;border:1px solid #223c54;border-radius:9px;padding:9px 11px;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:5px;box-shadow:inset 0 1px #ffffff04}.topblock small,.top-clock small{color:#8eafc5;font-size:9px;font-weight:800;letter-spacing:.7px}.topblock strong{font-size:12px;line-height:1.28;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.top-show{flex:1 1 175px}.top-playing{flex:1.35 1 240px;position:relative;padding-right:47px}.top-playing strong{color:#d0f2ff}.top-next{flex:.65 1 145px}.top-wave{position:absolute;right:10px;bottom:19px;height:25px;width:31px;display:flex;align-items:center;gap:2px;opacity:.42}.top-wave span{background:linear-gradient(#38cead,#217caf);height:10px;flex:1;border-radius:1px}.top-wave span:nth-child(3n){height:17px}.top-wave span:nth-child(4n){height:6px}.top-wave span:nth-child(7){height:23px}.top-clock{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.top-clock strong{font-size:20px;font-weight:650}.toolbar{gap:6px;flex:none}.toolbar .btn{padding:9px 11px;font-size:11px}.top select{font-size:11px;max-width:125px}.searchwrap{min-width:95px;padding:9px 8px;font-size:11px}.key{font-size:9px}.top-assertion{display:none}
.sidebar{top:82px;width:216px;padding:19px 11px;background:#081b2e}.nav-link{height:51px;font-size:13px;gap:11px}.nav-icon{font-size:19px;width:25px}.nav-link.active{background:linear-gradient(90deg,#1764b2,#163d62);border-color:#2778b7;color:white;box-shadow:inset 3px 0 #58dffa,0 2px 14px #0003}.nav-link:hover{background:#164563}.subhead{font-size:10px;margin:12px 12px 17px}.sidebar-status{display:flex;gap:9px;align-items:center;color:#c3e6f3;background:#0d283e;border:1px solid #294e69;padding:12px 11px;font-size:11px;line-height:1.4;border-radius:9px;margin:25px 3px 0}.sidebar-status small{color:#78aac3}.sidebar-led{width:9px;height:9px;border-radius:50%;background:#54bdd0;box-shadow:0 0 0 4px #194052}.nav-collapse{background:transparent;border:0;color:#9ab8d1;padding:12px;width:100%;text-align:left;font-size:12px}.nav-collapse:hover{color:white}.sidebar.collapsed{width:72px}.sidebar.collapsed .ntext,.sidebar.collapsed .subhead,.sidebar.collapsed .sidebar-status,.sidebar.collapsed .nav-collapse span{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:0}.sidebar.collapsed .nav-icon{font-size:23px}.sidebar.collapsed .nav-collapse{text-align:center}.main{margin-left:216px;max-width:none;padding:98px 18px 28px;min-height:100vh}.sidebar.collapsed~.main{margin-left:72px}.title-row{margin:0 0 12px;align-items:center}.title-row h1{font-size:23px;margin:3px 0 0}.eyebrow{font-size:10px}.preview-tag{font-size:10px;border-color:#254b62;padding:7px 10px}.section{margin-top:0;scroll-margin-top:95px}.section-head{margin-bottom:11px}.section-head h2{font-size:17px}.heading-secondary{color:#8fb0c8;font-size:13px;font-weight:500}.clock-caption{color:#8ba7b9;font-size:11px}.section-head .sub{font-size:11px;margin-top:4px}
.card{background:linear-gradient(155deg,#102b43,#091f34 85%);border:1px solid #2b516d;border-radius:12px;box-shadow:0 5px 24px #0003;padding:15px;min-width:0}.kicker{font-size:10px;color:#7aacc9;letter-spacing:1.2px;margin-bottom:11px}.minor,.jrd-minor{color:#a9c8d8;font-size:11px;line-height:1.5}.card h3{font-size:14px;line-height:1.4;color:#f0f9ff}.btn{border-radius:8px;padding:9px 12px;font-size:11px}.btn.primary,.actionbtn-primary{background:#1288dc;border-color:#3aa8ff}.btn.danger-outline{background:#281b2b;color:#ffc9d3;border-color:#b74459}.btn.green{background:#116447;border-color:#218960;color:#d4fff1}.btn:disabled,.actionbtn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):hover{filter:brightness(1.16)}
.hero-grid{display:grid;grid-template-columns:1.18fr 1.12fr .95fr .79fr;gap:12px;align-items:stretch}.hero-grid>.card{min-height:238px;height:100%}.broadcast-card{border-top:3px solid #21bb8e}.currently-card{border-top:3px solid #229bfb}.shows-card{border-top:3px solid #ef9e43}.action-card{border-top:3px solid #d2675f}.bigline{font-size:23px;letter-spacing:-.45px;margin:7px 0 11px}.statusline{gap:7px}.statusline .pill{font-size:10px;padding:5px 7px}.broadcast-card .minor{min-height:30px}.signal-grid{display:grid;grid-template-columns:1fr;gap:4px;border-top:1px solid #274b66;border-bottom:1px solid #274b66;padding:10px 0;margin-top:7px}.signal-cell{display:flex;align-items:baseline;justify-content:space-between;gap:9px;font-size:11px}.signal-cell span{color:#90afc5}.signal-cell strong{font-size:11px;text-align:right;max-width:67%;overflow-wrap:anywhere}.broadcast-card .jrd-explain{color:#a9bfcf;font-size:10px;margin:7px 0}.broadcast-card .jrd-inline-controls{margin-top:8px;gap:5px}.broadcast-card .jrd-inline-controls .btn{font-size:10px;padding:8px 9px;flex:1 1 auto}
.song-hero{display:flex;gap:13px;align-items:center;min-height:95px}.disc-icon{width:76px;height:76px;flex:none;display:flex;align-items:center;justify-content:center;font-size:33px;color:#70ddeb;background:radial-gradient(circle at 35% 26%,#2f75ac,#123b60 60%,#091b33);border:1px solid #32617d;border-radius:12px;position:relative}.disc-icon span{position:absolute;width:18px;height:18px;border:5px solid #72d1ff;border-radius:50%;bottom:7px;right:7px}.song-copy{min-width:0}.song-copy h3{font-size:16px;max-height:60px;overflow:hidden;overflow-wrap:anywhere}.song-copy p{color:#80bad0;margin:5px 0;font-size:11px}.track-truth{font-size:9px;color:#7a9fb7}.currently-card .thin{margin:11px 0}.currently-card .smallcaps{font-size:9px}.song-up-next{display:flex;flex-direction:column;gap:5px;margin-top:6px;font-size:12px;min-height:42px}.song-up-next strong{font-size:12px}.song-up-next span{font-size:10px;color:#91b6c9}.currently-card .jrd-inline-controls{margin-top:10px}
.shows-card .jrd-schedule{height:155px;max-height:155px;overflow:auto;padding-right:3px}.shows-card .showrow{border-bottom-color:#2c475f;padding:8px 4px!important;display:grid;grid-template-columns:50px 1fr auto;gap:6px;min-height:37px}.shows-card .showrow.is-now{background:#123e65!important;border-radius:6px}.shows-card .showrow .sh{min-width:0}.shows-card .showrow strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.shows-card .showrow small{display:none}.shows-card .time{font-size:11px}.shows-card .tag{font-size:9px;padding:3px 5px}.shows-card .jrd-section-actions{margin-top:10px;gap:5px}.shows-card .jrd-section-actions .btn{padding:7px 8px;font-size:10px}.actionbtn{width:100%;border-radius:8px;display:flex;align-items:center;border:1px solid #315873;background:#112e47;color:#eef9ff;padding:12px 10px;margin-bottom:9px;text-align:left;font-weight:700;font-size:12px;cursor:pointer}.actionbtn:hover{background:#194366}.actionbtn-primary{border-color:#309ce1}.action-note{color:#8eafc3;font-size:10px;line-height:1.5;margin:9px 0 0}
.operating-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.83fr);gap:12px;margin-top:12px;align-items:stretch}.operating-grid>.card{min-height:275px}.timeline-card{border-top:3px solid #915deb}.tools-card{border-top:3px solid #e5a73b}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}.panel-heading .kicker{margin-bottom:4px}.panel-heading h3{font-size:14px}.panel-heading .btn{padding:7px 10px;font-size:10px}.timeline-ruler{margin:15px 0 4px 105px;display:flex;justify-content:space-between;color:#92c8df;font-size:10px}.timeline-lanes{position:relative;border:1px solid #284b63;border-radius:7px;overflow:hidden;background:#061929;min-height:175px}.timeline-lane{display:flex;height:34px;border-bottom:1px solid #23435a}.timeline-lane:last-child{border-bottom:0}.timeline-lane-label{width:100px;flex:none;display:flex;align-items:center;padding-left:10px;color:#c5d5e5;font-size:10px;font-weight:700;background:#152c47;border-right:1px solid #2a4e69}.timeline-track{position:relative;flex:1;background:repeating-linear-gradient(to right,transparent 0,transparent calc(16.6667% - 1px),#2e4d6266 calc(16.6667% - 1px),#2e4d6266 16.6667%)}.timeline-clip{position:absolute;top:5px;bottom:5px;border-radius:5px;padding:3px 6px;box-shadow:inset 0 0 0 1px #ffffff28;color:white;font-size:10px;font-weight:750;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.timeline-clip:hover{filter:brightness(1.2)}.timeline-clip.music{background:#0d9384}.timeline-clip.speech{background:#407fb5}.timeline-clip.jingle{background:#8963bb}.timeline-clip.news{background:#ae7b35}.timeline-clip.fx{background:#59758f}.timeline-lanes .now-pin{position:absolute;top:0;bottom:0;width:1px;background:#ff626f;box-shadow:0 0 6px #ff7b88;pointer-events:none;z-index:2}.timeline-lanes .now-pin:before{content:'▼';color:#ff7c89;font-size:10px;position:absolute;top:-12px;left:-5px}.timeline-empty{color:#93adc2;position:absolute;left:115px;top:25px;font-size:11px}.tl-caption{color:#8daebf;font-size:10px;margin-top:8px}.studio-step{display:flex;align-items:center;gap:10px;border:1px solid #274d67;border-radius:8px;background:#0b2a43;padding:10px;margin-top:9px}.studio-step>div{flex:1;min-width:0}.studio-step strong{font-size:12px;display:block}.studio-step small{font-size:10px;display:block;color:#90afc6;margin-top:3px}.studio-step .btn{padding:7px 9px;font-size:10px}.step-count{border-radius:50%;border:1px solid #3f82b3;background:#14517b;color:#d0f3ff;width:25px;height:25px;display:grid;place-items:center;font-weight:900;font-size:11px}.tools-foot{display:flex;justify-content:flex-end;padding-top:12px}
.support-grid{display:grid;grid-template-columns:1.21fr .85fr .96fr;gap:12px;margin-top:12px}.support-grid>.card{min-height:235px}.library-peek{border-top:3px solid #22c5ce}.moderator-peek{border-top:3px solid #ef70bc}.system-peek{border-top:3px solid #8497ae}.tiny-count{color:#8dcadf;font-size:11px;font-weight:600}.catalog-peek-list{margin-top:9px;max-height:176px;overflow:auto}.catalog-row{display:grid;grid-template-columns:32px 1fr minmax(50px,75px);gap:8px;align-items:center;border-bottom:1px solid #27465d;padding:5px 0;min-height:34px}.catalog-icon{border-radius:7px;background:#103e5c;color:#42c7f4;width:28px;height:28px;display:grid;place-items:center}.catalog-row b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-row small{font-size:9px;color:#8eb5c9;display:block}.catalog-row .metadata{text-align:right;font-size:10px;color:#bad9e5}.jrd-moderator-preview{display:flex;gap:7px;flex-wrap:wrap;min-height:122px;align-content:flex-start;padding-top:8px}.presenter-pill{border-radius:8px;display:flex;align-items:center;gap:6px;background:#11384e;border:1px solid #315c71;padding:8px 9px;font-weight:750;color:#d4efff;font-size:11px}.presenter-icon{color:#9eddee}.moderator-peek .jrd-inline-controls{margin-top:6px}.system-peek .jrd-reasons{font-size:10px;line-height:1.3;max-height:31px;overflow:hidden;margin-bottom:9px}.system-peek .readylist{gap:5px;max-height:139px;overflow:auto}.system-peek .readylist .item{padding:7px 9px;font-size:11px}.system-peek .readylist .item small{font-size:9px}.dashboard-footer{padding:10px 4px 0;color:#719bb2;font-size:10px}.view-panel:not(#betrieb)>.section-head{padding:12px 4px}.view-panel:not(#betrieb) .card{padding:20px}.view-panel:not(#betrieb) .twocol>.card{min-height:320px}.view-panel:not(#betrieb) .triple>.card{min-height:186px}.view-panel:not(#betrieb) .jrd-schedule{max-height:calc(100vh - 350px)}
.jrd-workspace{top:82px;left:216px}.sidebar.collapsed~.main~.jrd-workspace{left:72px}.jrd-workspace-head{background:#0b2236}.jrd-workspace-frame{background:#081827}
body.compact .hero-grid>.card,body.compact .operating-grid>.card,body.compact .support-grid>.card{padding:12px}body.compact .hero-grid>.card{min-height:210px}body.compact .operating-grid>.card{min-height:240px}
@media(max-width:1600px){.top-next{display:none}.hero-grid{grid-template-columns:1.16fr 1.1fr 1fr .89fr}.top-clock strong{font-size:18px}}@media(max-width:1360px){.hero-grid{grid-template-columns:1fr 1fr}.hero-grid>.card{min-height:215px}.top-show{display:none}.top-playing{flex:1 1 180px}.support-grid{grid-template-columns:1fr 1fr}.support-grid>.card:last-child{grid-column:1/-1}.system-peek .readylist{max-height:110px}}@media(max-width:1060px){.sidebar{width:72px}.sidebar .ntext,.sidebar .subhead,.sidebar-status,.sidebar .nav-collapse span{display:none}.sidebar .nav-link{justify-content:center;padding:0}.main{margin-left:72px}.jrd-workspace{left:72px}.operating-grid{grid-template-columns:1fr}.top-playing{display:none}.top{gap:6px}.searchwrap{display:none}.support-grid{grid-template-columns:1fr 1fr}.top .brand{width:145px}}@media(max-width:730px){.top-clock{display:none}.toplive .pill:last-child{display:none}.top{height:64px;padding:4px 7px}.sidebar{top:64px;width:52px;padding:10px 3px}.sidebar .nav-link{height:46px}.sidebar .nav-icon{font-size:18px}.sidebar .bottom{margin-top:auto}.main{margin-left:52px;padding:76px 9px 30px}.jrd-workspace{top:64px;left:52px}.top .brand{width:44px}.top .brandtext{display:none}.top .bear{width:40px;height:40px}.top .toolbar .btn.primary{font-size:0}.top .toolbar .btn.primary:before{content:'▤';font-size:17px}.top .toolbar .btn:not(.primary){font-size:16px}.hero-grid,.support-grid{grid-template-columns:1fr}.support-grid>.card:last-child{grid-column:auto}.title-row{align-items:start}.preview-tag{display:none}.operating-grid{grid-template-columns:1fr}.timeline-lane-label{width:75px}.timeline-ruler{margin-left:81px}.section-head{align-items:start}.section-head .clock-caption{display:none}.top .jrd-top-station{max-width:105px}.top .jrd-top-station select{max-width:100px}.toplive .pill{font-size:9px}.hero-grid>.card{min-height:unset}.action-card{min-height:225px!important}}
/* Required even when a component has display:flex. */ [hidden]{display:none!important}
/* Final small-screen / truthfulness corrections. */
@media(min-width:1451px){.top-next{display:flex}}
.top-wave:not(.audio-live){opacity:.08}
[hidden]{display:none!important}

/* V0.0.4.56: Senderkontext verhindert irreführende leere Bibliotheken. */
.jrd-station-context{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 15px;margin:0 0 14px;border:1px solid #a78039;border-radius:10px;background:#32271a;color:#ffe4ae;font-size:13px;font-weight:600}
.jrd-station-context .btn{font-size:12px;padding:9px 13px}
.jrd-station-context[hidden]{display:none!important}

/* V0.0.4.58: Liveplayer source preview, not an automatic stream command. */
.jrd-liveplayer{border:1px solid #31536d;border-radius:10px;background:linear-gradient(130deg,#122b43,#0b1a2b);padding:11px;display:grid;gap:8px;margin-top:11px}
.jrd-liveplayer .kicker{font-size:10px;color:#76caff;font-weight:800;letter-spacing:.08em}
.jrd-liveplayer label{display:grid;gap:4px;color:#b6d2ec;font-size:11px}
.jrd-liveplayer select{width:100%;border:1px solid #335e7c;background:#092137;border-radius:6px;padding:8px 10px;color:#f0f7ff;font-size:12px}
.jrd-liveplayer .jrd-inline-controls{display:flex;gap:7px;flex-wrap:wrap}
.jrd-liveplayer .jrd-inline-controls .btn{flex:1;min-width:115px;font-size:11px;padding:8px}
#jrd-live-note{color:#9db8d1;font-size:10px;line-height:1.5}

/* V0.0.4.58 – Full device viewport for Library within Director Cockpit on phones.
   Other Director workspaces and Timeline behaviour are unchanged. */
@media(max-width:720px){
 #jrd-workspace[data-workspace-key="library"]{position:fixed;inset:0;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw;height:100dvh;z-index:90;min-width:0;overflow:hidden}
 #jrd-workspace[data-workspace-key="library"] .jrd-workspace-head{height:46px;min-height:46px;flex:0 0 46px;gap:5px;padding:5px 8px;min-width:0;overflow:hidden}
 #jrd-workspace[data-workspace-key="library"] .jrd-workspace-head>div{min-width:0;flex:1}
 #jrd-workspace[data-workspace-key="library"] .jrd-workspace-head strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #jrd-workspace[data-workspace-key="library"] .jrd-workspace-head small{display:none}
 #jrd-workspace[data-workspace-key="library"] .jrd-workspace-close{flex:none;min-height:36px;padding:5px 10px;font-size:11px;white-space:nowrap}
 #jrd-workspace[data-workspace-key="library"] #jrd-workspace-frame{display:block;flex:1 1 0;min-height:0;height:0;width:100%;max-width:100%;border:0}
}

/* V0.0.4.60 – Workspace remains inside the Director navigation. Its iframe
   owns the scrolling region rather than expanding below the visible viewport. */
#jrd-workspace{min-height:0;overflow:hidden}
#jrd-workspace #jrd-workspace-frame{display:block;flex:1 1 0;height:0!important;min-height:0;min-width:0;width:100%;overscroll-behavior:contain}
#jrd-workspace[data-workspace-key="library"] .jrd-workspace-head{height:51px;min-height:51px;flex:0 0 51px;padding:7px 15px}
@media(max-width:720px){
 #jrd-workspace[data-workspace-key="library"] .jrd-workspace-head{height:46px;min-height:46px;flex-basis:46px;padding:5px 8px}
}