/* Fokisen Radio Styles v36
 * GENERATED FILE. Do not edit directly.
 * Source order is deliberate and preserves the audited V30-V35 Radio Manager visual override chain.
 */
/* BEGIN fokisen-radio-dashboard-v30.css */
/* Fokisen Radio Dashboard V30 — full radio page rebuild matching approved mockup.
   Radio-local only. Existing hidden controls remain wired underneath for functionality. */
#radio.r30-active{padding:0!important;background:#06111c!important;color:#eef6ff!important;min-height:100%;}
#radio.r30-active>.r30-shell{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1600px;margin:0 auto;background:#06111c;border:1px solid #14293a;box-shadow:0 20px 60px rgba(0,0,0,.24);}
#radio.r30-active>:not(.r30-shell){display:none!important}
#radio.r30-active.r30-advanced-open>.radio-ui06-layout{display:grid!important;max-width:1320px!important;margin:16px auto!important;padding:0 16px 32px!important}
#radio.r30-active.r30-advanced-open>.radio-ui06-summary{display:grid!important;max-width:1320px!important;margin:16px auto!important;padding:0 16px!important}

#radio.r30-active .r30-rail{background:linear-gradient(180deg,#071522,#06111b 70%,#07141f);border-right:1px solid #163048;min-width:0;padding:16px 12px;display:flex;flex-direction:column;gap:14px}
#radio.r30-active .r30-brand{display:flex;align-items:center;gap:9px;padding:2px 8px 14px;border-bottom:1px solid #12283b}
#radio.r30-active .r30-brand img{width:116px;max-height:34px;object-fit:contain;object-position:left center}
#radio.r30-active .r30-brand-fallback{font-weight:900;letter-spacing:.16em;font-size:15px;color:#fff}
#radio.r30-active .r30-nav{display:grid;gap:5px}
#radio.r30-active .r30-nav button{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#b7c5d1;text-align:left;font-size:10px;font-weight:700}
#radio.r30-active .r30-nav button:hover{background:#0d2031;color:#fff}
#radio.r30-active .r30-nav button.active{background:#126cff;color:#fff;box-shadow:0 6px 18px rgba(18,108,255,.28)}
#radio.r30-active .r30-nav .ico{width:18px;text-align:center;color:#8fa4b8}
#radio.r30-active .r30-nav button.active .ico{color:#fff}
#radio.r30-active .r30-rail-title{display:flex;align-items:center;justify-content:space-between;margin-top:3px;padding:10px 8px 5px;border-top:1px solid #12283b;font-size:9px;letter-spacing:.08em;color:#6e8ba3;text-transform:uppercase}
#radio.r30-active .r30-rail-title button{width:24px;height:24px;border:1px solid #29475f;border-radius:6px;background:#0b1c2a;color:#a9c1d5}
#radio.r30-active .r30-station-rail{display:grid;gap:6px}
#radio.r30-active .r30-rail-station{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#dce8f2;text-align:left}
#radio.r30-active .r30-rail-station.active{border-color:#1f78ff;background:#0e56cb}
#radio.r30-active .r30-rail-station:hover{background:#0d2233}
#radio.r30-active .r30-station-dot{width:30px;height:30px;border:1px solid #2c4960;border-radius:6px;background:#0b1c29;display:grid;place-items:center;color:#50a6ff;font-size:13px}
#radio.r30-active .r30-rail-copy{min-width:0}
#radio.r30-active .r30-rail-copy strong,#radio.r30-active .r30-rail-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#radio.r30-active .r30-rail-copy strong{font-size:9px;color:#f5f8fb}
#radio.r30-active .r30-rail-copy small{margin-top:3px;font-size:7px;color:#7d92a6}
#radio.r30-active .r30-rail-copy small.live{color:#5ee48f}
#radio.r30-active .r30-help{margin-top:auto;padding:12px;border:1px solid #18344a;border-radius:9px;background:#0a1a27}
#radio.r30-active .r30-help strong{display:block;font-size:9px;color:#f5f9fd}
#radio.r30-active .r30-help small{display:block;margin-top:3px;font-size:7px;color:#7890a5}
#radio.r30-active .r30-help button{width:100%;margin-top:10px;height:30px;border:1px solid #214d6f;border-radius:6px;background:#071a29;color:#4baeff;font-size:8px;font-weight:850}

#radio.r30-active .r30-main{min-width:0;padding:8px 14px 22px;background:radial-gradient(circle at 45% 0,rgba(15,85,150,.08),transparent 30%),#06111c}
#radio.r30-active .r30-topline{height:42px;display:flex;align-items:center;gap:10px;border:1px solid #17334a;border-radius:9px;background:#071724;padding:0 10px;margin-bottom:10px}
#radio.r30-active .r30-num{width:40px;height:30px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(180deg,#177cff,#0d5dd1);border:1px solid #3d99ff;color:#fff;font-size:16px;font-weight:900;box-shadow:0 0 18px rgba(31,126,255,.25)}
#radio.r30-active .r30-topline strong{font-size:13px;letter-spacing:.03em;color:#f6f9fc}
#radio.r30-active .r30-topline small{font-size:7px;color:#647e94;margin-left:3px}
#radio.r30-active .r30-topline .spacer{flex:1}
#radio.r30-active .r30-topline .r30-searchfake{width:min(330px,36vw);height:28px;border:1px solid #1b3a52;border-radius:7px;background:#081b2b;color:#607c93;padding:0 12px;display:flex;align-items:center;font-size:8px}
#radio.r30-active .r30-headrow{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 8px;padding:0 4px}
#radio.r30-active .r30-headrow h2{margin:0;font-size:25px;line-height:1.05;color:#fff;letter-spacing:-.025em}
#radio.r30-active .r30-headrow p{margin:4px 0 0;color:#94a6b8;font-size:10px}
#radio.r30-active .r30-add{height:34px;padding:0 18px;border:1px solid #54a9ff;border-radius:7px;background:#116fff;color:#fff;font-size:9px;font-weight:850}

#radio.r30-active .r30-topgrid{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(300px,.95fr);gap:10px;align-items:stretch}
#radio.r30-active .r30-card{border:1px solid #17364d;border-radius:9px;background:linear-gradient(180deg,#091a28,#071520);box-shadow:0 8px 28px rgba(0,0,0,.12);overflow:hidden;min-width:0}
#radio.r30-active .r30-hero{padding:12px;display:grid;grid-template-columns:138px minmax(0,1fr) 110px;grid-template-rows:auto 52px 40px;gap:8px 14px}
#radio.r30-active .r30-hero-art{grid-row:1;width:138px;height:120px;border:1px solid #244660;border-radius:9px;background:#02070c;display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:900;font-size:20px;text-align:center;line-height:1.05}
#radio.r30-active .r30-hero-art img{width:100%;height:100%;object-fit:cover;display:none}
#radio.r30-active .r30-hero-art.has-image img{display:block}
#radio.r30-active .r30-hero-art.has-image span{display:none}
#radio.r30-active .r30-hero-copy{min-width:0;padding-top:1px}
#radio.r30-active .r30-live{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid #26a65a;border-radius:5px;background:#0b6c36;color:#d9ffe8;font-size:8px;font-weight:900;box-shadow:0 0 15px rgba(34,207,101,.18)}
#radio.r30-active .r30-live.offline{border-color:#475966;background:#18252f;color:#a6b2bc;box-shadow:none}
#radio.r30-active .r30-stationname{display:block;margin-top:6px;font-size:21px;line-height:1.05;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#radio.r30-active .r30-tagline{display:block;margin-top:3px;color:#a5b6c6;font-size:10px}
#radio.r30-active .r30-current-label{display:block;margin-top:14px;color:#7890a4;font-size:8px}
#radio.r30-active .r30-current-show{display:block;margin-top:3px;color:#fff;font-size:14px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#radio.r30-active .r30-current-sub{display:block;margin-top:2px;color:#b1c0ce;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#radio.r30-active .r30-listenerbox{text-align:right;padding-top:7px}
#radio.r30-active .r30-listenerbox span{display:block;color:#7e93a7;font-size:8px}
#radio.r30-active .r30-listenerbox strong{display:inline-block;margin-top:3px;color:#fff;font-size:25px}
#radio.r30-active .r30-listenerbox b{margin-left:5px;color:#48e381;font-size:8px}
#radio.r30-active .r30-wave{grid-column:1/4;height:52px;display:flex;align-items:center;gap:2px;border-top:1px solid #0f2a3d;padding-top:6px;overflow:hidden}
#radio.r30-active .r30-wave i{width:3px;min-width:3px;border-radius:2px;background:#1188ff;box-shadow:0 0 6px rgba(17,136,255,.18);transform-origin:center;animation:r30wave 1.4s ease-in-out infinite alternate}
#radio.r30-active .r30-wave i:nth-child(n+44){background:#354553;box-shadow:none;opacity:.72}
@keyframes r30wave{from{transform:scaleY(.66)}to{transform:scaleY(1)}}
#radio.r30-active .r30-actions{grid-column:1/4;display:grid;grid-template-columns:1fr .95fr .95fr;gap:9px}
#radio.r30-active .r30-actions button{height:40px;border-radius:6px;border:1px solid #254159;background:#0a1925;color:#eef6fc;font-size:10px;font-weight:850}
#radio.r30-active .r30-actions .go{background:#1172ff;border-color:#439bff;color:#fff}
#radio.r30-active .r30-actions .end{background:#23141b;border-color:#993342;color:#fff}

