:root{--accent:#1466a3;font-family:Inter,system-ui,Arial,sans-serif;color:#18263b;background:#f2f5f9}*{box-sizing:border-box}body{margin:0}.shell{max-width:1050px;margin:auto;padding:18px}.top{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:14px;padding:14px 20px;margin-bottom:18px;box-shadow:0 2px 14px #14243b0d}.brand{font-size:23px;font-weight:800;color:var(--accent)}.right{position:relative;display:flex;gap:12px;align-items:center}.menu{position:absolute;right:0;top:45px;z-index:20;min-width:205px;background:#fff;border:1px solid #dce4ec;border-radius:10px;box-shadow:0 8px 30px #14243b20;padding:7px;display:grid}.menu button{text-align:left;background:#fff}.menu button:hover{background:#eef3f8}.card{background:#fff;border-radius:17px;padding:24px;margin:14px 0;box-shadow:0 4px 20px #14243b0b}h1{font-size:25px;margin:0 0 12px}h2{font-size:18px;margin:0 0 12px}.muted{font-size:14px;color:#64738a}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{border:0;border-radius:9px;padding:11px 14px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--accent);color:#fff;font-weight:750;font-size:18px;width:100%;padding:17px;margin-top:18px}.secondary{background:#eaf0f6;color:#183d63}.form{display:grid;gap:11px}.form label{display:grid;gap:5px;font-size:14px}.form input,.form select,.form textarea,#searchNotes,.noteInput{border:1px solid #cbd6e2;border-radius:8px;padding:10px;width:100%;background:white}.form textarea{min-height:75px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:15px}.grid form{border:1px solid #e4eaf0;border-radius:12px;padding:15px}.screen{aspect-ratio:16/9;background:#0e1b2b;border-radius:12px;overflow:hidden}.screen video,.screen iframe,#ytHost,#ytPlayer{width:100%;height:100%;border:0}.audio-art{height:180px;display:grid;place-items:center;font-size:64px;background:linear-gradient(130deg,#102b4d,#246ba0);color:white;border-radius:12px}audio{width:100%;margin-top:14px}.entry{border-bottom:1px solid #e4eaf1;padding:14px 0}.entry:last-child{border:0}.entry strong{display:block;margin-bottom:5px}.entry .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.entry .actions button{padding:8px 11px}.small{font-size:12px;color:#66748b}#message{position:sticky;bottom:8px;background:#e9f2fa;border-radius:8px;padding:10px;display:none}#message.show{display:block}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f0aa31}@media(max-width:600px){.shell{padding:10px}.card{padding:15px}.top{padding:12px}.brand{font-size:18px}h1{font-size:21px}#signedIn{display:none}}

/* Premium mobile-friendly player: playlist retracts during playback. */
#player{background:#101a25;color:#f5f8fc;border:1px solid #27394b;box-shadow:0 20px 55px #101b2b22;padding:clamp(16px,3vw,30px)}
#player h1{font-size:clamp(21px,3vw,30px);letter-spacing:-.025em;line-height:1.2;margin:12px 0}
#player .muted{color:#a9b8c9}
.player-heading,.playlist-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#63dfc1}
#player .secondary{background:#243342;color:#e8f2f9;border:1px solid #3b5266}
#player .secondary:hover,#player .secondary:focus-visible{background:#31475b}
#player .compact{font-size:13px;font-weight:700;padding:10px 13px}
#player .screen{background:#000;border:1px solid #263647;box-shadow:0 8px 30px #0005;aspect-ratio:16/9}
#player .primary{background:#2cc9a3;color:#071b20;border-radius:12px;font-size:16px;margin:0;width:auto;flex:1}
.player-actions{display:flex;align-items:stretch;gap:10px;margin-top:17px}
.player-details{margin:0 0 14px;color:#b7c7d5;font-size:13px}
.player-details summary{cursor:pointer;display:inline-block;padding:5px 0;text-decoration:underline;text-underline-offset:4px}
.player-details p{line-height:1.6;margin:7px 0}
.player-playlist{margin-top:18px;border:1px solid #34485a;border-radius:14px;background:#172432;overflow:hidden}
.playlist-head{padding:14px 16px;border-bottom:1px solid #34485a}
#playlistItems{max-height:330px;overflow-y:auto}
.playlist-entry{display:flex;flex-direction:column;text-align:left;width:100%;background:transparent;color:#f3f7fa;border-radius:0;padding:13px 16px;border-bottom:1px solid #283b4b;gap:5px}
.playlist-entry:last-child{border:0}.playlist-entry:hover,.playlist-entry:focus-visible{background:#273d4c}.playlist-entry.selected{background:#174b4b;border-left:4px solid #2cc9a3;padding-left:12px}
.playlist-entry-title{font-weight:700;font-size:14px}.playlist-entry-meta{font-size:12px;color:#a9bdcb}
#player #feedback{font-size:12px;margin-bottom:0}
@media(max-width:600px){#player{padding:15px;border-radius:17px}#player .screen{margin:0 -4px}#player .player-actions{flex-wrap:wrap}#player .player-actions button{min-height:46px}#player #remember{min-width:55%}#player #playlistBottom{flex:1}#player .compact{font-size:12px}}

/* Player 6: one integrated, space-efficient media surface */
body:has(#player:not(.hidden)){background:#0b121b}
body:has(#player:not(.hidden)) .shell{max-width:1500px;padding:0 18px}
body:has(#player:not(.hidden)) .top{background:#101a25;color:#fff;box-shadow:none;border-radius:0;margin:0;padding:12px 18px;border-bottom:1px solid #263443}
body:has(#player:not(.hidden)) .brand{color:#eaf5f4;font-size:19px;letter-spacing:-.02em}
body:has(#player:not(.hidden)) #menuBtn{background:#233341;color:#f4fafb;padding:9px 13px}
#player{border:0;border-radius:0;box-shadow:none;margin:0;padding:18px 0 24px;background:transparent}
#player .player-heading{margin-bottom:5px}
#player h1{font-size:clamp(20px,2.1vw,28px);margin:5px 0 12px}
#player .player-details{margin-bottom:12px}
#player .player-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;position:relative;align-items:start}
#player.playlist-open .player-layout{grid-template-columns:minmax(0,1fr) minmax(245px,300px);gap:14px}
#player .player-stage{min-width:0}
#player .screen{border:0;border-radius:9px;box-shadow:none;width:100%}
#player .player-actions{margin-top:10px;gap:10px}
#player .player-actions button{padding:12px 14px;min-height:48px}
#player #remember{flex:0 1 240px}
#player #playlistBottom{flex:0 1 190px}
#player .player-playlist{margin:0;border-radius:9px;height:100%;max-height:min(72vh,700px);overflow:hidden}
#player #playlistItems{max-height:calc(min(72vh,700px) - 62px)}
#player #feedback{margin:8px 0 0}
@media(max-width:700px){
 body:has(#player:not(.hidden)) .shell{padding:0}
 body:has(#player:not(.hidden)) .top{padding:10px 12px}
 body:has(#player:not(.hidden)) .brand{font-size:17px}
 #player{padding:12px 10px 18px}
 #player .eyebrow{font-size:10px}
 #player h1{font-size:20px;margin:5px 0 9px}
 #player .player-details{margin:0 0 8px}
 #player .screen{border-radius:6px;margin:0}
 #player .player-actions{display:flex;flex-wrap:nowrap}
 #player #remember{min-width:0;flex:1.1;font-size:14px;padding:10px 6px}
 #player #playlistBottom{min-width:0;flex:.8;font-size:12px;padding:8px 5px}
 #player.playlist-open .player-layout{grid-template-columns:minmax(0,1fr);gap:0}
 #player .player-playlist{position:fixed;z-index:60;right:0;top:0;bottom:0;width:min(88vw,370px);max-height:none;border-radius:14px 0 0 14px;box-shadow:-40px 0 100px #000b;overflow:auto}
 #player #playlistItems{max-height:calc(100dvh - 70px)}
 #player .playlist-head{position:sticky;top:0;background:#172432;z-index:2}
}

/* Player 7 — single media canvas; desktop viewport fit and mobile overflow containment */
html,body{width:100%;max-width:100%;overflow-x:clip}
body:has(#player:not(.hidden)){background:#080f19;color:#f3f6fb}
body:has(#player:not(.hidden)) .shell{max-width:none;width:100%;padding:0;margin:0;min-width:0}
body:has(#player:not(.hidden)) .top{height:54px;padding:0 clamp(12px,2.5vw,34px);margin:0;border:0;border-bottom:1px solid #263547;background:#0c1725;display:flex;gap:10px}
body:has(#player:not(.hidden)) .top .brand{font-size:clamp(15px,1.5vw,20px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:has(#player:not(.hidden)) .top .right{flex-shrink:0}
body:has(#player:not(.hidden)) #menuBtn{font-size:13px;padding:8px 11px;white-space:nowrap}
body:has(#player:not(.hidden)) #signedIn{font-size:12px;color:#a7b8c9}
#player{width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:clamp(10px,1.8vh,20px) clamp(10px,2.5vw,34px) 12px;display:flex;flex-direction:column;gap:8px}
#player h1{font-size:clamp(18px,2vw,25px);font-weight:720;line-height:1.22;margin:0;letter-spacing:-.02em;overflow-wrap:anywhere}
#player .player-details{order:4;margin:0;font-size:12px}
#player .player-details summary{padding:3px 0;text-decoration:none;color:#9eafc3}
#player .player-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;align-items:start}
#player.playlist-open .player-layout{grid-template-columns:minmax(0,1fr) minmax(235px, min(29vw,370px));gap:14px}
#player .player-stage{width:100%;min-width:0}
#player #videoArea,#player #audioArea{min-width:0}
#player .screen{width:min(100%,calc((100dvh - 190px)*16/9));max-width:100%;aspect-ratio:16/9;height:auto;max-height:calc(100dvh - 190px);margin:0 auto;border:0;border-radius:8px;overflow:hidden;background:#000}
#player .screen iframe,#player .screen video{display:block;width:100%;height:100%;object-fit:contain}
#player .player-actions{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px;margin:10px auto 0;max-width:900px;min-width:0}
#player .player-actions button{flex:1 1 0;min-width:0;width:auto;margin:0;min-height:44px;padding:10px 12px;font-size:clamp(12px,1.15vw,15px);font-weight:700;white-space:nowrap;border-radius:9px}
#player #remember{background:#20c5a5;color:#051b20;flex:1.25 1 0}
#player #feedback{order:5;text-align:center;font-size:11px;line-height:1.3;margin:0;color:#8396aa}
#player .player-playlist{height:auto;max-height:calc(100dvh - 145px);margin:0;background:#152232;border:1px solid #344457;border-radius:10px;min-width:0}
#player #playlistItems{max-height:calc(100dvh - 210px)}
#player .playlist-head{padding:10px 12px;font-size:14px}
#player .playlist-entry{padding:12px;font-size:13px}
#player .playlist-entry-title{overflow-wrap:anywhere}
.question-dialog{width:min(92vw,480px);max-width:480px;background:#142233;color:#fff;border:1px solid #405367;border-radius:16px;padding:20px;box-shadow:0 25px 90px #000a}
.question-dialog::backdrop{background:#000a}
.question-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.question-dialog textarea{width:100%;resize:vertical;background:#0c1725;color:#fff;border:1px solid #4b6074;border-radius:8px;padding:12px;margin-top:8px}
.question-dialog label{display:block;margin-top:14px}
.question-dialog .primary{width:100%;margin-top:12px;background:#20c5a5;color:#071c21}
@media(max-width:700px){
 body:has(#player:not(.hidden)) .top{height:50px;padding:0 12px}
 body:has(#player:not(.hidden)) .top .brand{font-size:16px}
 #player{padding:12px 0 14px;gap:8px;overflow:visible}
 #player h1{font-size:19px;padding:0 12px;line-height:1.25}
 #player .player-layout{display:block;width:100%;min-width:0}
 #player.playlist-open .player-layout{display:block}
 #player .screen{width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:16/9;border-radius:0;margin:0}
 #player .player-actions{padding:0 9px;margin:10px auto 0;gap:6px;width:100%;max-width:100%;flex-wrap:nowrap}
 #player .player-actions button{min-height:43px;padding:9px 5px;font-size:clamp(10px,3vw,13px);line-height:1.1;white-space:normal;overflow-wrap:normal}
 #player #remember{flex:1.3 1 0;min-width:0;font-size:clamp(11px,3.2vw,14px)}
 #player #askQuestion{flex:1 1 0}
 #player #playlistBottom{flex:1.05 1 0}
 #player .player-details{padding:0 12px}
 #player #feedback{padding:0 12px;font-size:11px}
 #player .player-playlist{position:fixed;z-index:60;inset:0 0 0 auto;width:min(88vw,360px);max-width:100vw;max-height:100dvh;height:100dvh;overflow:hidden;border-radius:12px 0 0 12px;box-shadow:-20px 0 80px #000b}
 #player #playlistItems{max-height:calc(100dvh - 65px)}
 #player .playlist-head{padding:14px 12px}
}
@media(max-height:700px) and (min-width:701px){#player .screen{width:min(100%,calc((100dvh - 165px)*16/9));max-height:calc(100dvh - 165px)}#player{padding-top:8px;gap:5px}#player .player-actions{margin-top:6px}}

/* v8 overrides */
/* Player v8: broadcast-console layout. All rules scoped to player view. */
html{min-width:0}body{min-width:0}body:has(#player:not(.hidden)){background:#080f19;min-height:100dvh;color:#f2f6fa}body:has(#player:not(.hidden)) .shell{max-width:none;width:100%;padding:0;min-width:0}body:has(#player:not(.hidden)) .top{width:100%;height:66px;min-height:66px;background:#0e1b2a;border-bottom:1px solid #2a3947;padding:0 clamp(14px,2vw,36px);display:flex;align-items:center;gap:12px;margin:0;border-radius:0}body:has(#player:not(.hidden)) .top .right{margin-left:auto;min-width:0}body:has(#player:not(.hidden)) #menuBtn{border:1px solid #3b4b59;border-radius:5px;background:#1d2d3c;padding:9px 13px;font-size:13px}body:has(#player:not(.hidden)) #signedIn{font-size:12px}#showBrand{display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden;color:#fff}#showBrand strong{font-size:clamp(16px,1.5vw,22px);font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#showBrand span{font-size:12px;color:#aab9c7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#showBrand.hidden{display:none}
#player{width:100%;max-width:none;margin:0;padding:clamp(12px,2vh,22px) clamp(12px,2vw,34px) 16px;background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:0;min-width:0}#player>h1{display:none}#player .player-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;width:100%;min-width:0}#player.playlist-open .player-layout{grid-template-columns:minmax(0,1fr) clamp(270px,23vw,370px);gap:clamp(12px,1.3vw,22px)}#player .player-stage{width:100%;min-width:0}#player #videoArea,#player #audioArea{width:100%;min-width:0}#player .screen{width:min(100%,calc((100dvh - 160px)*16/9));max-width:100%;height:auto;max-height:calc(100dvh - 160px);aspect-ratio:16/9;border:0;border-radius:4px;box-shadow:none;background:#000;margin:0 auto;overflow:hidden}#player .screen iframe,#player .screen video{display:block;width:100%;height:100%;object-fit:contain}#player .player-actions{width:100%;max-width:none;margin:10px auto 0;padding:0;display:flex;gap:8px;justify-content:stretch;align-items:stretch;flex-wrap:nowrap}#player .player-actions button{width:auto;min-width:0;flex:1 1 0;margin:0;padding:12px 14px;min-height:46px;white-space:normal;font-size:clamp(12px,1.15vw,15px);line-height:1.2;border-radius:5px;font-weight:650}#player #remember{flex:1.25 1 0;background:#21c5a4;color:#051c1d}#player #askQuestion{flex:1 1 0}#player #playlistBottom{flex:.9 1 0}#player .secondary{background:#223344;border:1px solid #34485a;color:#f1f6f9}#player .player-playlist{width:100%;height:auto;max-height:calc(100dvh - 108px);min-width:0;margin:0;border:0;border-left:1px solid #344657;border-radius:0;background:#111f2d;box-shadow:none;overflow:hidden}#player .playlist-head{padding:14px 16px;min-height:52px;background:#162534;border-bottom:1px solid #304252;gap:8px}#player .playlist-head strong{font-size:15px;font-weight:650}#player .playlist-head button{padding:6px 8px;border-radius:4px;font-size:12px}#player #playlistItems{max-height:calc(100dvh - 165px);overflow-y:auto}#player .playlist-entry{width:100%;border:0;border-bottom:1px solid #2b3a48;border-radius:0;background:transparent;padding:16px 15px;gap:6px;text-align:left}#player .playlist-entry.selected{background:#163936;border-left:3px solid #21c5a4;padding-left:12px}#player .playlist-entry-title{font-size:14px;font-weight:650;line-height:1.3}#player .playlist-entry-meta{font-size:12px;color:#a0b3c2}#player .player-details{order:4;margin:10px 0 0;font-size:12px;color:#a8b8c7}#player .player-details summary{display:inline-block;text-decoration:none;padding:3px 0}#player #feedback{order:5;font-size:11px;margin:8px 0 0;text-align:left;color:#8195a6}#player .audio-art{height:min(48vh,370px);border-radius:4px;background:linear-gradient(135deg,#132a41,#0b1626);font-size:72px}#player audio{width:100%}body:has(#player:not(.hidden)) #message{max-width:100%}
@media(min-width:701px) and (min-aspect-ratio:17/10){#player .screen{width:min(100%,calc((100dvh - 160px)*16/9))}}
@media(max-width:700px){html,body{width:100%;max-width:100%;overflow-x:hidden}body:has(#player:not(.hidden)){background:#080f19;min-height:100dvh}body:has(#player:not(.hidden)) .shell{width:100%;max-width:100%;overflow-x:clip}body:has(#player:not(.hidden)) .top{height:62px;min-height:62px;padding:0 12px;gap:6px}#showBrand{flex:1 1 auto;max-width:calc(100% - 88px)}#showBrand strong{font-size:16px}#showBrand span{font-size:11px}body:has(#player:not(.hidden)) .top .right{flex:0 0 auto}body:has(#player:not(.hidden)) #signedIn{display:none}body:has(#player:not(.hidden)) #menuBtn{padding:8px 10px;font-size:12px}#player{width:100%;max-width:100%;padding:0 0 24px;gap:0;overflow:visible}#player .player-layout,#player.playlist-open .player-layout{display:block;width:100%;max-width:100%;min-width:0}#player .player-stage,#player #videoArea,#player #audioArea{width:100%;max-width:100%;min-width:0}#player .screen{width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:16/9;border-radius:0;margin:0}#player .player-actions{width:100%;max-width:100%;padding:0 10px;margin:12px 0 0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:6px}#player .player-actions button{width:100%;min-width:0;min-height:47px;padding:8px 5px;font-size:clamp(10px,2.8vw,13px);line-height:1.15;overflow-wrap:break-word}#player #remember{font-size:clamp(11px,3vw,14px)}#player .player-details{padding:0 14px;margin:16px 0 0}#player #feedback{padding:0 14px;margin:8px 0 0}#player .player-playlist{position:fixed;z-index:80;inset:auto 0 0 0;width:100%;max-width:100%;height:min(75dvh,640px);max-height:75dvh;border:0;border-top:1px solid #465b6b;border-radius:8px 8px 0 0;box-shadow:0 -25px 70px #000b;overflow:hidden}#player #playlistItems{max-height:calc(min(75dvh,640px) - 56px)}#player .playlist-head{min-height:56px;padding:12px 16px}body.episodes-open:has(#player:not(.hidden))::before{content:"";position:fixed;inset:0;background:#0009;z-index:79;pointer-events:none}#player .audio-art{height:38dvh;border-radius:0}#player audio{padding:0 12px}body:has(#player:not(.hidden)) .menu{right:0;max-width:calc(100vw - 24px)}}

/* V9: stable mobile viewport and four-action broadcast controls */
html{width:100%;min-width:0;overflow-x:clip}body{width:100%;min-width:0;overflow-x:clip}
body:has(#player:not(.hidden)) .shell,body:has(#player:not(.hidden)) .top,#player,#player .player-layout,#player .player-stage{min-width:0;max-width:100%;box-sizing:border-box}
body:has(#player:not(.hidden)) .top{min-width:0;overflow:visible}
body:has(#player:not(.hidden)) .top .right{min-width:0;flex-shrink:0}
#player .player-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:100%;margin:10px 0 0;justify-content:stretch}
#player .player-actions button{min-width:0;width:100%;max-width:100%;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;white-space:normal;overflow-wrap:anywhere;border-radius:5px}
#player #remember,#player #askQuestion{min-height:57px;font-size:clamp(14px,1.25vw,17px);font-weight:750}
#player #remember{background:#21c5a4;color:#061d1b}
#player #askQuestion{background:#1762b4;color:white;border:1px solid #277bd0}
#player #myNotebook,#player #playlistBottom{min-height:40px;font-size:clamp(12px,1.05vw,14px);background:#223344;color:#f1f6f9}
#player .player-stage{max-width:100%;min-width:0}
@media(min-width:701px){
 #player{padding-top:clamp(8px,1.3vh,16px)}
 #player .player-layout{width:100%;grid-template-columns:minmax(0,1fr)}
 #player.playlist-open .player-layout{grid-template-columns:minmax(0,1fr) clamp(270px,22vw,380px)}
 #player .screen{width:min(100%,calc((100dvh - 205px)*16/9));max-height:calc(100dvh - 205px);min-height:0}
 #player .player-actions{max-width:min(100%,calc((100dvh - 205px)*16/9));margin:10px auto 0}
 #player.playlist-open .player-actions{max-width:100%}
 #player .player-playlist{max-height:calc(100dvh - 94px)}
}
@media(max-width:700px){
 body:has(#player:not(.hidden)) .shell{width:100%;max-width:100%;overflow-x:clip}
 body:has(#player:not(.hidden)) .top{width:100%;max-width:100%;padding-inline:12px}
 #showBrand{min-width:0;max-width:none;flex:1 1 0}
 #showBrand strong,#showBrand span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #player{width:100%;max-width:100%;padding:0 0 24px;overflow-x:clip}
 #player .player-layout,#player .player-stage,#player #videoArea,#player #audioArea{width:100%;max-width:100%;min-width:0}
 #player .screen{width:100%;max-width:100%;min-width:0;aspect-ratio:16/9;overflow:hidden}
 #player .screen iframe,#player .screen video,#ytHost,#ytPlayer{max-width:100%;min-width:0}
 #player .player-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px;width:100%;max-width:100%;margin:12px 0 0}
 #player .player-actions button{min-width:0;width:100%;padding:9px 7px;line-height:1.2}
 #player #remember,#player #askQuestion{min-height:54px;font-size:clamp(12px,3.45vw,15px)}
 #player #myNotebook,#player #playlistBottom{min-height:43px;font-size:clamp(12px,3.2vw,14px)}
 #player .player-playlist{left:0;right:0;inset-inline:0;width:100%;max-width:100%;border-radius:7px 7px 0 0}
}

/* v10: notebook uses the same retractable side workspace as Browse Episodes */
#player .notebook-drawer{background:#111f2d;color:#f2f6fa;border-left:1px solid #344657;min-width:0;min-height:0;max-height:calc(100dvh - 95px);display:flex;flex-direction:column;overflow:hidden}
#player .notebook-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;min-height:52px;border-bottom:1px solid #304252;background:#162534}
#player .notebook-head strong{font-size:15px}
#player .notebook-head button{font-size:12px;padding:7px 9px}
#player .notebook-search{padding:12px;border-bottom:1px solid #304252}
#player #drawerSearchNotes{display:block;width:100%;min-width:0;padding:11px 12px;background:#0b1724;color:#fff;border:1px solid #43586a;border-radius:4px;font-size:14px}
#player .notebook-results{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:0 12px}
#player .drawer-note{padding:14px 2px;border-bottom:1px solid #2b3a48;display:flex;flex-direction:column;gap:8px}
#player .drawer-note strong{font-size:13px;line-height:1.35}
#player .drawer-note-meta{font-size:12px;color:#a6b7c7}
#player .drawer-note textarea{width:100%;min-width:0;resize:vertical;background:#0b1724;border:1px solid #415467;border-radius:4px;color:white;padding:9px;font-size:13px}
#player .drawer-note-actions{display:flex;flex-wrap:wrap;gap:6px}
#player .drawer-note-actions button{padding:7px 9px;font-size:12px;border-radius:4px;background:#253a4b;color:white}
#player .notebook-footer{padding:12px;border-top:1px solid #344657;background:#162534;flex-shrink:0}
#player #exportNotes{display:block;width:100%;background:#21c5a4;color:#061d1b;border-radius:4px;font-weight:700;padding:12px}
@media(min-width:701px){#player.notebook-open .player-layout{grid-template-columns:minmax(0,1fr) clamp(300px,26vw,420px);gap:clamp(12px,1.3vw,22px)}#player.notebook-open .player-actions{max-width:100%}#player.notebook-open .screen{width:min(100%,calc((100dvh - 205px)*16/9))}}
@media(max-width:700px){#player .notebook-drawer{position:fixed;z-index:85;inset:0 0 0 auto;width:min(92vw,380px);max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:-20px 0 65px #000b}body.notebook-overlay-open:has(#player:not(.hidden))::before{content:"";position:fixed;inset:0;background:#000a;z-index:84;pointer-events:none}#player .notebook-results{padding-bottom:env(safe-area-inset-bottom)}#player .notebook-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}

/* v10.1: drawer is a sibling of playlist; hidden state must override flex display. */
#player .notebook-drawer.hidden{display:none!important}
#player .player-playlist.hidden{display:none!important}

/* v10.2: notebook is an independent grid sibling of the episode browser. */
@media (min-width:701px){#player.notebook-open:not(.playlist-open) .player-layout{grid-template-columns:minmax(0,1fr) clamp(300px,26vw,420px)}#player.notebook-open #notebookDrawer{grid-column:2;grid-row:1;align-self:start;height:min(72dvh,680px)}#player.notebook-open #playerPlaylist.hidden{display:none!important}}
@media (max-width:700px){#player.notebook-open #notebookDrawer{display:flex;position:fixed;right:0;left:auto;top:0;bottom:0;width:min(92vw,380px);height:100dvh;z-index:85}}

/* v11: true viewport sizing, no horizontal scrolling or oversized embedded iframe */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden}body{width:100%;max-width:100%;margin:0;overflow-x:hidden}
body:has(#player:not(.hidden)) .shell{width:100%;max-width:100%;min-width:0}
body:has(#player:not(.hidden)) .top{width:100%;max-width:100%;min-width:0}
#player .player-stage,#player .screen,#player #ytHost,#player #ytPlayer{min-width:0;max-width:100%}
#player .screen iframe{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%!important;border:0}
#player .screen{position:relative}
#player .media-switcher{display:flex;justify-content:center;gap:0;width:max-content;max-width:100%;margin:0 auto 9px;border:1px solid #334b5e;border-radius:5px;overflow:hidden}
#player .media-switcher.hidden{display:none!important}
#player .media-switcher button{min-width:95px;background:#192a3b;color:#d4e3ee;border:0;border-radius:0;padding:9px 15px;font-size:13px}
#player .media-switcher button[aria-pressed=true]{background:#20bfa2;color:#071c1c;font-weight:750}
@media(max-width:700px){
 html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
 body:has(#player:not(.hidden)) .shell,body:has(#player:not(.hidden)) .top,#player,#player .player-layout,#player .player-stage,#player #videoArea,#player #audioArea,#player .screen{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
 body:has(#player:not(.hidden)) .top{padding-inline:12px!important}
 body:has(#player:not(.hidden)) .top .right{max-width:90px;flex-shrink:0}
 #player .player-actions{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;padding-inline:10px!important}
 #player .screen{aspect-ratio:16/9!important;height:auto!important;max-height:none!important;overflow:hidden!important}
 #player #ytHost,#player #ytPlayer,#player .screen video{width:100%!important;height:100%!important;max-width:100%!important}
 #player .notebook-drawer{max-width:100vw!important}
}

/* v12 audio artwork: maintain 16:9 aspect ratio and prevent layout shifts */
#player .audio-art{position:relative;aspect-ratio:16/9;height:auto;max-height:min(60dvh,700px);overflow:hidden;background:#15283a;display:grid;place-items:center;}
#player .audio-art img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0;}
#player .audio-art img.hidden{display:none!important;}
#player .audio-art span.hidden{display:none!important;}
@media(max-width:700px){#player .audio-art{height:auto;max-height:none;aspect-ratio:16/9;}}

/* v12.1 mobile viewport and drawer correction: last-layer authoritative rules */
@media (max-width:700px){
 html{width:100%;max-width:100%;overflow-x:clip!important}
 body{width:100%;max-width:100%;min-width:0;overflow-x:clip!important}
 body:has(#player:not(.hidden)) .shell{width:100%;max-width:100%;min-width:0;overflow:clip}
 body:has(#player:not(.hidden)) .top{width:100%;max-width:100%;min-width:0;display:flex;gap:8px;overflow:hidden;padding:8px 12px!important}
 body:has(#player:not(.hidden)) .top #showBrand{flex:1 1 0;min-width:0;max-width:calc(100% - 98px);overflow:hidden}
 body:has(#player:not(.hidden)) .top .right{flex:0 0 auto;max-width:90px;min-width:0}
 body:has(#player:not(.hidden)) #menuBtn{max-width:90px;font-size:12px;padding:8px!important;white-space:nowrap}
 #player{width:100%;max-width:100%;min-width:0;padding:0 0 20px!important;margin:0!important;overflow:clip}
 #player .player-layout,#player .player-stage,#player #videoArea,#player #audioArea{width:100%;max-width:100%;min-width:0;overflow:clip}
 #player .screen{display:block;width:100%;max-width:100%;min-width:0;aspect-ratio:16/9;overflow:hidden}
 #player .screen #ytHost,#player .screen #ytPlayer,#player .screen iframe,#player .screen video{max-width:100%!important;min-width:0!important}
 #player .player-actions{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px!important;gap:8px}
 #player .player-actions button{width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere;font-size:clamp(12px,3.3vw,15px);padding:10px 5px}
 #player .media-switcher{max-width:calc(100% - 24px)}
 #player #notebookDrawer{position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;z-index:150!important;border:0!important;box-shadow:none!important;overflow:hidden!important;padding-top:env(safe-area-inset-top,0px)}
 #player #notebookDrawer.hidden{display:none!important}
 #player .notebook-head{position:relative;z-index:2;flex-shrink:0;min-height:64px;padding:12px 16px}
 #player #notebookClose{display:inline-flex!important;align-items:center;justify-content:center;min-width:90px;min-height:44px;color:#fff;background:#2b4355;border:1px solid #60798b;opacity:1;visibility:visible}
 #player .notebook-search{flex-shrink:0}
 #player .notebook-results{flex:1;min-height:0;overflow-y:auto}
 #player .notebook-footer{flex-shrink:0;padding-bottom:max(16px,env(safe-area-inset-bottom))}
 body:has(#player:not(.hidden)) #message.show{position:fixed!important;bottom:calc(16px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto;max-width:none;z-index:250;background:#233747!important;color:#fff!important;border:1px solid #466077;padding:12px 16px;border-radius:5px;font-size:14px;box-shadow:0 8px 30px #0008;overflow-wrap:anywhere}
}
/* Feedback must not create an in-flow band or obscure the content. */
body:has(#player:not(.hidden)) #message.show{position:fixed;bottom:16px;left:16px;right:16px;width:auto;max-width:560px;margin:0 auto;z-index:250;background:#233747;color:white;border:1px solid #466077;box-shadow:0 8px 30px #0008}

/* v12.1.1: hard viewport containment on iOS Safari. Do not allow intrinsic
   embedded media, grid tracks, or header contents to enlarge the page. */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
@media (max-width:700px) {
  html, body { width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; }
  body:has(#player:not(.hidden)) .shell {
    display:block !important; width:100vw !important; max-width:100vw !important;
    min-width:0 !important; margin:0 !important; padding:0 !important;
    overflow-x:hidden !important;
  }
  body:has(#player:not(.hidden)) .top {
    width:100% !important; max-width:100% !important; min-width:0 !important;
    box-sizing:border-box !important; overflow:hidden !important;
    display:grid !important; grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important; padding:8px 10px !important; gap:8px !important;
  }
  body:has(#player:not(.hidden)) #showBrand {
    min-width:0 !important; max-width:100% !important; width:auto !important;
    overflow:hidden !important;
  }
  body:has(#player:not(.hidden)) .top .right { min-width:0 !important; max-width:80px !important; }
  body:has(#player:not(.hidden)) #menuBtn { max-width:80px !important; overflow:hidden; text-overflow:ellipsis; }
  #player { display:block !important; width:100% !important; max-width:100% !important;
    min-width:0 !important; overflow-x:hidden !important; }
  #player .player-layout { display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; }
  #player .player-stage, #player #videoArea, #player #audioArea, #player .screen {
    display:block; width:100% !important; max-width:100% !important; min-width:0 !important;
    box-sizing:border-box !important; overflow:hidden !important;
  }
  #player .screen { position:relative !important; aspect-ratio:16/9 !important; }
  #player .screen iframe, #player .screen video, #player #ytHost, #player #ytPlayer {
    max-width:100% !important; min-width:0 !important;
  }
  #player .player-actions { box-sizing:border-box !important; width:100% !important;
    max-width:100% !important; min-width:0 !important; padding:0 10px !important;
    display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:8px !important; margin:12px 0 0 !important; }
  #player .player-actions button { box-sizing:border-box !important; min-width:0 !important;
    max-width:100% !important; width:100% !important; font-size:clamp(12px,3.3vw,15px) !important;
    padding:10px 4px !important; overflow-wrap:anywhere !important; }
  #player .media-switcher { max-width:calc(100% - 20px) !important; }
  #player .player-details, #player #feedback { max-width:100%; min-width:0; overflow-wrap:anywhere; }
}

/* Analytics filters: no changes to player layout */
.analytics-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0}.analytics-filters label{min-width:150px;flex:1 1 150px}.analytics-filters input{width:100%;max-width:100%;box-sizing:border-box}.analytics-filters button{flex:0 1 auto}

/* Version 12.4 administration workspace: isolated from the public player. */
#admin{min-width:0;overflow-x:hidden}
#admin .admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
#admin .admin-heading h1{margin:3px 0 8px}
#admin .admin-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent,#1466a3);margin:0}
#admin .admin-nav{display:flex;gap:7px;flex-wrap:wrap;padding:7px;background:rgba(110,130,150,.12);border:1px solid rgba(130,150,170,.2);border-radius:12px;margin-bottom:24px}
#admin .admin-nav-item{flex:1 1 140px;border:0;border-radius:8px;padding:13px 12px;cursor:pointer;font-size:14px;font-weight:650;background:transparent;color:inherit;white-space:normal}
#admin .admin-nav-item.active{background:var(--accent,#1466a3);color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.14)}
#admin .admin-nav-item:focus-visible{outline:3px solid #68b8ff;outline-offset:2px}
#admin .admin-panel-heading{margin-bottom:17px}
#admin .admin-panel-heading h2{font-size:21px;margin:0 0 5px}
#admin .admin-panel-heading p{margin:0}
#admin .admin-form-grid{align-items:start;gap:18px}
#admin .admin-form{min-width:0;max-width:100%;box-sizing:border-box}
#admin .admin-form.hidden{display:none!important}
#admin .admin-form input,#admin .admin-form select,#admin .admin-form textarea{min-width:0;max-width:100%;box-sizing:border-box}
#admin .admin-settings-panel{padding:18px;border:1px solid rgba(130,150,170,.25);border-radius:12px;max-width:700px}
#admin .admin-settings-panel.hidden{display:none!important}
#admin .admin-settings-panel h3:not(:first-child){margin-top:26px}
@media(max-width:700px){#admin .admin-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#admin .admin-nav-item{min-width:0;padding:12px 5px;font-size:13px}#admin .admin-heading{align-items:flex-start}#admin .admin-form-grid{display:block}#admin .admin-form{margin-bottom:16px}}

/* 12.5: scoped light administration workspace; player colors unchanged */
#admin.admin-v125{--adm-blue:#175ac9;--adm-ink:#12233e;background:#f5f7fc!important;color:var(--adm-ink)!important;border:1px solid #dfe6f2;border-radius:16px;padding:clamp(16px,3vw,36px);box-shadow:0 10px 35px #00000012;max-width:100%;overflow:hidden}
#admin.admin-v125 h1,#admin.admin-v125 h2,#admin.admin-v125 h3{color:#12233e}
#admin.admin-v125 .muted{color:#64748b}
#admin.admin-v125 .admin-heading{border-bottom:1px solid #e2e8f0;padding-bottom:22px}
#admin.admin-v125 .admin-heading h1{font-size:clamp(24px,3vw,34px);letter-spacing:-.035em}
#admin.admin-v125 .admin-nav{background:#14243b;border:0;padding:9px;gap:6px;border-radius:12px;display:flex;flex-wrap:wrap}
#admin.admin-v125 .admin-nav-item{color:#d8e3f4;flex:1 1 135px;text-align:center}
#admin.admin-v125 .admin-nav-item.active{background:#2465d2;color:white;box-shadow:none}
#admin.admin-v125 .admin-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
#admin.admin-v125 .admin-kpis>div{padding:20px;background:white;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:7px}
#admin.admin-v125 .admin-kpis span{font-size:13px;color:#64748b}#admin.admin-v125 .admin-kpis strong{font-size:30px;color:#112b52}
#admin.admin-v125 .admin-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 10px}
#admin.admin-v125 .admin-shortcuts button{background:#fff;color:#173050;border:1px solid #dfe6f2;border-radius:12px;min-height:130px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;text-align:left;padding:20px;font-size:24px;cursor:pointer}
#admin.admin-v125 .admin-shortcuts b{font-size:15px}#admin.admin-v125 .admin-shortcuts small{font-size:12px;color:#64748b}
#admin.admin-v125 .admin-shortcuts button:hover,#admin.admin-v125 .admin-record:hover{border-color:#7ba8f3;background:#f9fbff}
#admin.admin-v125 .admin-record-toolbar{display:flex;gap:12px;margin:15px 0;align-items:center}
#admin.admin-v125 .admin-record-toolbar input{flex:1;min-width:0;background:#fff;color:#1c2b43;border:1px solid #cbd5e1;border-radius:9px;padding:13px}
#admin.admin-v125 .admin-action-primary{background:#175ac9;color:#fff;border:0;border-radius:9px;padding:13px 20px;cursor:pointer;white-space:nowrap}
#admin.admin-v125 .admin-record-list{background:#fff;border:1px solid #dfe6f2;border-radius:12px;overflow:hidden}
#admin.admin-v125 .admin-record{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e8edf5}
#admin.admin-v125 .admin-record:last-child{border-bottom:0}#admin.admin-v125 .admin-record-info{min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:5px}
#admin.admin-v125 .admin-record-info strong{font-size:15px}#admin.admin-v125 .admin-record-info small{color:#64748b}
#admin.admin-v125 .admin-record-actions{display:flex;gap:8px;flex-wrap:wrap}#admin.admin-v125 .admin-record-actions button{background:#f1f6ff;color:#1556bb;border:1px solid #c6d8f8;border-radius:7px;padding:8px 13px;cursor:pointer}
#admin.admin-v125 .admin-editor-header{display:flex;align-items:center;gap:16px;margin:0 0 18px}#admin.admin-v125 .admin-editor-header button{background:transparent;color:#175ac9;border:0;cursor:pointer}
#admin.admin-v125 #adminForms{display:block}#admin.admin-v125 #adminForms .admin-form{max-width:750px;background:#fff;color:#1d304a;border:1px solid #dfe6f2;border-radius:12px;padding:24px}
#admin.admin-v125 #adminForms .admin-form input,#admin.admin-v125 #adminForms .admin-form select,#admin.admin-v125 #adminForms .admin-form textarea{background:#fff;color:#182b47;border:1px solid #cbd5e1}
#admin.admin-v125 #adminForms .admin-form button{background:#175ac9;color:#fff;border:0;padding:12px 18px}
#admin.admin-v125 .admin-settings-panel{background:#fff;color:#1d304a}
@media(max-width:850px){#admin.admin-v125 .admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#admin.admin-v125{padding:14px}#admin.admin-v125 .admin-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#admin.admin-v125 .admin-kpis{gap:6px}#admin.admin-v125 .admin-kpis>div{padding:11px}#admin.admin-v125 .admin-kpis strong{font-size:23px}#admin.admin-v125 .admin-shortcuts button{padding:12px;min-height:110px}#admin.admin-v125 .admin-record{align-items:flex-start;flex-direction:column}#admin.admin-v125 .admin-record-toolbar{flex-wrap:wrap}#admin.admin-v125 .admin-record-toolbar input{flex-basis:100%}}
/* v12.5.1 — approved desktop reference implementation */
@media(min-width:980px){
 body:has(#admin:not(.hidden)){background:#f3f6fc}
 body:has(#admin:not(.hidden)) .shell{max-width:none;padding:0 24px 24px 265px}
 body:has(#admin:not(.hidden)) .top{margin:0 0 14px;border-radius:0;box-shadow:none;justify-content:flex-end;padding:12px 24px;background:#fff}
 #admin.admin-v125{position:relative;overflow:visible;border:1px solid #dce5f2;border-radius:12px;padding:30px 34px 40px;min-height:calc(100vh - 90px);box-shadow:none}
 #admin.admin-v125 .admin-nav{position:fixed;left:0;top:0;bottom:0;width:240px;z-index:15;border-radius:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px;background:linear-gradient(160deg,#13263e,#111d32);padding:156px 10px 20px;overflow-y:auto}
 #admin.admin-v125 .admin-nav:before{content:'FGUSA';position:absolute;top:30px;left:24px;color:#fff;font-size:34px;font-weight:850;letter-spacing:-1.5px}
 #admin.admin-v125 .admin-nav:after{content:'Feature Group USA';position:absolute;top:75px;left:25px;color:#d5e0f1;font-size:14px}
 #admin.admin-v125 .admin-nav-item{flex:0 0 auto;text-align:left;width:100%;padding:15px 17px;border-radius:8px;font-size:15px}
 #admin.admin-v125 .admin-heading{border:0;padding:0 0 20px}
 #admin.admin-v125 .admin-heading h1{font-size:36px}
}
#admin.admin-v125 .admin-overview-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:4px 0 24px}
#admin.admin-v125 .admin-overview-tiles button{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-width:0;min-height:165px;padding:15px 8px;background:linear-gradient(#eef3fe,#e8eefb);border:1px solid #d7e2f8;border-radius:12px;color:#14223c;cursor:pointer}
#admin.admin-v125 .admin-overview-tiles span{font-size:32px;color:#1556c5;line-height:1.2}
#admin.admin-v125 .admin-overview-tiles b{font-size:15px}
#admin.admin-v125 .admin-overview-tiles small{font-size:12px;line-height:1.45;color:#455674}
#admin.admin-v125 .admin-home-organizations,#admin.admin-v125 .admin-home-recent,#admin.admin-v125 .admin-home-metrics{background:white;border:1px solid #dbe4f2;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #0c2a5210}
#admin.admin-v125 .admin-home-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px}
#admin.admin-v125 .admin-home-bar h2{font-size:20px;margin:0}
#admin.admin-v125 .admin-home-bar>div{display:flex;gap:10px;align-items:center}
#admin.admin-v125 .admin-home-bar input{background:white;color:#14223c;border:1px solid #cbd8ed;border-radius:8px;padding:11px;max-width:240px}
#admin.admin-v125 .admin-home-bar button{background:#175dcd;color:white;border:0;border-radius:8px;padding:11px 14px;cursor:pointer}
#admin.admin-v125 .admin-home-table{border-collapse:collapse;width:100%;font-size:14px}
#admin.admin-v125 .admin-home-table th{background:#f1f5fd;text-align:left;color:#233651;padding:13px 16px}
#admin.admin-v125 .admin-home-table td{padding:12px 16px;border-top:1px solid #e6ebf4;color:#233651;overflow-wrap:anywhere}
#admin.admin-v125 .admin-home-table td:first-child{font-weight:700}
#admin.admin-v125 .admin-home-table td button,#admin.admin-v125 .admin-home-program button{background:#f3f7ff;color:#1556b9;border:1px solid #bfd3f2;border-radius:7px;padding:7px 13px;cursor:pointer}
#admin.admin-v125 .admin-home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
#admin.admin-v125 .admin-home-program{padding:13px 20px;border-top:1px solid #e7edf7;display:flex;align-items:center;justify-content:space-between;gap:10px}
#admin.admin-v125 .admin-home-program-info{display:flex;flex-direction:column;gap:4px;min-width:0}
#admin.admin-v125 .admin-home-program-info strong{font-size:14px;color:#152b4c}
#admin.admin-v125 .admin-home-program-info small{font-size:12px;color:#62728b}
#admin.admin-v125 .admin-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px}
#admin.admin-v125 .admin-metric-grid>div{display:flex;flex-direction:column;gap:12px;background:#eef4ff;padding:18px 10px;border-radius:9px}
#admin.admin-v125 .admin-metric-grid small{color:#526583}#admin.admin-v125 .admin-metric-grid strong{font-size:28px;color:#102e60}
#admin.admin-v125 .admin-home-metrics p{font-size:12px;color:#63718a;margin:15px}
#admin.admin-v125 .admin-kpis,#admin.admin-v125 .admin-shortcuts,#admin.admin-v125 .admin-overview>h2{display:none}
@media(max-width:1200px){#admin.admin-v125 .admin-overview-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#admin.admin-v125 .admin-overview-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#admin.admin-v125 .admin-home-bottom{grid-template-columns:1fr}#admin.admin-v125 .admin-home-bar{align-items:stretch;flex-direction:column}#admin.admin-v125 .admin-home-bar>div{flex-wrap:wrap}#admin.admin-v125 .admin-table-scroll{overflow-x:auto}#admin.admin-v125 .admin-home-table{min-width:650px}}

/* v12.5.2: ensure only the selected editor form is displayed. */
#admin.admin-v125 #adminEditor:not(.hidden) #adminForms form.admin-form:not(.hidden){
 display:grid!important;
 visibility:visible!important;
 opacity:1!important;
}
#admin.admin-v125 #adminForms form.admin-form.hidden,
#admin.admin-v125 #adminForms form.admin-form[hidden]{display:none!important}
#admin.admin-v125 #adminEditor:not(.hidden){display:block!important}

.admin-access-audit{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:22px;margin:18px 0}
.admin-access-audit input{width:100%;max-width:520px;margin:12px 0;padding:11px;border:1px solid #cbd5e1;border-radius:8px}
.access-audit-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid #e2e8f0}
.access-audit-info{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.access-audit-info small{color:#64748b}
.access-audit-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.access-allowed{color:#166534;font-weight:700}
.access-denied{color:#64748b;font-weight:700}
@media(max-width:640px){.access-audit-row{align-items:flex-start;flex-direction:column}.admin-access-audit{padding:14px}}