*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#eaf0fb;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}#shell{display:flex;min-height:100vh}aside{width:255px;flex:none;background:#10182a;border-right:1px solid #243047;padding:31px 16px;display:flex;flex-direction:column;gap:24px}.brand{font-size:19px;font-weight:900;letter-spacing:2px;color:#eff5ff}.brand span{color:#50dab5}.edition,.eyebrow{font-size:10px;color:#8496b6;letter-spacing:2.5px;font-weight:750}nav{display:flex;flex-direction:column;gap:6px}nav button{text-align:left;background:transparent;color:#b6c5dc;border-radius:9px;padding:13px 14px;font-weight:650}nav button:hover,nav button.selected{background:#1f3548;color:#74e6c7}.sidefoot{margin-top:auto;border-top:1px solid #2c3b52;padding:19px 6px;line-height:2.3;color:#99aac0;font-size:11px;letter-spacing:1px}.sidefoot small{letter-spacing:0;color:#6f8097}.statusdot{display:inline-block;background:#44db9e;width:8px;height:8px;border-radius:50%}main{flex:1;min-width:0;padding:34px clamp(18px,4vw,66px);max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}h1{margin:8px 0;font-size:31px;letter-spacing:-.8px}h2{margin:0;font-size:18px}h3{margin:0}p{line-height:1.6;color:#9fb0ca}.headright{display:flex;align-items:center;gap:16px;color:#9fb0ca}.card,.panel{background:#151e30;border:1px solid #2a374e;border-radius:15px;padding:23px}.card h2{font-size:20px}.muted{color:#93a6bd}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:15px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stack{display:grid;gap:17px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pill{background:#183b39;color:#7de3ba;border:1px solid #265c52;border-radius:25px;padding:5px 10px;font-size:11px}.pill.off{background:#32272d;color:#f1b49f;border-color:#624042}button.primary,button.ghost,button.danger{padding:10px 15px;border-radius:9px;font-weight:700}button.primary{background:#52d7b1;color:#09221c}button.ghost{background:#24334a;color:#cfddf1}button.danger{background:#532b37;color:#ffb7c2}button.mini{padding:7px 10px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px;color:#aabbcf;font-size:12px}.wide{grid-column:1/-1}input,select,textarea{color:#ecf2fc;background:#0e1727;border:1px solid #36445b;border-radius:8px;padding:11px 12px;outline:none;min-width:0;width:100%}textarea{min-height:84px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#53daba}label.check{display:flex;align-items:center;gap:9px;color:#bdcce0}label.check input{width:auto}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.tabs button{padding:9px 11px;border-radius:7px;background:#202b3d;color:#a6b9d1}.tabs button.selected{background:#50d5ae;color:#09241a;font-weight:800}.showrow{border:1px solid #2e4155;background:#1a2739;border-radius:10px;padding:14px;display:flex;align-items:center;gap:17px;margin:9px 0}.showtime{font-size:15px;color:#5be1ba;min-width:104px;font-weight:800}.showmeta{flex:1}.showmeta small{display:block;color:#91a3b8;margin-top:5px}.notice{padding:12px 16px;border-radius:8px;background:#2a3c50;margin-bottom:16px;color:#f4f7ff}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#174c50,#0b1020 56%)}.logincard{width:min(92vw,420px);padding:40px;border:1px solid #31515b;border-radius:20px;background:#121e2e}.logincard h1{font-size:43px}.logincard form{display:grid;gap:12px}.logincard button{background:#55d7b5;padding:13px;border-radius:8px;font-weight:750}.error{color:#ffa8ad}.metric{font-size:31px;font-weight:850;margin:7px 0}.empty{color:#8396ab;padding:21px;border:1px dashed #34435a;border-radius:9px}.badge{padding:5px 9px;border-radius:7px;background:#2c4053;color:#c8e0eb;font-size:11px}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #2a3850;padding:12px;vertical-align:middle}th{color:#869fbd;font-size:11px;text-transform:uppercase}.note{font-size:12px;color:#96a7bb}.banner{padding:15px 18px;background:#1c3541;border-left:3px solid #58cfb0;border-radius:6px;margin-bottom:20px}.switch{accent-color:#4bd3af} @media(max-width:900px){#shell{display:block}aside{width:auto;padding:14px}nav{display:flex;flex-direction:row;overflow:auto}nav button{white-space:nowrap}.sidefoot{display:none}main{padding:20px}header{align-items:flex-start}.twocol{grid-template-columns:1fr}}@media(max-width:560px){.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}header{display:block}h1{font-size:24px}.headright{margin-top:14px}.showrow{flex-wrap:wrap}.showmeta{min-width:130px}}[hidden]{display:none!important}