#radio.r30-active .r30-sidecards{display:grid;grid-template-rows:1fr 1.02fr;gap:10px;min-width:0}
#radio.r30-active .r30-minihead{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #16334a}
#radio.r30-active .r30-minihead strong{font-size:10px;color:#fff}
#radio.r30-active .r30-minihead a,#radio.r30-active .r30-minihead button{border:0;background:transparent;color:#4caaff;font-size:7px}
#radio.r30-active .r30-nowbody{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:10px}
#radio.r30-active .r30-album{width:90px;height:72px;border-radius:6px;border:1px solid #284960;background:#0b1720;overflow:hidden;display:grid;place-items:center;color:#519ee3}
#radio.r30-active .r30-album img{width:100%;height:100%;object-fit:cover;display:none}
#radio.r30-active .r30-album.has-image img{display:block}
#radio.r30-active .r30-nowcopy{min-width:0}
#radio.r30-active .r30-nowcopy strong,#radio.r30-active .r30-nowcopy span,#radio.r30-active .r30-nowcopy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#radio.r30-active .r30-nowcopy strong{font-size:11px;color:#fff}
#radio.r30-active .r30-nowcopy span{margin-top:2px;font-size:8px;color:#c0ced9}
#radio.r30-active .r30-nowcopy small{margin-top:3px;font-size:7px;color:#7790a5}
#radio.r30-active .r30-progress{height:3px;margin-top:10px;background:#193347;border-radius:3px;overflow:hidden}
#radio.r30-active .r30-progress i{display:block;width:62%;height:100%;background:#1683ff}
#radio.r30-active .r30-recent{padding:2px 9px 7px}
#radio.r30-active .r30-recent-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:43px;border-top:1px solid #143047}
#radio.r30-active .r30-recent-row:first-child{border-top:0}
#radio.r30-active .r30-recent-art{width:32px;height:32px;border-radius:4px;background:#0b1822;border:1px solid #25445b;display:grid;place-items:center;overflow:hidden;color:#549cd9}
#radio.r30-active .r30-recent-art img{width:100%;height:100%;object-fit:cover;display:none}
#radio.r30-active .r30-recent-art.has-image img{display:block}
#radio.r30-active .r30-recent-copy{min-width:0}
#radio.r30-active .r30-recent-copy strong,#radio.r30-active .r30-recent-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#radio.r30-active .r30-recent-copy strong{font-size:8px;color:#eef4f9}
#radio.r30-active .r30-recent-copy small{margin-top:2px;font-size:7px;color:#7890a3}
#radio.r30-active .r30-recent-row>small{font-size:7px;color:#71889a}

#radio.r30-active .r30-controlcenter{margin-top:10px;padding:10px;border:1px solid #17364d;border-radius:9px;background:linear-gradient(180deg,#081824,#06131e)}
#radio.r30-active .r30-cchead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:0 2px 9px;border-bottom:1px solid #153147}
#radio.r30-active .r30-cctitle{display:flex;align-items:center;gap:9px;min-width:0}
#radio.r30-active .r30-gear{width:29px;height:29px;border:1px solid #2784ff;border-radius:7px;background:#0e4da0;display:grid;place-items:center;color:#fff}
#radio.r30-active .r30-cctitle h3{margin:0;color:#fff;font-size:16px}
#radio.r30-active .r30-cctitle p{margin:2px 0 0;color:#7690a5;font-size:8px}
#radio.r30-active .r30-ccactions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#radio.r30-active .r30-selectstation{height:31px;min-width:180px;border:1px solid #1f4058;border-radius:6px;background:#0a1b29;color:#dfeaf3;padding:0 10px;font-size:8px}
#radio.r30-active .r30-ccactions button{height:31px;padding:0 13px;border:1px solid #304d62;border-radius:6px;background:#0b1a26;color:#d7e2ea;font-size:8px;font-weight:800}
#radio.r30-active .r30-ccactions .start{background:#138c45;border-color:#43c26f;color:#fff}
#radio.r30-active .r30-ccactions .stop{background:#34171d;border-color:#a93947;color:#fff}
#radio.r30-active .r30-ccactions .save{background:#116fff;border-color:#4da2ff;color:#fff}
#radio.r30-active .r30-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px;padding-top:9px}
#radio.r30-active .r30-module{border:1px solid #18384e;border-radius:8px;background:#081824;overflow:hidden;min-width:0}
#radio.r30-active .r30-module-head{height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border-bottom:1px solid #153248}
#radio.r30-active .r30-module-head strong{font-size:9px;color:#fff}
#radio.r30-active .r30-module-head button{border:0;background:transparent;color:#4faaff;font-size:7px}
#radio.r30-active .r30-engine{grid-column:span 3}.r30-studio{grid-column:span 5}.r30-cart{grid-column:span 4}
#radio.r30-active .r30-automation,#radio.r30-active .r30-media,#radio.r30-active .r30-playlists,#radio.r30-active .r30-schedule{grid-column:span 3}
#radio.r30-active .r30-settings,#radio.r30-active .r30-player,#radio.r30-active .r30-distribution,#radio.r30-active .r30-diagnostics{grid-column:span 3}

#radio.r30-active .r30-engine-list{padding:5px 9px 7px}
#radio.r30-active .r30-engine-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:34px;border-top:1px solid #133047}
#radio.r30-active .r30-engine-row:first-child{border-top:0}
#radio.r30-active .r30-engine-row strong{font-size:8px;color:#eaf2f8}
#radio.r30-active .r30-engine-row span{font-size:7px;color:#5ee48f}
#radio.r30-active .r30-engine-row small{font-size:6px;color:#70879b}

#radio.r30-active .r30-studio-body{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:8px}
#radio.r30-active .r30-strip{padding:7px;border:1px solid #17394f;border-radius:7px;background:#091b29;text-align:center;min-width:0}
#radio.r30-active .r30-strip strong{display:block;font-size:7px;color:#e7f0f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#radio.r30-active .r30-stripmeter{height:48px;display:flex;justify-content:center;align-items:flex-end;gap:2px;margin:7px 0}
#radio.r30-active .r30-stripmeter i{width:4px;border-radius:2px;background:#31d777}
#radio.r30-active .r30-stripmeter i:nth-child(n+4){background:#e0d337}
#radio.r30-active .r30-strip input[type=range]{width:100%;accent-color:#1683ff}
#radio.r30-active .r30-strip button{margin-top:6px;width:100%;height:25px;border:1px solid #4c9fff;border-radius:5px;background:#126fff;color:#fff;font-size:7px;font-weight:850}

#radio.r30-active .r30-cart-body{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px}
#radio.r30-active .r30-pad{height:45px;border-radius:6px;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:7px;font-weight:800}
#radio.r30-active .r30-pad:nth-child(8n+1){background:#5723a3}.r30-pad:nth-child(8n+2){background:#8d2731}.r30-pad:nth-child(8n+3){background:#126eb4}.r30-pad:nth-child(8n+4){background:#8a7420}.r30-pad:nth-child(8n+5){background:#34414c}.r30-pad:nth-child(8n+6){background:#0d7b42}.r30-pad:nth-child(8n+7){background:#a52357}.r30-pad:nth-child(8n+8){background:#91451f}

#radio.r30-active .r30-statgrid{display:grid;grid-template-columns:repeat(3,1fr);padding:8px;gap:6px}
#radio.r30-active .r30-statgrid>div{min-width:0;padding:7px;border:1px solid #15364b;border-radius:6px;background:#091925}
#radio.r30-active .r30-statgrid span{display:block;font-size:6px;color:#6e869a;text-transform:uppercase;letter-spacing:.04em}
#radio.r30-active .r30-statgrid strong{display:block;margin-top:5px;font-size:10px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#radio.r30-active .r30-statgrid small{display:block;margin-top:3px;font-size:6px;color:#6fe797}
#radio.r30-active .r30-fourstats{grid-template-columns:repeat(4,1fr)}
#radio.r30-active .r30-list{padding:5px 9px 8px}
#radio.r30-active .r30-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:25px;border-top:1px solid #133047;font-size:7px;color:#d9e5ee}
#radio.r30-active .r30-list-row:first-child{border-top:0}
#radio.r30-active .r30-list-row small{color:#71899c}
#radio.r30-active .r30-settings-body{padding:5px 9px 8px}
#radio.r30-active .r30-setting-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;min-height:23px;align-items:center;border-top:1px solid #133047;font-size:7px}
#radio.r30-active .r30-setting-row:first-child{border-top:0}
#radio.r30-active .r30-setting-row span{color:#72899c}
#radio.r30-active .r30-setting-row strong{color:#e5edf4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#radio.r30-active .r30-player-body{display:grid;grid-template-columns:48px minmax(0,1fr) 32px;gap:8px;align-items:center;padding:9px}
#radio.r30-active .r30-player-art{width:48px;height:48px;border:1px solid #24465f;border-radius:5px;background:#02070c;overflow:hidden;display:grid;place-items:center;color:#fff;font-size:8px;text-align:center}
#radio.r30-active .r30-player-art img{width:100%;height:100%;object-fit:cover;display:none}
#radio.r30-active .r30-player-art.has-image img{display:block}
#radio.r30-active .r30-player-copy{min-width:0}
#radio.r30-active .r30-player-copy strong,#radio.r30-active .r30-player-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#radio.r30-active .r30-player-copy strong{font-size:8px;color:#fff}.r30-player-copy small{margin-top:3px;font-size:6px;color:#71899c}
#radio.r30-active .r30-playcircle{width:30px;height:30px;border:1px solid #58a7ff;border-radius:50%;background:#126fff;color:#fff;display:grid;place-items:center}
#radio.r30-active .r30-dist-body{padding:5px 9px 8px}.r30-dist-row{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:24px;align-items:center;border-top:1px solid #133047;font-size:7px}.r30-dist-row:first-child{border-top:0}.r30-dist-row span{color:#dce7ef}.r30-dist-row strong{color:#46df7e;font-size:6px}
#radio.r30-active .r30-kpis{display:grid;grid-template-columns:repeat(4,1fr);padding:8px;gap:5px}.r30-kpi{min-width:0;border-right:1px solid #143147;padding-right:5px}.r30-kpi:last-child{border-right:0}.r30-kpi span{display:block;font-size:5.5px;color:#6f879a}.r30-kpi strong{display:block;margin-top:4px;color:#fff;font-size:12px}.r30-kpi small{display:block;margin-top:3px;color:#50df84;font-size:6px}.r30-spark{height:14px;margin-top:5px;border-bottom:1px solid #1e5e86;background:linear-gradient(165deg,transparent 42%,#0e87ff 43%,#0e87ff 49%,transparent 50%)}

@media(max-width:1250px){
  #radio.r30-active>.r30-shell{grid-template-columns:180px minmax(0,1fr)}
  #radio.r30-active .r30-topgrid{grid-template-columns:minmax(0,1fr) 280px}
  #radio.r30-active .r30-engine{grid-column:span 4}.r30-studio{grid-column:span 8}.r30-cart{grid-column:span 12}
  #radio.r30-active .r30-automation,#radio.r30-active .r30-media,#radio.r30-active .r30-playlists,#radio.r30-active .r30-schedule,#radio.r30-active .r30-settings,#radio.r30-active .r30-player,#radio.r30-active .r30-distribution,#radio.r30-active .r30-diagnostics{grid-column:span 6}
}
@media(max-width:900px){
  #radio.r30-active>.r30-shell{grid-template-columns:1fr}
  #radio.r30-active .r30-rail{display:none}
  #radio.r30-active .r30-main{padding:8px}
  #radio.r30-active .r30-topline .r30-searchfake{display:none}
  #radio.r30-active .r30-topgrid{grid-template-columns:1fr}
  #radio.r30-active .r30-sidecards{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  #radio.r30-active .r30-cchead{grid-template-columns:1fr}
  #radio.r30-active .r30-ccactions{justify-content:flex-start}
  #radio.r30-active .r30-engine,#radio.r30-active .r30-studio,#radio.r30-active .r30-cart{grid-column:span 12}
}
@media(max-width:620px){
  #radio.r30-active .r30-headrow h2{font-size:21px}
  #radio.r30-active .r30-hero{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto 46px auto;padding:9px}
  #radio.r30-active .r30-hero-art{width:76px;height:76px}
  #radio.r30-active .r30-listenerbox{grid-column:2;text-align:left;display:flex;align-items:baseline;gap:6px;padding:0}
  #radio.r30-active .r30-wave{grid-column:1/3;height:46px}
  #radio.r30-active .r30-actions{grid-column:1/3;grid-template-columns:1fr}
  #radio.r30-active .r30-sidecards{grid-template-columns:1fr}
  #radio.r30-active .r30-ccactions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  #radio.r30-active .r30-selectstation{grid-column:1/3;width:100%}
  #radio.r30-active .r30-automation,#radio.r30-active .r30-media,#radio.r30-active .r30-playlists,#radio.r30-active .r30-schedule,#radio.r30-active .r30-settings,#radio.r30-active .r30-player,#radio.r30-active .r30-distribution,#radio.r30-active .r30-diagnostics{grid-column:span 12}
  #radio.r30-active .r30-studio-body{grid-template-columns:repeat(2,1fr)}
  #radio.r30-active .r30-cart-body{grid-template-columns:repeat(2,1fr)}
}
/* END fokisen-radio-dashboard-v30.css */

/* BEGIN fokisen-radio-tabs-v31.css */
/* Fokisen Radio V31 — every Radio Manager detail tab follows the V30 mockup language.
   Radio-local only. No html/body/app-shell/workspace-main rules. */
#radio.r30-active.r30-advanced-open{
  --r31-bg:#06111c;
  --r31-panel:#081824;
  --r31-panel2:#0b1a27;
  --r31-panel3:#0d1d2b;
  --r31-line:#17364d;
  --r31-line2:#143047;
  --r31-blue:#1172ff;
  --r31-blue2:#429cff;
  --r31-green:#46df82;
  --r31-red:#ef4b5c;
  --r31-text:#eef6ff;
  --r31-muted:#7890a5;
}

/* V30 is the overview. Advanced content becomes a matching detail workspace, not the old dashboard. */
#radio.r30-active.r30-advanced-open>.radio-ui06-summary{display:none!important}
#radio.r30-active.r30-advanced-open>.radio-ui06-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  max-width:1320px!important;
  margin:12px auto 26px!important;
  padding:0 14px!important;
  background:transparent!important;
  align-items:start!important;
}
#radio.r30-active.r30-advanced-open .radio-ui06-stations-panel{display:none!important}
#radio.r30-active.r30-advanced-open .radio-ui06-workspace{min-width:0!important;width:100%!important;display:grid!important;gap:10px!important}
#radio.r30-active.r30-advanced-open #radioManager{min-width:0!important;display:grid!important;gap:10px!important}
#radio.r30-active.r30-advanced-open #radioManager.hidden{display:none!important}