.table-scroll{overflow-x:auto;max-width:100%}.table-scroll table{min-width:560px}.table-scroll th,.table-scroll td{padding:11px;text-align:left}.table-scroll th{color:#8fbed2;border-bottom:1px solid #344455}.table-scroll td{border-bottom:1px solid #283649}.panel select[multiple]{height:235px}.panel select[multiple] option{padding:7px}.stack>.row{align-items:center}.toolbar{flex-wrap:wrap}.panel button{margin-top:5px}.panel .formgrid{margin-top:18px}.panel .field{margin-top:12px}.panel .empty{margin:12px 0}

/* Radio live / voices modules */
aside{height:100vh;position:sticky;top:0}aside nav{overflow-y:auto;min-height:0;padding-right:2px}aside .sidefoot{flex-shrink:0}.control-card{display:flex;flex-direction:column;gap:12px}.meter{height:9px;border-radius:10px;background:#24354a;overflow:hidden}.meter>span{display:block;height:100%;background:#52d7b1}.alert{border:1px solid #9b7042;background:#392e29;padding:14px;border-radius:10px;color:#ffdda0}.success{border:1px solid #3e7961;background:#183b30;padding:14px;border-radius:10px;color:#b5f6d7}.inline-toggle{display:flex;gap:8px;align-items:center}.inline-toggle input{width:initial}.strongline{font-size:17px;font-weight:760}.panel audio{width:100%;min-width:0} .quickmode{display:flex;flex-wrap:wrap;gap:8px}.quickmode button{flex:1;min-width:130px} .flexend{align-items:end}
@media(max-width:900px){aside{height:auto;position:static}aside nav{overflow-x:auto;overflow-y:hidden}}
/* Media Studio – scoped styles */
.ms-wrap{display:grid;gap:20px;color:#dfebf7}.ms-hero{background:linear-gradient(110deg,#153b54,#101d32 65%,#262040);border:1px solid #35637c;border-radius:18px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ms-hero h2{font-size:28px;margin:8px 0;color:white}.ms-hero p,.ms-panel p{color:#9fb6c9}.ms-overline{color:#5bd4fb;font-weight:700;letter-spacing:2px;font-size:11px}.ms-pill{border:1px solid #3f869d;border-radius:20px;padding:10px;color:#78d7e9;font-size:11px}.ms-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ms-stats>div,.ms-panel,.ms-library{background:#11263b;border:1px solid #274860;border-radius:14px;padding:19px}.ms-stats small,.ms-stats strong,.ms-playlists small{display:block}.ms-stats small,.ms-playlists small{color:#9ab4c9}.ms-stats strong{font-size:25px;color:#fff;margin-top:8px}.ms-tools{display:flex;gap:10px;flex-wrap:wrap}.ms-tools input{flex:2;min-width:200px}.ms-tools select{flex:1;min-width:160px}.ms-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}.ms-scroller{overflow:auto;max-height:640px}.ms-library table{width:100%;border-collapse:collapse}.ms-library td,.ms-library th{padding:13px 8px;border-bottom:1px solid #2a465a;text-align:left}.ms-library td small{display:block;color:#8fa7bc}.ms-genre{background:#1c435c;border-radius:8px;padding:5px 9px;color:#80dbfb;font-size:12px}.ms-bar,.ms-pages{display:flex;align-items:center;justify-content:space-between;gap:12px}.ms-pages{padding-top:14px}.ms-bar h3{color:#fff}.ms-side{display:grid;align-content:start;gap:14px}.ms-panel{display:grid;gap:12px}.ms-panel h3{margin:0;color:#fff}.ms-panel label{display:grid;gap:5px}.ms-muted{color:#9cb4c7}.ms-playlists>div{padding:10px 0;border-bottom:1px solid #244155}.ms-playlists button{margin-top:7px}#msPlanResult ol{max-height:200px;overflow:auto;padding-left:23px}@media(max-width:950px){.ms-columns{grid-template-columns:1fr}.ms-stats{grid-template-columns:repeat(2,1fr)}.ms-hero{flex-direction:column;align-items:flex-start}}

/* V0.0.4.1 – media-centric navigation and denser, clearer workspace */
nav .nav-group{margin:17px 8px 4px;padding-top:12px;border-top:1px solid #26384e;font-size:10px;font-weight:850;letter-spacing:1.65px;color:#77a7bd;white-space:nowrap}
nav .nav-group:first-child{margin-top:0;border:0;padding-top:0}nav button.media-first{background:#143c4e;color:#9be9ff;border:1px solid #2f6b83}
nav button{padding:10px 12px;min-height:38px}aside{gap:12px;padding-top:22px}aside nav{gap:3px}
main{max-width:none;padding:26px clamp(18px,3vw,48px)}.ms-wrap{gap:13px}.ms-hero{padding:19px 24px}.ms-hero h2{font-size:25px}.ms-hero p{margin:4px 0}.ms-stats>div{padding:12px 16px}.ms-stats strong{font-size:23px}.ms-columns{grid-template-columns:minmax(0,2.5fr) minmax(290px,1fr)}.ms-library,.ms-panel{padding:15px}.ms-library td,.ms-library th{padding:10px 8px}.ms-scroller{max-height:65vh}.ms-panel p{margin:2px 0 7px}.ms-side{gap:10px}.ms-panel{gap:8px}.ms-tools{gap:8px}
@media(max-width:900px){nav .nav-group{display:none}aside nav{gap:5px}aside nav button{flex-shrink:0}.ms-hero{padding:18px}.ms-columns{grid-template-columns:1fr}}

/* Media Studio tools V0.0.4.2 */
.studio-operations{margin-top:22px;padding:24px;background:linear-gradient(135deg,#122e42,#0b1d30);border:1px solid #30546c;border-radius:18px}.studio-operations h2{margin-top:0}.ms-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.studio-form{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px}.studio-operations input,.studio-operations textarea,.studio-operations select{max-width:100%;padding:11px;margin:5px 0;background:#0a1d2d;color:#e8f5ff;border:1px solid #38576e;border-radius:9px}.studio-operations textarea{width:100%}@media(max-width:700px){.studio-form{grid-template-columns:1fr}.studio-operations{padding:14px}}
/* Joller Program Flow V0.0.4.3 */
.flow-header,.flow-controls,.flow-summary,.flow-item,.flow-actions{display:flex;align-items:center;gap:12px}.flow-header{justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.flow-header strong{color:#61e5dd;letter-spacing:.12em}.flow-controls{flex-wrap:wrap}.flow-controls select,.flow-controls input{width:auto;min-width:135px}.flow-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.flow-primary{min-width:0}.flow-summary{padding:16px;border:1px solid #24415a;border-radius:12px;background:#10283d;margin-bottom:12px;justify-content:space-between}.flow-summary span{display:flex;flex-direction:column;gap:5px;min-width:0}.flow-summary b{font-size:19px;overflow:hidden;text-overflow:ellipsis}.flow-summary small{color:#9db4cb}.flow-list{overflow-y:auto;max-height:calc(100vh - 310px);min-height:400px;border:1px solid #24415a;border-radius:12px;padding:8px;background:#081827;scroll-behavior:smooth}.flow-item{padding:9px;border-bottom:1px solid #23384b;border-left:4px solid transparent;min-height:70px}.flow-item:hover{background:#19344b}.flow-past{opacity:.55}.flow-current{background:#422030!important;border-left-color:#ff4e70;box-shadow:inset 0 0 0 1px #9f4059}.flow-clock{width:78px;flex-shrink:0;font-variant-numeric:tabular-nums;color:#bed3e7}.flow-type{width:118px;flex-shrink:0;padding:9px 7px;border-radius:7px;background:#15544b;color:#cbfff1;font-weight:700;font-size:12px}.flow-moderation,.flow-news,.flow-weather{background:#1f4f85}.flow-news{background:#875522}.flow-jingle,.flow-studio{background:#703663}.flow-listener{background:#504492}.flow-advert{background:#65567e}.flow-title{min-width:110px;flex:1;display:flex;flex-direction:column;overflow-wrap:anywhere}.flow-title small,.flow-message small{font-size:12px;color:#a5bdd1;display:block;margin-top:4px}.flow-title .flow-warning{color:#ffb070}.flow-duration{width:52px;text-align:right;flex-shrink:0}.flow-status{width:110px;font-size:11px;color:#9ec3d7}.flow-actions{gap:3px}.flow-actions button{padding:5px 8px}.flow-right{display:flex;flex-direction:column;gap:12px;min-width:0}.flow-message{border-top:1px solid #29415a;padding:12px 0;overflow-wrap:anywhere}.flow-message button{margin-top:7px}.flow-overlay{position:fixed;inset:0;background:#000b;z-index:99;display:flex;justify-content:center;align-items:center;padding:18px}.flow-dialog{background:#11263c;border:1px solid #376278;border-radius:16px;padding:24px;width:min(560px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 80px #0008}.flow-dialog label{display:flex;flex-direction:column;gap:5px}.flow-dialog label input,.flow-dialog label select,.flow-dialog label textarea{width:100%}@media(max-width:1150px){.flow-grid{grid-template-columns:1fr}.flow-right{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:750px){.flow-item{flex-wrap:wrap}.flow-type{width:auto}.flow-status{width:auto}.flow-clock{width:auto}.flow-list{max-height:65vh}.flow-header{align-items:stretch}}

/* V0.0.4.4 Administration */
.ac-header{padding:28px;background:linear-gradient(115deg,#153f56,#141f37 75%);border:1px solid #356276;border-radius:17px;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.ac-header h2{font-size:28px;margin:7px 0}.ac-header p{color:#a9c2d6;margin:5px 0}.ac-kicker{font-size:11px;letter-spacing:2px;color:#65ddd1;font-weight:750}.ac-lock{border:1px solid #2c7682;color:#83dfdf;padding:10px 14px;border-radius:30px;white-space:nowrap;font-size:12px}.ac-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ac-tile{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:9px;background:#13283c;border:1px solid #2c4961;border-radius:15px;padding:22px;min-height:163px;color:#eff8ff;cursor:pointer}.ac-tile:hover,.ac-tile:focus-visible{border-color:#59d5db;background:#18394e;outline:none}.ac-symbol{font-size:25px;color:#5adddf}.ac-tile strong{font-size:16px}.ac-tile small{color:#a6bfd1;line-height:1.4}.ac-chevron{margin-top:auto;font-size:12px;color:#72e3d6}.ac-info{margin-top:21px;border:1px solid #3a5366;border-radius:13px;padding:20px;color:#c0d3e0}.ac-info p{font-size:13px;line-height:1.6}.ac-sub{display:grid;gap:18px}.ac-sub .panel{min-height:180px}@media(max-width:980px){.ac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:630px){.ac-grid{grid-template-columns:1fr}.ac-header{flex-wrap:wrap}}

/* V0.0.4.7: legible second-by-second vertical rundown */
.flow-clock{font-variant-numeric:tabular-nums;font-weight:600}.flow-list{scroll-behavior:smooth}.flow-item.flow-current{box-shadow:inset 4px 0 #ff5979,0 0 0 1px rgba(255,89,121,.4)}.flow-item .flow-title small{overflow-wrap:anywhere}.flow-item:has(.flow-title small) {min-height:65px}