/* Detail tab header */
#radio.r30-active .r31-detailbar{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:10px;
  border:1px solid var(--r31-line);
  border-radius:9px;
  background:linear-gradient(180deg,#0a1b29,#07151f);
  box-shadow:0 10px 28px rgba(0,0,0,.13);
}
#radio.r30-active .r31-detail-title{display:flex;align-items:center;gap:9px;min-width:0}
#radio.r30-active .r31-detail-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #2f86ff;border-radius:7px;background:#0d4d9f;color:#fff;font-size:14px}
#radio.r30-active .r31-detail-title strong{display:block;color:#fff;font-size:13px}
#radio.r30-active .r31-detail-title small{display:block;margin-top:2px;color:#7790a5;font-size:8px}
#radio.r30-active .r31-detail-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
#radio.r30-active .r31-detail-actions button{height:31px;padding:0 10px;border:1px solid #28465d;border-radius:6px;background:#091a27;color:#9fb1c2;font-size:8px;font-weight:800}
#radio.r30-active .r31-detail-actions button:hover{border-color:#3f7ba8;color:#fff}
#radio.r30-active .r31-detail-actions button.active{border-color:#469fff;background:#116cf0;color:#fff;box-shadow:0 5px 16px rgba(17,108,240,.22)}
#radio.r30-active .r31-detail-actions button.close{border-color:#70323c;background:#26141a;color:#ff9ba4}

/* Existing radio cards now use the exact V30 card language */
#radio.r30-active.r30-advanced-open .radio-ui06-card,
#radio.r30-active.r30-advanced-open .panel-sub{
  border:1px solid var(--r31-line)!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#091a28,#071520)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
  color:var(--r31-text)!important;
  overflow:hidden!important;
  min-width:0!important;
}
#radio.r30-active.r30-advanced-open .radio-ui06-card-head,
#radio.r30-active.r30-advanced-open .panel-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  min-height:38px!important;padding:8px 10px!important;border-bottom:1px solid var(--r31-line2)!important;background:#081824!important
}
#radio.r30-active.r30-advanced-open .radio-ui06-card-head h3,
#radio.r30-active.r30-advanced-open .radio-ui06-card-head h4,
#radio.r30-active.r30-advanced-open .radio-ui06-card-head strong,
#radio.r30-active.r30-advanced-open .panel-head h3,
#radio.r30-active.r30-advanced-open .panel-head h4{margin:0!important;color:#fff!important;font-size:10px!important;font-weight:850!important}
#radio.r30-active.r30-advanced-open .radio-ui06-card-head p,
#radio.r30-active.r30-advanced-open .radio-ui06-card-head small,
#radio.r30-active.r30-advanced-open .panel-head p,
#radio.r30-active.r30-advanced-open .panel-head small{margin:2px 0 0!important;color:var(--r31-muted)!important;font-size:7px!important}
#radio.r30-active.r30-advanced-open .badge,
#radio.r30-active.r30-advanced-open .radio-ui06-health,
#radio.r30-active.r30-advanced-open .radio-ui06-count,
#radio.r30-active.r30-advanced-open .radio-ui06-small-status{border:1px solid #2a6e49!important;border-radius:5px!important;background:#0d3e27!important;color:#70ee9f!important;font-size:7px!important;font-weight:900!important;padding:4px 7px!important}

/* Detail drawers */
#radio.r30-active.r30-advanced-open .radio-ui06-drawer{
  border:1px solid var(--r31-line)!important;border-radius:9px!important;background:#07151f!important;overflow:hidden!important;box-shadow:none!important
}
#radio.r30-active.r30-advanced-open .radio-ui06-drawer>summary{
  min-height:46px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  padding:8px 11px!important;border:0!important;border-bottom:1px solid transparent!important;background:linear-gradient(180deg,#0b1b28,#081722)!important;cursor:pointer!important;list-style:none!important
}
#radio.r30-active.r30-advanced-open .radio-ui06-drawer[open]>summary{border-bottom-color:var(--r31-line2)!important;background:#0a1c2a!important}
#radio.r30-active.r30-advanced-open .radio-ui06-drawer>summary::-webkit-details-marker{display:none!important}
#radio.r30-active.r30-advanced-open .radio-ui06-drawer>summary strong{display:block!important;color:#fff!important;font-size:10px!important}
#radio.r30-active.r30-advanced-open .radio-ui06-drawer>summary small{display:block!important;margin-top:2px!important;color:#748ea4!important;font-size:7px!important}
#radio.r30-active.r30-advanced-open .radio-ui06-drawer>summary>b{width:25px;height:25px;display:grid!important;place-items:center!important;border:1px solid #29465c!important;border-radius:6px!important;background:#071824!important;color:#7f9ab1!important;transition:transform .16s ease!important}
#radio.r30-active.r30-advanced-open .radio-ui06-drawer[open]>summary>b{transform:rotate(180deg)!important}

/* Old hero/engine area */
#radio.r30-active.r30-advanced-open .radio-ui06-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(290px,.8fr)!important;gap:10px!important}
#radio.r30-active.r30-advanced-open .radio-ui06-engine-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:9px!important}
#radio.r30-active.r30-advanced-open .radio-ui06-engine-metrics>div{padding:8px!important;border:1px solid #1c3850!important;border-radius:6px!important;background:#071824!important}
#radio.r30-active.r30-advanced-open .radio-ui06-engine-metrics span{display:block!important;color:#6f899f!important;font-size:7px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
#radio.r30-active.r30-advanced-open .radio-ui06-engine-metrics strong{display:block!important;margin-top:4px!important;color:#fff!important;font-size:11px!important}
#radio.r30-active.r30-advanced-open .radio-ui06-worker-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:0 9px 8px!important}
#radio.r30-active.r30-advanced-open .radio-ui06-worker-controls button{height:31px!important;border:1px solid #29465d!important;border-radius:6px!important;background:#091a27!important;color:#a9bbc9!important;font-size:8px!important}
#radio.r30-active.r30-advanced-open .radio-ui06-worker-controls button[data-worker="start"],#radio.r30-active.r30-advanced-open #radioNodeStart{border-color:#2e8653!important;background:#0e3b25!important;color:#6bed99!important}
#radio.r30-active.r30-advanced-open .radio-ui06-worker-controls button[data-worker="stop"],#radio.r30-active.r30-advanced-open #radioNodeStop{border-color:#7c3240!important;background:#2d151c!important;color:#ff8994!important}
#radio.r30-active.r30-advanced-open .radio-ui06-engine-card{margin:0 9px 8px!important;padding:9px!important;border:1px solid #1c3850!important;border-radius:6px!important;background:#06151f!important;color:#8da3b6!important;font-size:8px!important}
#radio.r30-active.r30-advanced-open .radio-ui06-shortcuts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:0 9px 9px!important}
#radio.r30-active.r30-advanced-open .radio-ui06-shortcuts button{height:31px!important;border:1px solid #24445d!important;border-radius:6px!important;background:#081925!important;color:#a8bfd2!important;font-size:7px!important;font-weight:800!important}

/* Broadcast Radio Studio */
#radio.r30-active.r30-advanced-open .radio-studio-panel{background:#07151f!important}
#radio.r30-active.r30-advanced-open #radioLivePlayer{width:calc(100% - 20px)!important;margin:10px!important;height:34px!important}
#radio.r30-active.r30-advanced-open .radio-ui06-meters,
#radio.r30-active.r30-advanced-open .studio-meter-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 10px 9px!important}
#radio.r30-active.r30-advanced-open .studio-meter-row>div{padding:8px!important;border:1px solid #1b3850!important;border-radius:6px!important;background:#071824!important}
#radio.r30-active.r30-advanced-open meter{width:100%!important;height:9px!important;accent-color:#1dbb67!important}
#radio.r30-active.r30-advanced-open .radio-console-grid,
#radio.r30-active.r30-advanced-open .radio-ui06-console-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:0 10px 10px!important}
#radio.r30-active.r30-advanced-open .console-strip{padding:9px!important;border:1px solid #1d3a51!important;border-radius:7px!important;background:linear-gradient(180deg,#0b1c2a,#071621)!important;min-width:0!important}
#radio.r30-active.r30-advanced-open .console-strip>strong{display:block!important;margin-bottom:8px!important;color:#fff!important;font-size:9px!important}
#radio.r30-active.r30-advanced-open .console-strip label{display:grid!important;gap:5px!important;color:#748da3!important;font-size:7px!important;margin-top:7px!important}
#radio.r30-active.r30-advanced-open .console-strip .button-row{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:5px!important;margin-top:7px!important}
#radio.r30-active.r30-advanced-open .radio-ui06-studio-bottom{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:8px!important;padding:0 10px 10px!important}
#radio.r30-active.r30-advanced-open .cart-wall{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:9px!important}
#radio.r30-active.r30-advanced-open .cart-wall>*{min-height:46px!important;border:1px solid #385273!important;border-radius:6px!important;background:#0f2740!important;color:#fff!important;font-size:8px!important;font-weight:800!important}
#radio.r30-active.r30-advanced-open .cart-wall>*:nth-child(4n+1){background:#40206a!important;border-color:#7c4dbc!important}
#radio.r30-active.r30-advanced-open .cart-wall>*:nth-child(4n+2){background:#542027!important;border-color:#9a3b48!important}
#radio.r30-active.r30-advanced-open .cart-wall>*:nth-child(4n+3){background:#124c75!important;border-color:#277db4!important}
#radio.r30-active.r30-advanced-open .cart-wall>*:nth-child(4n+4){background:#59490f!important;border-color:#9f8222!important}

/* Automation, media, playlists, schedule, station settings */
#radio.r30-active.r30-advanced-open .radio-ui06-programming-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:9px!important;background:#06131d!important}
#radio.r30-active.r30-advanced-open .radio-ui06-programming-grid>.radio-ui06-card{min-width:0!important}
#radio.r30-active.r30-advanced-open .radio-ui06-programming-grid .stack{display:grid!important;gap:7px!important;padding:9px!important}
#radio.r30-active.r30-advanced-open .radio-ui06-programming-grid .mini-list{margin:0 9px 9px!important;max-height:220px!important;overflow:auto!important}
#radio.r30-active.r30-advanced-open .mini-list>*{border-color:#17344a!important;background:#071823!important;color:#a8bbc9!important}

/* Player tab */
#radio.r30-active.r30-advanced-open .radio-player-panel{background:#06131d!important}
#radio.r30-active.r30-advanced-open .radio-ui06-player-grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)!important;gap:9px!important;padding:9px!important}
#radio.r30-active.r30-advanced-open #radioPlayerForm{display:grid!important;gap:7px!important;padding:0!important}
#radio.r30-active.r30-advanced-open .credentials{border:1px solid #1b3850!important;border-radius:6px!important;background:#061722!important;color:#8fa5b7!important;padding:8px!important;font-size:8px!important}

/* Analytics / diagnostics */
#radio.r30-active.r30-advanced-open .analytics-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;padding:9px!important}
#radio.r30-active.r30-advanced-open .analytics-grid>*{padding:9px!important;border:1px solid #1b3850!important;border-radius:6px!important;background:#071824!important;color:#a7bbc9!important}

/* Forms/buttons all follow mockup */
#radio.r30-active.r30-advanced-open input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
#radio.r30-active.r30-advanced-open select,
#radio.r30-active.r30-advanced-open textarea{width:100%!important;min-height:34px!important;padding:7px 9px!important;border:1px solid #234057!important;border-radius:6px!important;background:#061722!important;color:#eef6ff!important;font-size:8px!important;outline:none!important}
#radio.r30-active.r30-advanced-open textarea{min-height:82px!important;resize:vertical!important}
#radio.r30-active.r30-advanced-open input:focus,#radio.r30-active.r30-advanced-open select:focus,#radio.r30-active.r30-advanced-open textarea:focus{border-color:#348fff!important;box-shadow:0 0 0 2px rgba(17,114,255,.14)!important}
#radio.r30-active.r30-advanced-open label{color:#8198ab!important;font-size:8px!important}
#radio.r30-active.r30-advanced-open .form-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#radio.r30-active.r30-advanced-open .checks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
#radio.r30-active.r30-advanced-open .checks label{display:flex!important;align-items:center!important;gap:6px!important;padding:7px!important;border:1px solid #1b3850!important;border-radius:6px!important;background:#071824!important}
#radio.r30-active.r30-advanced-open input[type="range"]{width:100%!important;accent-color:#1172ff!important}
#radio.r30-active.r30-advanced-open input[type="file"]{max-width:100%!important;color:#8ba0b2!important;font-size:8px!important}
#radio.r30-active.r30-advanced-open .media-upload-zone,#radio.r30-active.r30-advanced-open .radio-artwork-upload{display:grid!important;gap:6px!important;padding:9px!important;border:1px dashed #31546f!important;border-radius:6px!important;background:#071824!important}
#radio.r30-active.r30-advanced-open button.primary,#radio.r30-active.r30-advanced-open button.go-live{min-height:32px!important;border-radius:6px!important;font-size:8px!important;font-weight:850!important}
#radio.r30-active.r30-advanced-open button.primary{background:#116ff6!important;border:1px solid #479dff!important;color:#fff!important}
#radio.r30-active.r30-advanced-open button.go-live{background:#0e4529!important;border:1px solid #36a965!important;color:#7df2a9!important}
#radio.r30-active.r30-advanced-open button.secondary{background:#091a27!important;border:1px solid #27455c!important;color:#abc0d0!important}

/* Tablet/mobile */
@media(max-width:1000px){
  #radio.r30-active .r31-detailbar{grid-template-columns:1fr!important}
  #radio.r30-active .r31-detail-actions{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important}
  #radio.r30-active .r31-detail-actions button{white-space:nowrap!important;flex:0 0 auto!important}
  #radio.r30-active.r30-advanced-open .radio-ui06-hero-grid{grid-template-columns:1fr!important}
  #radio.r30-active.r30-advanced-open .radio-console-grid,#radio.r30-active.r30-advanced-open .radio-ui06-console-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #radio.r30-active.r30-advanced-open .radio-ui06-programming-grid{grid-template-columns:1fr!important}
  #radio.r30-active.r30-advanced-open .radio-ui06-player-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  #radio.r30-active.r30-advanced-open>.radio-ui06-layout{padding:0 8px!important}
  #radio.r30-active.r30-advanced-open .radio-console-grid,#radio.r30-active.r30-advanced-open .radio-ui06-console-grid{grid-template-columns:1fr!important}
  #radio.r30-active.r30-advanced-open .radio-ui06-studio-bottom{grid-template-columns:1fr!important}
  #radio.r30-active.r30-advanced-open .cart-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #radio.r30-active.r30-advanced-open .analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #radio.r30-active.r30-advanced-open .form-row,#radio.r30-active.r30-advanced-open .checks{grid-template-columns:1fr!important}
}
/* END fokisen-radio-tabs-v31.css */

/* BEGIN fokisen-radio-tabs-v33.css */
/* Fokisen Radio V33 — exact detail-tab row redesign.
   Targets the tabs the user identified: Overview, Broadcast Studio,
   Automation & Programming, Player & Distribution, Diagnostics, Close.
   Radio-local only. */

#radio.r30-active .r31-detailbar{
  position:sticky!important;
  top:8px!important;
  z-index:35!important;
  display:block!important;
  padding:8px!important;
  margin:0 0 10px!important;
  border:1px solid #17364d!important;
  border-radius:10px!important;
  background:rgba(6,17,28,.96)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(10px)!important;
}

/* Keep the page focused on the tab navigation rather than a second title block. */
#radio.r30-active .r31-detail-title{display:none!important}

#radio.r30-active .r31-detail-actions{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr)) auto!important;
  gap:7px!important;
  width:100%!important;
  align-items:center!important;
}

#radio.r30-active .r31-detail-actions button{
  position:relative!important;
  min-width:0!important;
  height:40px!important;
  padding:0 12px!important;
  border:1px solid #23445d!important;
  border-radius:7px!important;
  background:linear-gradient(180deg,#0a1b29,#071722)!important;
  color:#9db0c0!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
#radio.r30-active .r31-detail-actions button:hover{
  color:#fff!important;
  border-color:#3978a8!important;
  background:#0c2131!important;
  transform:translateY(-1px)!important;
}
#radio.r30-active .r31-detail-actions button.active{
  color:#fff!important;
  border-color:#4ca8ff!important;
  background:linear-gradient(180deg,#1680ff,#0d63da)!important;
  box-shadow:0 7px 18px rgba(17,114,255,.26)!important;
}
#radio.r30-active .r31-detail-actions button.active::after{
  content:"";
  position:absolute;
  left:12px;right:12px;bottom:4px;
  height:2px;
  border-radius:2px;
  background:#8fd0ff;
  opacity:.95;
}

/* Small broadcast-style glyphs, matching the V30 mockup language. */
#radio.r30-active .r31-detail-actions button[data-r31-tab="overview"]::before{content:"◫  ";color:#6bb5ff}
#radio.r30-active .r31-detail-actions button[data-r31-tab="studio"]::before{content:"🎙  ";}
#radio.r30-active .r31-detail-actions button[data-r31-tab="automation"]::before{content:"↻  ";color:#62b6ff}
#radio.r30-active .r31-detail-actions button[data-r31-tab="player"]::before{content:"▧  ";color:#62b6ff}
#radio.r30-active .r31-detail-actions button[data-r31-tab="diagnostics"]::before{content:"◫  ";color:#62b6ff}

#radio.r30-active .r31-detail-actions button.close{
  width:74px!important;
  border-color:#65313b!important;
  background:linear-gradient(180deg,#26161c,#1c1116)!important;
  color:#ff9aa4!important;
}
#radio.r30-active .r31-detail-actions button.close:hover{
  border-color:#a34754!important;
  color:#fff!important;
  background:#371820!important;
}
#radio.r30-active .r31-detail-actions button.close::before{content:"×  ";font-size:13px;vertical-align:-1px}

/* Remove the visual dead zone under the tabs and pull the selected workspace up. */
#radio.r30-active.r30-advanced-open>.radio-ui06-layout{
  row-gap:8px!important;
}
#radio.r30-active.r30-advanced-open .r31-detailbar + .radio-ui06-workspace{
  margin-top:0!important;
  padding-top:0!important;
}
#radio.r30-active.r30-advanced-open .radio-ui06-workspace,
#radio.r30-active.r30-advanced-open #radioManager{
  gap:8px!important;
}

/* On smaller screens the tabs become a clean horizontal scroller instead of wrapping. */
@media(max-width:900px){
  #radio.r30-active .r31-detailbar{position:relative!important;top:auto!important;padding:7px!important;overflow:hidden!important}
  #radio.r30-active .r31-detail-actions{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
    padding-bottom:1px!important;
  }
  #radio.r30-active .r31-detail-actions::-webkit-scrollbar{display:none!important}
  #radio.r30-active .r31-detail-actions button{
    flex:0 0 auto!important;
    min-width:150px!important;
    height:39px!important;
  }
  #radio.r30-active .r31-detail-actions button.close{min-width:78px!important;width:78px!important}
}

@media(max-width:560px){
  #radio.r30-active .r31-detail-actions button{min-width:138px!important;font-size:8px!important;padding:0 9px!important}
}
/* END fokisen-radio-tabs-v33.css */

/* BEGIN fokisen-radio-tab-content-v35.css */
/* Fokisen Radio V35 — full visual replacement for the CONTENT inside each Radio detail tab.
   Radio-local only. No global shell/scroll selectors. */
#radio.r30-active.r30-advanced-open.r35-ready{
  --r35-bg:#06111c;--r35-card:#081824;--r35-card2:#0a1c2a;--r35-card3:#0c2131;
  --r35-line:#173a53;--r35-line2:#24506f;--r35-blue:#1172ff;--r35-blue2:#47a5ff;
  --r35-green:#38dc7c;--r35-red:#ef4d5d;--r35-text:#f4f8fc;--r35-muted:#8097aa;
}
#radio.r30-active.r30-advanced-open.r35-ready .r34-viewhero{display:none!important}
#radio.r30-active.r30-advanced-open.r35-ready>.radio-ui06-layout{max-width:1380px!important;margin:12px auto 30px!important;padding:0 14px!important}
#radio.r30-active.r30-advanced-open.r35-ready .radio-ui06-workspace,#radio.r30-active.r30-advanced-open.r35-ready #radioManager{gap:12px!important}

/* view switching: each tab is its own page, not one legacy scroll */
#radio.r35-ready[data-r31-tab="overview"] #radioUi06StudioDrawer,
#radio.r35-ready[data-r31-tab="overview"] #radioUi06AutomationDrawer,
#radio.r35-ready[data-r31-tab="overview"] #radioUi06PlayerDrawer,
#radio.r35-ready[data-r31-tab="overview"] .r35-diagnostics-stage{display:none!important}
#radio.r35-ready[data-r31-tab="studio"] .radio-ui06-hero-grid,
#radio.r35-ready[data-r31-tab="studio"] .radio-ui06-mid-grid,
#radio.r35-ready[data-r31-tab="studio"] #radioUi06AutomationDrawer,
#radio.r35-ready[data-r31-tab="studio"] #radioUi06PlayerDrawer,
#radio.r35-ready[data-r31-tab="studio"] .r35-overview-head,
#radio.r35-ready[data-r31-tab="studio"] .r35-diagnostics-stage{display:none!important}
#radio.r35-ready[data-r31-tab="automation"] .radio-ui06-hero-grid,
#radio.r35-ready[data-r31-tab="automation"] .radio-ui06-mid-grid,
#radio.r35-ready[data-r31-tab="automation"] #radioUi06StudioDrawer,
#radio.r35-ready[data-r31-tab="automation"] #radioUi06PlayerDrawer,
#radio.r35-ready[data-r31-tab="automation"] .r35-overview-head,
#radio.r35-ready[data-r31-tab="automation"] .r35-diagnostics-stage{display:none!important}
#radio.r35-ready[data-r31-tab="player"] .radio-ui06-hero-grid,
#radio.r35-ready[data-r31-tab="player"] .radio-ui06-mid-grid,
#radio.r35-ready[data-r31-tab="player"] #radioUi06StudioDrawer,
#radio.r35-ready[data-r31-tab="player"] #radioUi06AutomationDrawer,
#radio.r35-ready[data-r31-tab="player"] .r35-overview-head,
#radio.r35-ready[data-r31-tab="player"] .r35-diagnostics-stage{display:none!important}
#radio.r35-ready[data-r31-tab="diagnostics"] .radio-ui06-hero-grid,
#radio.r35-ready[data-r31-tab="diagnostics"] .radio-ui06-mid-grid,
#radio.r35-ready[data-r31-tab="diagnostics"] #radioUi06StudioDrawer,
#radio.r35-ready[data-r31-tab="diagnostics"] #radioUi06AutomationDrawer,
#radio.r35-ready[data-r31-tab="diagnostics"] #radioUi06PlayerDrawer,
#radio.r35-ready[data-r31-tab="diagnostics"] .r35-overview-head{display:none!important}

/* shared page heading */
#radio.r35-ready .r35-pagehead{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid #1b4663;border-radius:10px;background:linear-gradient(180deg,#0b2030,#081823);box-shadow:0 10px 26px rgba(0,0,0,.17)}
#radio.r35-ready .r35-pageicon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #3b99ff;border-radius:9px;background:linear-gradient(180deg,#126ee4,#0b4d9f);color:#fff;font-size:17px;box-shadow:0 0 18px rgba(17,114,255,.20)}
#radio.r35-ready .r35-pagecopy span{display:block;color:#54aeff;font-size:8px;font-weight:950;letter-spacing:.12em}
#radio.r35-ready .r35-pagecopy h2{margin:3px 0 0;color:#fff;font-size:21px;line-height:1.05;letter-spacing:-.02em}
#radio.r35-ready .r35-pagecopy p{margin:4px 0 0;color:#8199ac;font-size:9px}
#radio.r35-ready .r35-status{display:flex;align-items:center;gap:7px;height:31px;padding:0 11px;border:1px solid #2b7c4d;border-radius:7px;background:#0c3521;color:#72eea2;font-size:8px;font-weight:900}
#radio.r35-ready .r35-status i{width:8px;height:8px;border-radius:50%;background:#40dd80;box-shadow:0 0 10px rgba(64,221,128,.6)}

/* OVERVIEW */
#radio.r35-ready .r35-overview-head{display:grid;margin-bottom:0}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr)!important;gap:12px!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-card{border:1px solid var(--r35-line)!important;border-radius:10px!important;background:linear-gradient(180deg,#091d2b,#071620)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;overflow:hidden!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-onair{background:radial-gradient(circle at 72% 8%,rgba(17,114,255,.12),transparent 30%),linear-gradient(180deg,#091e2d,#071620)!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-now-main{display:grid!important;grid-template-columns:148px minmax(0,1fr)!important;gap:16px!important;padding:14px!important;align-items:center!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-art-shell{width:148px!important;height:132px!important;border-radius:10px!important;border:1px solid #2a5673!important;overflow:hidden!important;box-shadow:0 12px 26px rgba(0,0,0,.23)!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-now-copy .eyebrow{color:#49a7ff!important;font-size:8px!important;font-weight:950!important;letter-spacing:.12em!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-now-copy h2{font-size:24px!important;margin:5px 0 2px!important;color:#fff!important;letter-spacing:-.02em!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-station-name{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;margin:0!important;padding:11px 14px!important;border-top:1px solid #16384f!important;border-bottom:1px solid #16384f!important;background:#071722!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-hero-actions{display:grid!important;grid-template-columns:1.15fr .8fr .9fr!important;gap:8px!important;padding:11px 14px 14px!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-hero-actions button{height:39px!important;border-radius:7px!important;font-size:9px!important;font-weight:900!important}
#radio.r35-ready[data-r31-tab="overview"] #radioGoLive{background:#1172ff!important;border-color:#4ca6ff!important;color:#fff!important}
#radio.r35-ready[data-r31-tab="overview"] #radioEndLive{background:#28151c!important;border-color:#a33645!important;color:#fff!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-engine-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:10px!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-engine-metrics>div{padding:11px!important;border:1px solid #1e4058!important;border-radius:7px!important;background:#071824!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-worker-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:0 10px 9px!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-worker-controls button{min-height:34px!important;border-radius:7px!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-mid-grid{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;gap:12px!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-recent-list{display:grid!important;gap:6px!important;padding:8px 10px 10px!important}
#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-recent-list>*{min-height:53px!important;margin:0!important;padding:9px 10px!important;border:1px solid #1c3d55!important;border-radius:7px!important;background:#071824!important}
#radio.r35-ready[data-r31-tab="overview"] .analytics-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:10px!important}
#radio.r35-ready[data-r31-tab="overview"] .analytics-grid>*{min-height:78px!important;border:1px solid #1e4058!important;border-radius:7px!important;background:#071824!important;padding:11px!important}

/* BROADCAST STUDIO — a real console view */
#radio.r35-ready[data-r31-tab="studio"] #radioUi06StudioDrawer{display:block!important;border:1px solid #1b4059!important;border-radius:10px!important;background:linear-gradient(180deg,#091c2a,#071621)!important;overflow:hidden!important}
#radio.r35-ready[data-r31-tab="studio"] #radioUi06StudioDrawer>summary{display:none!important}
#radio.r35-ready[data-r31-tab="studio"] .radio-studio-panel{border:0!important;background:transparent!important;box-shadow:none!important}
#radio.r35-ready .r35-studio-head{margin:0 0 10px}
#radio.r35-ready .r35-studio-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 12px;border-bottom:1px solid #17384f;background:#071722}
#radio.r35-ready .r35-studio-metrics>div{padding:10px;border:1px solid #1e425b;border-radius:7px;background:#0a1a27}
#radio.r35-ready .r35-studio-metrics span{display:block;color:#7891a5;font-size:7px;text-transform:uppercase;letter-spacing:.07em}
#radio.r35-ready .r35-studio-metrics strong{display:block;margin-top:4px;color:#fff;font-size:12px}
#radio.r35-ready[data-r31-tab="studio"] #radioLivePlayer{width:calc(100% - 24px)!important;height:38px!important;margin:12px!important;border-radius:7px!important}
#radio.r35-ready[data-r31-tab="studio"] .radio-ui06-meters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 12px 10px!important}
#radio.r35-ready[data-r31-tab="studio"] .radio-ui06-meters>div{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;padding:10px!important;border:1px solid #1e425b!important;border-radius:7px!important;background:#071824!important}
#radio.r35-ready[data-r31-tab="studio"] .radio-ui06-console-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;padding:0 12px 12px!important}
#radio.r35-ready[data-r31-tab="studio"] .console-strip{min-height:238px!important;padding:12px!important;border:1px solid #234a64!important;border-radius:9px!important;background:linear-gradient(180deg,#0b2030,#071824)!important}
#radio.r35-ready[data-r31-tab="studio"] .console-strip>strong{display:block!important;margin-bottom:12px!important;color:#fff!important;font-size:11px!important}
#radio.r35-ready[data-r31-tab="studio"] .console-strip select{min-height:38px!important}
#radio.r35-ready[data-r31-tab="studio"] .console-strip .button-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important}
#radio.r35-ready[data-r31-tab="studio"] .console-strip button{min-height:36px!important;font-weight:850!important}
#radio.r35-ready[data-r31-tab="studio"] .console-strip label{display:grid!important;gap:7px!important;margin-top:14px!important;color:#8198aa!important;font-size:8px!important}
#radio.r35-ready[data-r31-tab="studio"] .radio-ui06-studio-bottom{display:grid!important;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;gap:9px!important;padding:0 12px 12px!important}
#radio.r35-ready[data-r31-tab="studio"] .radio-ui06-studio-bottom .panel-sub{border:1px solid #234a64!important;border-radius:9px!important;background:#081925!important;overflow:hidden!important}
#radio.r35-ready[data-r31-tab="studio"] .cart-wall{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;padding:10px!important}
#radio.r35-ready[data-r31-tab="studio"] .cart-wall>*{min-height:64px!important;border-radius:8px!important;font-weight:900!important}

/* AUTOMATION & PROGRAMMING */
#radio.r35-ready[data-r31-tab="automation"] #radioUi06AutomationDrawer{display:block!important;border:0!important;background:transparent!important;box-shadow:none!important}
#radio.r35-ready[data-r31-tab="automation"] #radioUi06AutomationDrawer>summary{display:none!important}
#radio.r35-ready .r35-auto-head{margin:0 0 10px}
#radio.r35-ready .r35-auto-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:8px;border:1px solid #1b4059;border-radius:10px;background:#081824;margin-bottom:10px}
#radio.r35-ready .r35-auto-nav button{height:39px;border:1px solid #274b65;border-radius:7px;background:#071925;color:#9db2c2;font-size:8px;font-weight:850}
#radio.r35-ready .r35-auto-nav button.active{background:linear-gradient(180deg,#1680ff,#0d63da);border-color:#4ca8ff;color:#fff;box-shadow:0 7px 18px rgba(17,114,255,.23)}
#radio.r35-ready[data-r31-tab="automation"] .radio-ui06-programming-grid{display:block!important;padding:0!important;background:transparent!important}
#radio.r35-ready[data-r31-tab="automation"] .r35-auto-card{border:1px solid #1b4059!important;border-radius:10px!important;background:linear-gradient(180deg,#091b29,#071620)!important;overflow:hidden!important}
#radio.r35-ready[data-r31-tab="automation"] .r35-auto-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;padding:10px}
#radio.r35-ready[data-r31-tab="automation"] .r35-pane{min-width:0;border:1px solid #1e4058;border-radius:8px;background:#071824;overflow:hidden}
#radio.r35-ready .r35-subhead{padding:10px 11px;border-bottom:1px solid #16364c;background:#091b29}
#radio.r35-ready .r35-subhead strong{display:block;color:#fff;font-size:10px}
#radio.r35-ready .r35-subhead small{display:block;margin-top:2px;color:#7891a5;font-size:7px}
#radio.r35-ready[data-r31-tab="automation"] #mediaForm,#radio.r35-ready[data-r31-tab="automation"] .r35-pane>.stack{padding:10px!important;margin:0!important}
#radio.r35-ready[data-r31-tab="automation"] #mediaList,#radio.r35-ready[data-r31-tab="automation"] .r35-pane>.mini-list{margin:0!important;padding:8px!important;max-height:470px!important;overflow:auto!important}
#radio.r35-ready[data-r31-tab="automation"] #mediaList>*{margin:0 0 7px!important;min-height:62px!important;padding:9px!important;border:1px solid #1d4058!important;border-radius:7px!important;background:#0a1a26!important}
#radio.r35-ready[data-r31-tab="automation"] #playlistList>*,#radio.r35-ready[data-r31-tab="automation"] #scheduleList>*{margin:0 0 6px!important;padding:9px!important;border:1px solid #1d4058!important;border-radius:7px!important;background:#0a1a26!important}
#radio.r35-ready[data-r31-tab="automation"] .media-upload-zone,#radio.r35-ready[data-r31-tab="automation"] .radio-artwork-upload{padding:12px!important;border:1px dashed #35617f!important;border-radius:8px!important;background:#081925!important}
#radio.r35-ready[data-r31-tab="automation"] #mediaForm button.primary{min-height:40px!important;background:#1172ff!important;border-color:#4aa4ff!important}

/* PLAYER & DISTRIBUTION */
#radio.r35-ready[data-r31-tab="player"] #radioUi06PlayerDrawer{display:block!important;border:1px solid #1b4059!important;border-radius:10px!important;background:linear-gradient(180deg,#091b29,#071620)!important;overflow:hidden!important}
#radio.r35-ready[data-r31-tab="player"] #radioUi06PlayerDrawer>summary{display:none!important}
#radio.r35-ready[data-r31-tab="player"] .radio-player-panel{border:0!important;background:transparent!important;box-shadow:none!important}
#radio.r35-ready .r35-player-head{margin:0 0 10px}
#radio.r35-ready[data-r31-tab="player"] .radio-ui06-player-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)!important;gap:12px!important;padding:12px!important;align-items:start!important}
#radio.r35-ready[data-r31-tab="player"] #radioPlayerForm{display:grid!important;gap:9px!important;padding:12px!important;border:1px solid #1e4058!important;border-radius:9px!important;background:#071824!important}
#radio.r35-ready[data-r31-tab="player"] #radioPlayerForm .form-row{gap:8px!important}
#radio.r35-ready[data-r31-tab="player"] #radioPlayerForm input,#radio.r35-ready[data-r31-tab="player"] #radioPlayerForm select,#radio.r35-ready[data-r31-tab="player"] #radioPlayerForm textarea{border-color:#234b65!important;background:#061722!important;color:#eaf4fb!important;border-radius:7px!important}
#radio.r35-ready[data-r31-tab="player"] #radioPlayerForm .checks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#radio.r35-ready[data-r31-tab="player"] #radioPlayerForm .checks label{min-height:44px!important;padding:9px!important;border:1px solid #1e4058!important;border-radius:7px!important;background:#0a1a26!important}
#radio.r35-ready[data-r31-tab="player"] #radioPlayerPreview{position:sticky!important;top:64px!important;width:100%!important;min-height:600px!important;border:1px solid #2a5978!important;border-radius:12px!important;background:#06121d!important;box-shadow:0 15px 34px rgba(0,0,0,.22)!important}

/* DIAGNOSTICS */
#radio.r35-ready .r35-diagnostics-stage{display:grid;gap:10px}
#radio.r35-ready .r35-diag-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#radio.r35-ready .r35-diag-metrics article{min-height:100px;padding:12px;border:1px solid #1e425c;border-radius:9px;background:linear-gradient(180deg,#0a1d2c,#071824)}
#radio.r35-ready .r35-diag-metrics span{display:block;color:#7891a5;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
#radio.r35-ready .r35-diag-metrics strong{display:block;margin-top:8px;color:#fff;font-size:22px;letter-spacing:-.02em}
#radio.r35-ready .r35-diag-metrics small{display:block;margin-top:4px;color:#6f879a;font-size:7px}
#radio.r35-ready .r35-diag-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:10px}
#radio.r35-ready .r35-diag-card{border:1px solid #1e425c;border-radius:9px;background:#071824;overflow:hidden}
#radio.r35-ready .r35-diag-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid #17374e;background:#091b29}
#radio.r35-ready .r35-diag-card>header strong{color:#fff;font-size:11px}
#radio.r35-ready .r35-diag-card>header span{color:#4ba9ff;font-size:7px;font-weight:900}
#radio.r35-ready .r35-diag-rows{padding:4px 12px 10px}
#radio.r35-ready .r35-diag-rows>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:43px;border-bottom:1px solid #143148}
#radio.r35-ready .r35-diag-rows>div:last-child{border-bottom:0}
#radio.r35-ready .r35-diag-rows span{color:#8298aa;font-size:9px}
#radio.r35-ready .r35-diag-rows strong{color:#eff7fd;font-size:9px}
#radio.r35-ready .r35-diag-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px}
#radio.r35-ready .r35-diag-actions button{min-height:38px;border:1px solid #294f69;border-radius:7px;background:#0a1c2a;color:#d9e8f3;font-size:8px;font-weight:850}
#radio.r35-ready .r35-diag-actions button.primary{background:#1172ff;border-color:#4aa4ff;color:#fff}
#radio.r35-ready .r35-diag-actions button.danger{background:#28151c;border-color:#963443;color:#ff9ba5}
#radio.r35-ready .r35-diag-log{padding:10px 12px}
#radio.r35-ready .r35-diag-log div{display:flex;gap:8px;align-items:center;min-height:38px;padding:0 9px;border:1px solid #1b3a52;border-radius:7px;background:#081925;color:#91a5b5;font-size:8px;margin-bottom:7px}
#radio.r35-ready .r35-diag-log i{width:8px;height:8px;border-radius:50%;background:#38dc7c;box-shadow:0 0 8px rgba(56,220,124,.45)}

/* consistent forms/buttons inside redesigned tabs */
#radio.r35-ready input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),#radio.r35-ready select,#radio.r35-ready textarea{border:1px solid #254b65!important;background:#061722!important;color:#dfeef8!important;border-radius:7px!important}
#radio.r35-ready button.primary{background:#1172ff!important;border-color:#4ca6ff!important;color:#fff!important}

@media(max-width:980px){
  #radio.r35-ready[data-r31-tab="overview"] .radio-ui06-hero-grid,#radio.r35-ready[data-r31-tab="overview"] .radio-ui06-mid-grid,#radio.r35-ready[data-r31-tab="player"] .radio-ui06-player-grid,#radio.r35-ready .r35-diag-grid{grid-template-columns:1fr!important}
  #radio.r35-ready[data-r31-tab="studio"] .radio-ui06-console-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #radio.r35-ready .r35-auto-layout{grid-template-columns:1fr!important}
  #radio.r35-ready[data-r31-tab="player"] #radioPlayerPreview{position:relative!important;top:auto!important;min-height:520px!important}
}
@media(max-width:700px){
  #radio.r35-ready .r35-pagehead{grid-template-columns:38px minmax(0,1fr)!important;padding:10px!important}
  #radio.r35-ready .r35-pageicon{width:36px;height:36px!important}
  #radio.r35-ready .r35-status{grid-column:1/-1!important;justify-self:start!important}
  #radio.r35-ready .r35-studio-metrics,#radio.r35-ready .r35-diag-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #radio.r35-ready[data-r31-tab="studio"] .radio-ui06-console-grid{grid-template-columns:1fr!important}
  #radio.r35-ready[data-r31-tab="studio"] .radio-ui06-studio-bottom{grid-template-columns:1fr!important}
  #radio.r35-ready .r35-auto-nav{display:flex!important;overflow-x:auto!important}
  #radio.r35-ready .r35-auto-nav button{flex:0 0 150px!important}
  #radio.r35-ready[data-r31-tab="player"] #radioPlayerForm .checks{grid-template-columns:1fr!important}
}
/* END fokisen-radio-tab-content-v35.css */