:root{--sidebar:#071c2c;--sidebar-2:#061724;--blue:#1677e8;--blue-2:#0d67d1;--bg:#f4f6f9;--surface:#fff;--line:#e1e6ed;--line-soft:#edf1f5;--text:#111b27;--muted:#748294;--green:#15965d;--red:#c83f46;--amber:#d69a22;--shadow:0 6px 20px rgba(29,47,67,.045);--radius:9px;--sidebar-w:214px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font:13px/1.42 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));color:#dce8f2;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);z-index:50}.brand{height:86px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{position:relative;width:30px;height:30px}.brand-mark i{position:absolute;width:15px;height:15px;border-radius:50%;background:#fff}.brand-mark i:nth-child(1){left:0;top:7px}.brand-mark i:nth-child(2){right:0;top:0;background:#8bc5ff}.brand-mark i:nth-child(3){right:0;bottom:0;background:#ffc96b}.brand b{display:block;color:#fff;font-size:14px;line-height:1}.brand div>span{display:block;margin-top:5px;font-size:7px;letter-spacing:.09em;color:#9bb1c2}.main-nav{padding:12px 9px;display:flex;flex-direction:column;gap:2px;overflow:auto}.main-nav a{min-height:38px;padding:0 10px;border-radius:6px;display:flex;align-items:center;gap:10px;color:#dbe7f1;font-size:12px}.main-nav a:hover{background:rgba(255,255,255,.055)}.main-nav a.active{background:linear-gradient(90deg,#1580ee,#1976df);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.nav-icon{width:16px;text-align:center;color:#a9bfd0;font-size:12px}.main-nav a.active .nav-icon{color:#fff}.nav-group{font-size:8px;font-weight:800;letter-spacing:.1em;color:#68859a;margin:14px 10px 5px}.nav-group.first{margin-top:2px}.sidebar-status{margin:auto 9px 10px;padding:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:7px;font-size:9px}.status-title{display:block;font-size:7px;font-weight:800;letter-spacing:.09em;color:#7995a9;margin-bottom:7px}.sidebar-status div{display:flex;justify-content:space-between;gap:8px;padding:2px 0;color:#aebfcb}.sidebar-status b{font-size:9px;color:#e8f1f8}.status-ok,.ok-text{color:var(--green)!important}.sidebar-foot{padding:10px 15px 14px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:3px;font-size:8px;color:#7f99ac}.sidebar-foot a{color:#dce8f2}.main{grid-column:2;min-width:0;min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:18px;position:sticky;top:0;z-index:30}.topbar-left{display:flex;align-items:center;gap:10px;min-width:300px}.icon-button{border:1px solid transparent;background:transparent;color:var(--text);width:34px;height:34px;border-radius:7px;padding:0;display:inline-grid;place-items:center;cursor:pointer}.icon-button.secondary,.secondary{background:#fff;color:#253141;border:1px solid var(--line)}.menu-button{font-size:16px}.search{position:relative;width:240px}.search>span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#8592a0}.search input{width:100%;height:34px;border:1px solid var(--line);border-radius:8px;padding:0 50px 0 29px;background:#fbfcfd;outline:none}.search input:focus{border-color:#a7c7ed;box-shadow:0 0 0 3px rgba(22,119,232,.08)}.search kbd{position:absolute;right:8px;top:8px;border:0;background:#f0f3f7;color:#8a96a3;border-radius:4px;font-size:8px;padding:3px 5px}.search-results{position:absolute;left:0;right:-130px;top:40px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 16px 40px rgba(28,46,65,.16);padding:5px;z-index:60}.search-results a{display:block;padding:8px 10px;border-radius:6px}.search-results a:hover{background:#f0f6fd}.search-results small{display:block;color:var(--muted);font-size:10px}.broadcast-strip{display:grid;grid-template-columns:minmax(320px,1fr) 150px 190px;align-items:stretch;height:44px;gap:8px;flex:1;min-width:0}.onair-box{background:#07111c;color:#fff;border-radius:6px;padding:5px 9px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:6px;overflow:hidden}.live-dot{width:6px;height:6px;border-radius:50%;background:#f4463d}.onair-box>b{font-size:8px;color:#ff786e}.onair-box div{min-width:0}.onair-box strong,.onair-box small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onair-box strong{font-size:9px}.onair-box small{font-size:7px;color:#8ea0af}.live-label{font-size:7px;font-weight:800}.mini-status,.stream-status{border:1px solid var(--line);border-radius:6px;padding:5px 8px;background:#fff}.mini-status>span,.stream-status>span{display:block;font-size:6px;font-weight:800;color:#7a8794;letter-spacing:.04em}.mini-status>b{display:block;font-size:8px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-status div{display:flex;gap:6px;align-items:center;margin-top:4px}.stream-status b{font-size:7px}.stream-status i{width:5px;height:5px;background:var(--green);border-radius:50%}.top-user{display:flex;align-items:center;gap:7px;min-width:150px;justify-content:flex-end}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#071b2b;color:#fff;font-size:10px;font-weight:800}.top-user div{min-width:0}.top-user b,.top-user div>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-user b{font-size:10px}.top-user div>span{font-size:8px;color:var(--muted)}.chev{color:#8793a0}.quickbar{height:50px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 18px;position:sticky;top:68px;z-index:25}.quickbar a{height:32px;border:1px solid var(--line);border-radius:7px;padding:0 11px;display:inline-flex;align-items:center;background:#fff;font-size:10px;font-weight:700}.quickbar a:hover{background:#f7f9fb}.content{width:min(100%,1600px);margin:0 auto;padding:21px 22px 40px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:15px}.page-head h1{font-size:22px;line-height:1.15;margin:3px 0 3px;letter-spacing:-.025em}.page-head p{margin:0;color:var(--muted);font-size:11px}.eyebrow,.section-kicker{font-size:7px;font-weight:800;letter-spacing:.1em;color:#687a8b;text-transform:uppercase}.page-actions{display:flex;align-items:center;gap:8px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head,.workspace-head{min-height:50px;padding:11px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2,.workspace-head h2{font-size:13px;margin:2px 0 0}.workspace-head small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.button,button{border:0;background:var(--blue);color:#fff;font:inherit;font-size:10px;font-weight:750;padding:8px 11px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.button.primary{background:var(--blue)}.button:hover,button:hover{filter:brightness(.98)}.secondary{padding:7px 10px}.danger{background:var(--red)}.text-link{color:var(--blue);font-size:9px;font-weight:700}.flash{padding:10px 12px;border-radius:7px;margin-bottom:13px;border:1px solid}.flash.good{background:#edf9f2;color:#12633f;border-color:#bee7ce}.flash.bad{background:#fff1f1;color:#8d2e2e;border-color:#efc1c1}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:13px}.kpi{background:#fff;border:1px solid var(--line);border-radius:8px;padding:13px 14px;box-shadow:var(--shadow)}.kpi>span{display:block;color:#768596;font-size:7px;font-weight:800;letter-spacing:.08em}.kpi strong{display:block;font-size:21px;margin:5px 0 2px}.kpi small{color:var(--muted);font-size:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:13px}.status-list{padding:8px 14px}.status-list div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:10px}.status-list div:last-child{border-bottom:0}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.data-table th{font-size:7px;text-transform:uppercase;letter-spacing:.05em;color:#758494;background:#fbfcfd}.data-table td{font-size:9px}.data-table td small{display:block;color:var(--muted);font-size:8px}.badge{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:8px;background:#eef2f5;color:#667585}.badge.ok{background:#e7f7ee;color:#117345}.empty{text-align:center;color:var(--muted);padding:26px;font-size:10px}.empty.large{min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center}.media-empty b,.media-empty span{display:block}.media-empty span{margin-top:3px}.empty-icon{font-size:25px;color:#a8b4c0;margin-bottom:8px}.form{padding:15px;display:grid;gap:12px}.form label{display:grid;gap:5px;font-weight:650;font-size:10px}.form input,.form select,.form textarea,.playlist-settings input,.playlist-settings select,.playlist-add select,.folder-create input,.metadata-popover input{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px 9px;background:#fff;color:var(--text);outline:none}.form textarea{min-height:80px}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.check{display:flex!important;align-items:center;gap:6px}.check input{width:auto}.media-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:650px}.media-tree{border-right:1px solid var(--line);background:#fcfdfe}.content-head{min-height:62px}.head-actions{display:flex;gap:7px}.source-tabs{display:flex;gap:4px;padding:9px 10px}.source-tabs a,.source-tabs span{font-size:8px;padding:5px 7px;border-radius:5px;color:#677587;background:#f0f3f6}.source-tabs .active{background:#e6f1ff;color:#146dca}.tree-search,.table-search,.playlist-search{position:relative}.tree-search{margin:0 10px 8px}.tree-search span,.table-search span,.playlist-search span{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#8d98a4}.tree-search input,.table-search input,.playlist-search input{width:100%;height:31px;border:1px solid var(--line);border-radius:6px;padding:0 9px 0 27px;background:#fff;font-size:9px}.tree-list{padding-bottom:7px}.tree-row{min-height:34px;display:flex;align-items:center;gap:7px;padding:0 11px 0 calc(11px + var(--depth,0)*14px);font-size:9px}.tree-row b{font-weight:600}.tree-row:hover{background:#f3f6f9}.tree-row.active{background:#e7f1ff;color:#126cca}.folder-create{border-top:1px solid var(--line);padding:9px;display:flex;gap:5px}.folder-create input{font-size:9px}.media-content{min-width:0}.upload-form{display:none}.list-toolbar{height:50px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 12px}.table-search{flex:1}.list-toolbar select{height:31px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 9px;font-size:9px}.result-count{font-size:8px;color:var(--muted)}.table-wrap{overflow-x:auto}.file-cell{display:flex;align-items:center;gap:8px}.play-mini{width:25px;height:25px;border:1px solid #c8d9ec;border-radius:6px;display:grid;place-items:center;color:var(--blue);font-size:8px}.row-menu{position:relative}.row-menu summary{cursor:pointer;list-style:none}.metadata-popover{position:absolute;right:0;top:20px;width:240px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px rgba(28,46,65,.16);display:grid;gap:6px;z-index:20}.dropzone{margin:12px;border:1px dashed #ccd7e3;border-radius:7px;height:52px;display:grid;place-items:center;color:#8c98a5;font-size:8px}.dropzone.dragover{border-color:var(--blue);background:#f1f7ff;color:var(--blue)}.playlist-shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:12px}.playlist-browser,.playlist-editor{min-height:650px}.playlist-create{display:flex;gap:5px;padding:9px;border-bottom:1px solid var(--line)}.playlist-create input{flex:1;border:1px solid var(--line);border-radius:6px;padding:7px 8px;font-size:9px}.playlist-search{margin:9px}.playlist-row{min-height:49px;padding:9px 12px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:8px}.playlist-row:hover{background:#f7f9fb}.playlist-row.active{background:#e7f1ff;color:#126cca}.playlist-row b,.playlist-row span{display:block}.playlist-row b{font-size:9px}.playlist-row span{font-size:8px;color:var(--muted);margin-top:2px}.playlist-row strong{font-size:10px}.save-state{font-size:8px;color:var(--green)}.editor-tabs{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 13px;font-size:9px}.editor-tabs b{height:38px;display:flex;align-items:center;color:var(--blue);border-bottom:2px solid var(--blue)}.editor-tabs span{color:#778595}.playlist-settings,.playlist-add{display:flex;gap:7px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line)}.playlist-settings input{max-width:280px}.playlist-settings select{max-width:140px}.playlist-add select{flex:1}.playlist-table .drag{cursor:grab;color:#7b8997}.editor-footer{min-height:54px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:var(--muted);font-size:8px}.calendar-card{width:100%;overflow:visible}.calendar-toolbar{height:53px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px}.calendar-nav{display:flex;gap:5px}.calendar-toolbar>strong{font-size:10px}.view-switch{justify-self:end;display:flex;border:1px solid var(--line);border-radius:6px;padding:2px}.view-switch b,.view-switch span{font-size:8px;padding:5px 9px;border-radius:4px}.view-switch b{background:#edf4fd;color:#126cca}.calendar-grid{display:grid;grid-template-columns:54px repeat(7,minmax(110px,1fr));width:100%;overflow:visible}.calendar-corner,.calendar-day{height:45px;position:sticky;top:118px;z-index:10;background:#fff;border-bottom:1px solid var(--line)}.calendar-corner{border-right:1px solid var(--line)}.calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}.calendar-day b{font-size:9px}.calendar-day span{font-size:7px;color:var(--muted);margin-top:1px}.calendar-time{height:44px;font-size:7px;color:#8895a2;padding:6px 6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line-soft)}.calendar-slot{min-height:44px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:2px;position:relative}.calendar-event{display:block;background:#e8f2ff;border-left:2px solid var(--blue);border-radius:4px;padding:4px 5px;font-size:7px;line-height:1.25;overflow:hidden}.calendar-event b,.calendar-event span,.calendar-event small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event span,.calendar-event small{color:#5d7185;margin-top:1px}.drawer-backdrop{position:fixed;inset:0;background:rgba(7,20,32,.18);z-index:70}.calendar-drawer{position:fixed;right:16px;top:16px;bottom:16px;width:390px;z-index:80;overflow:auto;box-shadow:0 24px 70px rgba(12,28,45,.25)}.drawer-head{height:62px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font-size:14px;margin:2px 0}.drawer-delete{padding:0 15px 15px}.days{display:flex;gap:5px;flex-wrap:wrap}.days label{display:inline-flex!important;gap:3px;align-items:center;font-weight:400}.days input{width:auto}.login-body{min-height:100vh;background:#071b2b;display:grid;place-items:center}.login-wrap{width:min(900px,92vw);display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25)}.login-brand{background:linear-gradient(145deg,#071b2b,#0d314d);color:#fff;padding:56px}.login-brand b{font-size:28px}.login-brand span{display:block;font-size:10px;letter-spacing:.15em;color:#9db2c4}.login-card{padding:50px}.login-card h1{margin:0 0 6px}.login-card p{color:var(--muted)}@media(max-width:1250px){.broadcast-strip{grid-template-columns:minmax(260px,1fr) 140px}.stream-status{display:none}.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){:root{--sidebar-w:74px}.brand div,.main-nav a span:last-child,.nav-group,.sidebar-status,.sidebar-foot{display:none}.brand{padding:0;justify-content:center}.main-nav a{justify-content:center}.nav-icon{font-size:15px}.topbar-left{min-width:220px}.broadcast-strip{display:none}.quickbar{overflow:auto}.dashboard-grid,.playlist-shell{grid-template-columns:1fr}.media-shell{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:720px){.app-shell{display:block}.sidebar{display:none}.main{grid-column:auto}.topbar{padding:0 10px}.topbar-left{min-width:0;flex:1}.search{width:100%}.top-user{min-width:auto}.top-user div,.chev{display:none}.quickbar{top:68px}.content{padding:15px 10px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.media-shell,.playlist-shell{grid-template-columns:1fr}.media-tree{border-right:0;border-bottom:1px solid var(--line)}.calendar-grid{grid-template-columns:48px repeat(7,minmax(85px,1fr));min-width:720px}.calendar-card{overflow-x:auto}.calendar-drawer{left:10px;right:10px;width:auto}.page-head{align-items:flex-start}.page-actions{flex-shrink:0}}

/* alpha1.4 component normalization */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 14px}.stats article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;box-shadow:var(--shadow);min-height:78px}.stats article>span{display:block;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#748395}.stats article strong{display:block;font-size:14px;line-height:1.25;margin-top:6px;overflow-wrap:anywhere}.stats article strong.small{font-size:10px}.stats article small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.panel>form:not(.form){padding:14px}.panel>table,.panel .table-wrap table{width:100%;border-collapse:collapse}.panel>table th,.panel>table td{padding:10px 12px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle}.panel>table th{background:#fbfcfd;color:#6e7d8c;font-size:8px;letter-spacing:.045em;text-transform:uppercase}.panel>table td{font-size:10px}.panel>table td small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.panel>table tbody tr:last-child td{border-bottom:0}.button-row,.toolbar-actions,.form-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.panel>.button-row{padding:0 14px 14px}.button-row form,.toolbar-actions form{margin:0}.inline{display:flex;gap:6px;align-items:center}.inline input[type=number]{width:80px;border:1px solid var(--line);border-radius:6px;padding:7px 8px}.small-button{padding:6px 8px;font-size:8px}.action-cell{width:1%;white-space:nowrap}.form small{color:var(--muted);font-size:8px;font-weight:400}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{display:grid;gap:5px;font-size:9px;font-weight:700}.form-grid input,.form-grid select{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px 9px;background:#fff}.form-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-meta-grid>div{border:1px solid var(--line-soft);background:#fafbfd;border-radius:7px;padding:10px}.form-meta-grid span{display:block;font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.form-meta-grid b{display:block;font-size:10px;margin-top:4px}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:14px}.top-user{border-radius:8px;padding:5px 7px}.top-user:hover{background:#f5f7fa}.summary-grid{display:grid;gap:10px}.summary-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-grid>div{border:1px solid var(--line-soft);border-radius:7px;padding:11px;background:#fbfcfd}.summary-grid span{display:block;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.06em}.summary-grid b{display:block;font-size:11px;margin:4px 0 2px}.summary-grid small{display:block;color:var(--muted);font-size:8px;overflow-wrap:anywhere}.wizard-card{margin-bottom:14px}.wizard-body{padding:14px}.wizard-copy{max-width:760px;margin-bottom:6px}.wizard-copy h3{font-size:14px;margin:0 0 5px}.wizard-copy p{margin:0;color:var(--muted);font-size:10px}.step-badge{font-size:8px;font-weight:800;color:var(--blue);background:#edf5ff;border-radius:999px;padding:4px 8px}.setup-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;margin-top:14px}.setup-steps{display:grid;gap:9px}.step{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;border:1px solid var(--line-soft);border-radius:7px;padding:10px}.step>span{width:26px;height:26px;border-radius:50%;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:9px}.step b{font-size:10px}.step p{margin:3px 0 7px;color:var(--muted);font-size:9px}.setup-form{border:1px solid var(--line-soft);border-radius:7px;background:#fbfcfd;padding:12px}.toolbar-actions{padding-top:13px;margin-top:13px;border-top:1px solid var(--line-soft)}.split-body{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:0}.split-body>.form{border-right:1px solid var(--line);margin:0}.table-wrap{overflow:auto}.component-stats{margin-top:0}.panel+.panel{margin-top:14px}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f2f5f8;border:1px solid #e6ebf0;border-radius:4px;padding:1px 4px;font-size:.92em}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid,.setup-grid,.split-body{grid-template-columns:1fr}.split-body>.form{border-right:0;border-bottom:1px solid var(--line)}.summary-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.stats,.summary-grid.four,.form-grid.two,.form-meta-grid{grid-template-columns:1fr}.panel>table{min-width:680px}.profile-grid{grid-template-columns:1fr}}

/* alpha1.5 interaction foundation */
.quickbar button{height:32px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:0 11px;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer}.quickbar button:hover{background:#f7f9fb}.avatar-photo{overflow:hidden}.avatar-photo img,.profile-avatar-xl img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-card{padding:18px;display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start}.profile-avatar-xl{width:120px;height:120px;border-radius:50%;background:#071b2b;color:#fff;display:grid;place-items:center;font-size:40px;font-weight:800;overflow:hidden;box-shadow:0 0 0 5px #eef3f8}.profile-avatar-card .form{padding:0}.profile-avatar-remove{grid-column:2}.modal-backdrop{position:fixed;inset:0;background:rgba(5,18,30,.42);z-index:120;display:grid;place-items:center;padding:24px;backdrop-filter:blur(2px)}.modal-backdrop[hidden]{display:none}.modal-open{overflow:hidden}.modal-card{width:min(620px,96vw);max-height:92vh;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 90px rgba(5,22,38,.3);overflow:auto}.modal-card.modal-wide{width:min(920px,96vw)}.modal-head{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:2px 0 0;font-size:17px}.modal-body{padding:16px}.modal-actions{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin:16px -16px -16px;padding:12px 16px;position:sticky;bottom:0;background:#fff}.modal-actions .spacer{flex:1}.advanced-options{margin-top:14px;border:1px solid var(--line);border-radius:7px}.advanced-options summary{cursor:pointer;padding:10px 12px;font-weight:700}.advanced-options>div{padding:0 12px 12px}.span-2{grid-column:1/-1}.field-label{display:block;font-size:9px;font-weight:700;margin-bottom:6px}.switch-line{display:flex!important;align-items:center;gap:7px!important;font-weight:500!important}.playlist-role-strip{padding:8px 12px;border-bottom:1px solid var(--line);background:#fbfcfd}.type-pill{display:inline-flex;background:#eef5ff;color:#146cc8;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:800}.playlist-kind-help{background:#f4f8fd;border:1px solid #dbe9f8;border-radius:7px;padding:10px;color:#52677b;font-size:9px}.calendar-event{border:0;width:100%;text-align:left;cursor:grab;background:color-mix(in srgb,var(--event-color) 12%,white);border-left-color:var(--event-color);transform:translateY(calc(var(--minute-offset) / 60 * 42px));position:relative;z-index:2}.calendar-event:active{cursor:grabbing}.calendar-event.saving{opacity:.45}.calendar-slot.drag-target{background:#eaf4ff;outline:1px dashed #68a9ef;outline-offset:-2px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:14px}.list-stack{padding:4px 14px 12px}.list-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.list-row:last-child{border-bottom:0}.list-row b,.list-row small{display:block}.list-row small,.list-row>span{color:var(--muted);font-size:8px}.data-table select,.data-table input{border:1px solid var(--line);border-radius:6px;padding:6px 7px;background:#fff}.danger{color:var(--red)!important}@media(max-width:900px){.profile-avatar-card{grid-template-columns:1fr}.profile-avatar-remove{grid-column:auto}.two-col{grid-template-columns:1fr}.modal-backdrop{padding:8px}.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}}

.calendar-slot{cursor:crosshair}.calendar-event{cursor:grab}.calendar-event:active{cursor:grabbing}.field-help{display:block;margin-top:5px;color:var(--muted);font-size:8px}.calendar-slot.drag-target{background:#edf6ff;outline:1px dashed var(--blue);outline-offset:-2px}

/* alpha1.7 media upload/source refinements */
.source-tabs a{cursor:pointer}.source-tabs a:not(.active):hover{background:#f4f8fd;color:var(--blue)}
.dropzone{width:calc(100% - 24px);background:#fff!important;color:#8c98a5!important;font-weight:500!important;padding:0!important;cursor:pointer;grid-auto-flow:row;gap:2px}.dropzone b{font-size:9px;color:#546575}.dropzone span{font-size:8px;font-weight:500}.dropzone.dragover{border-color:var(--blue)!important;background:#f1f7ff!important;color:var(--blue)!important}
.upload-limit-note{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 12px;border:1px solid #d8e7f7;background:#f5f9fe;border-radius:7px}.upload-limit-note b{font-size:9px}.upload-limit-note span{font-size:8px;color:var(--muted);text-align:right}.upload-queue{display:grid;gap:7px;max-height:280px;overflow:auto}.upload-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:12px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:9px 10px}.upload-row b,.upload-row small{display:block}.upload-row b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-row small{font-size:8px;color:var(--muted);margin-top:2px}.upload-row-state{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:8px}.upload-row-state span{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-row progress,.upload-total progress{width:100%;height:8px;accent-color:var(--blue)}.upload-total{padding-top:4px}.upload-total>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:8px}.empty.compact{padding:12px}
.calendar-slot:hover{background:#f8fbff}.calendar-slot::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 24%,rgba(219,228,237,.65) 25%,transparent 26%,transparent 49%,rgba(219,228,237,.65) 50%,transparent 51%,transparent 74%,rgba(219,228,237,.65) 75%,transparent 76%);opacity:.45}.calendar-event{position:relative;z-index:3}
@media(max-width:720px){.upload-row{grid-template-columns:1fr}.upload-limit-note{align-items:flex-start;flex-direction:column}.upload-limit-note span{text-align:left}}
/* Stream Analytics — isolated module styles, intentionally independent from the test dashboard composition. */
.analytics-range{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.range-pills{display:flex;gap:5px;background:#eef2f6;padding:4px;border-radius:9px}.range-pills a,.range-custom-toggle{border:0;background:transparent;color:#657487;padding:7px 10px;border-radius:6px;font-size:9px;font-weight:800}.range-pills a.active,.range-custom-toggle.active{background:#fff;color:#0d67d1;box-shadow:0 1px 5px rgba(24,42,64,.09)}.custom-range{display:none;align-items:end;gap:7px;background:#fff;border:1px solid var(--line);padding:9px;border-radius:8px;box-shadow:var(--shadow)}.custom-range.show{display:flex}.custom-range label{display:grid;gap:3px;font-size:8px;color:var(--muted);font-weight:800}.custom-range input{border:1px solid var(--line);border-radius:6px;padding:6px 8px;color:var(--text)}.analytics-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.analytics-kpi,.analytics-live{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:14px 15px;min-height:95px}.analytics-live{background:linear-gradient(135deg,#071c2c,#0b2e49);color:#fff;display:flex;align-items:center;gap:13px}.analytics-live>div>span,.analytics-kpi>span{display:block;font-size:7px;letter-spacing:.1em;font-weight:900;color:#7c8a99}.analytics-live>div>span{color:#7fb8e5}.analytics-live strong,.analytics-kpi strong{display:block;margin-top:5px;font-size:23px;line-height:1.08;letter-spacing:-.02em}.analytics-live small,.analytics-kpi small{display:block;margin-top:5px;color:#8190a0;font-size:8px}.analytics-live small{color:#9cb4c7}.analytics-kpi.wide{grid-column:span 2}.analytics-kpi.wide strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#31d17c;box-shadow:0 0 0 6px rgba(49,209,124,.12);animation:analyticsPulse 1.8s infinite}@keyframes analyticsPulse{50%{box-shadow:0 0 0 10px rgba(49,209,124,0)}}.analytics-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:13px}.analytics-panel{min-width:0}.chart-shell{padding:13px 14px 10px;min-height:310px}.chart-shell.compact{min-height:280px}.analytics-chart{width:100%;height:270px;position:relative}.chart-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:10px}.analytics-svg{display:block;width:100%;height:100%;overflow:visible}.analytics-svg text{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;fill:#7d8b99;font-size:9px}.analytics-svg .grid-line{stroke:#edf1f5;stroke-width:1}.analytics-svg .axis-line{stroke:#dfe5ec;stroke-width:1}.analytics-svg .line{fill:none;stroke:#1677e8;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.analytics-svg .area{fill:url(#analyticsArea)}.analytics-svg .point{fill:#fff;stroke:#1677e8;stroke-width:2}.analytics-svg .bar{fill:#1677e8;rx:4}.analytics-svg .bar-soft{fill:#9fc8f4;rx:4}.analytics-tooltip{position:absolute;pointer-events:none;background:#071c2c;color:#fff;padding:7px 9px;border-radius:6px;font-size:9px;box-shadow:0 8px 24px rgba(7,28,44,.25);transform:translate(-50%,-115%);white-space:nowrap;z-index:3}.analytics-table td b{font-size:9px}.analytics-grid.tables{align-items:start}@media(max-width:1100px){.analytics-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid.two{grid-template-columns:1fr}}@media(max-width:720px){.analytics-hero{grid-template-columns:1fr}.analytics-kpi.wide{grid-column:auto}.page-head{align-items:flex-start;flex-direction:column}.analytics-range{align-items:flex-start}.custom-range{align-items:stretch;flex-direction:column;width:100%}}

/* alpha1.23 interaction + calendar UX */
:root{--sidebar-collapsed-w:74px}
body.sidebar-collapsed{--sidebar-w:var(--sidebar-collapsed-w)}
body.sidebar-collapsed .brand div,body.sidebar-collapsed .main-nav a span:last-child,body.sidebar-collapsed .nav-group,body.sidebar-collapsed .sidebar-status,body.sidebar-collapsed .sidebar-foot{display:none}
body.sidebar-collapsed .brand{padding:0;justify-content:center}
body.sidebar-collapsed .main-nav a{justify-content:center;padding:0}
body.sidebar-collapsed .nav-icon{font-size:15px;width:100%}
body.sidebar-collapsed .main{grid-column:2}
.main-nav a{position:relative}
body.sidebar-collapsed .main-nav a:hover:after{content:attr(title);position:fixed;left:82px;background:#071c2c;color:#fff;padding:6px 8px;border-radius:6px;font-size:10px;white-space:nowrap;z-index:100}
.search-results a.keyboard-active{background:#eaf3ff;outline:1px solid #cfe3fb}
.search-results{max-height:420px;overflow:auto}
.stream-dot{background:#aeb7c1!important}.stream-dot.online{background:var(--green)!important}.stream-dot.offline{background:#d95b63!important}
.top-fallback{display:block;margin-top:2px;color:var(--muted);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-v123 .calendar-day.today{background:#f0f6ff;color:#126cca}.calendar-v123 .calendar-slot.today{background:linear-gradient(180deg,rgba(22,119,232,.018),rgba(22,119,232,.045))}.calendar-v123 .calendar-slot{cursor:crosshair}.calendar-v123 .calendar-slot:hover{background:#f4f9ff}.calendar-v123 .calendar-event{cursor:grab}
.schedule-modal-v123{width:min(860px,96vw);overflow:hidden}.schedule-modal-v123 .modal-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.schedule-modal-v123 .modal-body{overflow:auto;max-height:calc(92vh - 86px)}
.schedule-core{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.schedule-core label{display:grid;gap:5px;font-size:10px;font-weight:650}.schedule-core input,.schedule-core select{width:100%;border:1px solid var(--line);border-radius:7px;padding:9px;background:#fff}.schedule-playout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:14px;padding:12px 14px;border:1px solid #dbe8f7;background:#f7fbff;border-radius:9px}.schedule-playout strong,.schedule-playout small{display:block}.schedule-playout small{margin-top:3px;color:var(--muted);font-size:9px}.readiness{padding:7px 9px;border-radius:7px;font-size:9px;font-weight:700;max-width:330px}.readiness.neutral{background:#eef2f6;color:#667085}.readiness.good{background:#e9f8ef;color:#117345}.readiness.warn{background:#fff6e6;color:#a15c00}.readiness.bad{background:#fff0f0;color:#b42318}
@media(max-width:760px){.schedule-core{grid-template-columns:1fr}.schedule-core .span-2{grid-column:auto}.schedule-playout{grid-template-columns:1fr}.readiness{max-width:none}}
.calendar-slot .now-marker{position:absolute;left:0;right:0;height:2px;background:#e5484d;z-index:5;pointer-events:none}.calendar-slot .now-marker:before{content:'';position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:#e5484d}
/* alpha1.25 live/control fixes */
.live-listen-button{width:24px;height:24px;padding:0;border-radius:50%;background:#16283a;color:#fff;border:1px solid rgba(255,255,255,.12);font-size:9px;flex:0 0 auto}.live-listen-button.playing{background:#c83f46}.onair-box{grid-template-columns:auto auto auto 1fr auto}.onair-box audio{display:none}.stream-dot.offline{background:#c83f46!important}.stream-dot.online{background:#15965d!important}.stream-control-panel{margin-top:14px}.stream-control-actions{display:flex;gap:8px;flex-wrap:wrap;padding:14px}.stream-control-note{margin:0;padding:0 14px 14px;color:var(--muted);font-size:10px}.search-loading{padding:9px 10px;color:var(--muted)}
body.sidebar-collapsed .sidebar{width:74px}body.sidebar-collapsed .app-shell{grid-template-columns:74px minmax(0,1fr)}body.sidebar-collapsed .main{grid-column:2}body.sidebar-collapsed .brand{width:74px}body.sidebar-collapsed .main-nav{padding-left:7px;padding-right:7px}body.sidebar-collapsed .main-nav a{width:60px}

/* alpha1.26 live UI interaction + compact controls + metadata modal */
.stream-system-card .panel-head{align-items:center}.control-state{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#667085}.control-state i{width:7px;height:7px;border-radius:50%;background:#16a36a}.stream-control-compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px 14px;border-bottom:1px solid var(--line-soft)}.control-action{height:42px;border:1px solid #dce3ea;border-radius:9px;background:#fff;color:#304256;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:10px;transition:.15s ease}.control-action span{font-size:12px}.control-action:hover{border-color:#b8d2ef;background:#f5f9ff;color:#126cca}.control-action.start{background:#eef8f3;border-color:#ccebdc;color:#087a4a}.control-action.stop{background:#fff3f3;border-color:#f2d1d1;color:#b42318}.control-action.reload{background:#f5f8fc}.control-action.skip{background:#eef4ff;border-color:#d8e5fb;color:#2459bd}.control-action:disabled{opacity:.5;cursor:wait}.stream-control-help{margin:0;padding:9px 14px 12px;font-size:9px;line-height:1.45;color:#7b8794}.meta-modal-card{width:min(720px,calc(100vw - 32px))!important}.meta-modal-head{padding:16px 18px!important}.meta-modal-head h2{margin:2px 0 0;font-size:18px}.meta-filename{margin:4px 0 0;max-width:580px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#7a8795}.meta-modal-body{padding:18px}.meta-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.meta-fields label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#344054}.meta-fields input{width:100%;height:40px;border:1px solid #d9e0e7;border-radius:8px;padding:0 11px;background:#fff;font-size:12px}.meta-fields input:focus{outline:0;border-color:#7db3ef;box-shadow:0 0 0 3px rgba(22,119,232,.09)}.meta-note{margin-top:16px;display:grid;gap:3px!important;padding:11px 12px!important}.meta-note b{font-size:11px;color:#344054}.meta-note span{font-size:10px;color:#667085;line-height:1.45}.meta-feedback{margin-top:12px;padding:9px 11px;border-radius:8px;font-size:10px}.meta-feedback.busy{background:#f1f5f9;color:#475467}.meta-feedback.ok{background:#edf9f2;color:#067647}.meta-feedback.err{background:#fff1f1;color:#b42318}.meta-actions{padding:12px 18px!important}.search-results{z-index:220!important;box-shadow:0 18px 48px rgba(13,35,54,.18)!important}.broadcast-strip.live-offline .onair-box{opacity:.72}.broadcast-strip.live-offline .live-dot{background:#d34d55}.broadcast-strip.live-offline .live-label{color:#d6dde5}@media(max-width:820px){.stream-control-compact{grid-template-columns:repeat(2,1fr)}.meta-fields{grid-template-columns:1fr}}

/* 3.1.0-alpha1.27 MCP authentication + mail settings */
.mcp-auth-page{margin:0;min-height:100vh;background:#071b2a;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mcp-auth-page *{box-sizing:border-box}.mcp-auth-wrap{min-height:100vh;display:grid;place-items:center;padding:36px}.mcp-auth-card{width:min(860px,100%);min-height:430px;display:grid;grid-template-columns:minmax(310px,.95fr) minmax(390px,1.05fr);overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08)}.mcp-auth-brand{display:flex;align-items:center;padding:54px;background:linear-gradient(145deg,#08263b,#0a304a 58%,#0b3551);color:#fff}.mcp-wordmark{display:flex;align-items:center;gap:15px}.mcp-wordmark strong{display:block;font-size:31px;line-height:1;font-weight:800;letter-spacing:.03em}.mcp-wordmark small{display:block;margin-top:6px;color:#9cb5c7;font-size:10px;font-weight:700;letter-spacing:.22em}.mcp-wordmark.compact{margin-bottom:34px}.mcp-mark{display:inline-grid;grid-template-columns:repeat(3,4px);align-items:end;gap:3px;height:27px}.mcp-mark i{display:block;width:4px;border-radius:4px;background:#2f8df4}.mcp-mark i:nth-child(1){height:13px}.mcp-mark i:nth-child(2){height:26px}.mcp-mark i:nth-child(3){height:19px}.mcp-auth-formpane{display:flex;flex-direction:column;justify-content:center;padding:48px 54px}.mcp-auth-kicker{margin-bottom:8px;color:#7b8794;font-size:10px;font-weight:800;letter-spacing:.16em}.mcp-auth-formpane h1{margin:0 0 26px;color:#172033;font-size:28px;line-height:1.15}.mcp-auth-form{display:grid;gap:17px}.mcp-auth-form label{display:grid;gap:7px;color:#455468;font-size:12px;font-weight:700}.mcp-auth-form input,.mcp-auth-form select{width:100%;height:44px;padding:0 12px;border:1px solid #cfd7e2;border-radius:8px;background:#fff;color:#172033;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.mcp-auth-form input:focus{border-color:#2f80ed;box-shadow:0 0 0 3px rgba(47,128,237,.12)}.mcp-password-field{position:relative}.mcp-password-field input{padding-right:84px}.mcp-password-toggle{position:absolute;right:5px;top:5px;height:34px;padding:0 10px;border:0;border-radius:6px;background:#eef3f8;color:#42566c;font-size:11px;font-weight:700;cursor:pointer}.mcp-auth-help{display:flex;justify-content:flex-end;margin-top:-5px}.mcp-auth-help.left{justify-content:flex-start;margin-top:18px}.mcp-auth-help a{color:#1769e0;text-decoration:none;font-size:12px;font-weight:700}.mcp-auth-submit{height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#1769e0;color:#fff;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 7px 18px rgba(23,105,224,.18)}.mcp-auth-submit:hover{background:#105fcf}.mcp-auth-copy{margin-top:28px;text-align:center;color:#8a96a6;font-size:11px}.mcp-auth-alert,.mcp-auth-success{margin:0 0 18px;padding:11px 13px;border-radius:8px;font-size:12px;line-height:1.45}.mcp-auth-alert{background:#fff0f1;border:1px solid #f1c5cb;color:#9d2837}.mcp-auth-success{background:#edf9f2;border:1px solid #bce5cc;color:#246844}.mcp-auth-text{margin:-10px 0 22px;color:#647286;font-size:13px;line-height:1.55}.mcp-auth-card-single{display:block;width:min(510px,100%);min-height:0}.mcp-auth-card-single .mcp-auth-formpane{padding:46px 52px}.mail-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.mail-config-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mail-config-form label{display:grid;gap:6px}.mail-config-form label small{font-weight:400;color:var(--muted,#748094)}.mail-config-form .wide{grid-column:1/-1}.mail-config-form input,.mail-config-form select,.mail-test-panel input{width:100%;min-height:40px}.switch-row{display:flex!important;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #e1e6ed;border-radius:9px;background:#f8fafc}.switch-row input{width:auto!important;min-height:0!important;margin-top:3px}.switch-row span{display:grid;gap:2px}.form-actions{display:flex;gap:10px;justify-content:flex-end}.mail-test-actions{display:grid;gap:12px}.mail-test-actions form{display:grid;gap:9px}.status-pill.warn{background:#fff6df;color:#8a5b00}.status-pill.ok{background:#e9f8ef;color:#207143}@media(max-width:900px){.mcp-auth-card{grid-template-columns:1fr;max-width:520px}.mcp-auth-brand{min-height:150px;padding:34px 42px}.mcp-auth-formpane{padding:38px 42px}.mail-settings-grid{grid-template-columns:1fr}.mail-config-form{grid-template-columns:1fr}.mail-config-form .wide{grid-column:auto}}@media(max-width:520px){.mcp-auth-wrap{padding:16px}.mcp-auth-card{border-radius:13px}.mcp-auth-brand{min-height:120px;padding:28px}.mcp-auth-formpane,.mcp-auth-card-single .mcp-auth-formpane{padding:30px 28px}.mcp-wordmark strong{font-size:26px}.mcp-auth-formpane h1{font-size:24px}.form-actions{flex-direction:column}}


/* 3.1.0-alpha1.28 MCP API + user management */
.mcp-admin-grid{display:grid;gap:16px}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.section-head h2{margin:3px 0 4px}.section-head p{margin:0;color:#667085}
.mcp-create-panel{border:1px solid #e3e8ef;border-radius:10px;margin:12px 0 16px;background:#fbfcfe}
.mcp-create-panel>summary{cursor:pointer;padding:12px 14px;font-weight:700;color:#273142}
.mcp-form-pad{padding:0 14px 14px}.table-sub{display:block;color:#7b8794;margin-top:3px}
.row-actions{position:relative}.row-actions>summary{cursor:pointer;list-style:none;border:1px solid #dbe2ea;border-radius:8px;padding:7px 10px;background:#fff;font-weight:700}
.row-action-pop{position:absolute;z-index:30;right:0;top:38px;width:300px;background:#fff;border:1px solid #dce3eb;border-radius:12px;box-shadow:0 18px 50px rgba(15,23,42,.16);padding:12px}
.row-action-pop form{display:grid;gap:8px;padding:8px 0;border-bottom:1px solid #edf0f4}.row-action-pop form:last-child{border:0}
.api-secret-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #a7d7bd;background:#f1fbf5;border-radius:10px;margin:12px 0}
.api-secret-box code{display:block;overflow:auto;padding:10px;background:#fff;border:1px solid #d5eadd;border-radius:8px;font-size:12px}
.api-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid #e1e6ed;border-radius:10px;padding:12px}
.api-scope-grid legend{font-weight:700;padding:0 6px}.api-scope-grid .check{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid #edf0f4;border-radius:8px}
.api-scope-grid .check input{width:auto;margin-top:3px}.api-scope-grid .check span{display:flex;flex-direction:column}.api-scope-grid .check small{color:#667085}
.button.danger{background:#b42318;color:#fff}.button.compact{padding:7px 10px}
.api-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.api-kpis>div{padding:14px;border:1px solid #e2e8f0;border-radius:10px;background:#fbfcfe}.api-kpis strong,.api-kpis span{display:block}.api-kpis strong{font-size:20px}.api-kpis span{color:#667085;font-size:12px}
.api-code{padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;background:#111827;color:#f8fafc;overflow:auto}
.api-endpoints{display:grid;gap:8px}.api-endpoints>div,.api-scope-row{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f4}
.api-endpoints small{grid-column:1/-1;color:#667085}.api-scope-row span{color:#667085}
@media(max-width:900px){.api-secret-box{grid-template-columns:1fr}.api-scope-grid,.api-kpis{grid-template-columns:1fr}.api-endpoints>div,.api-scope-row{grid-template-columns:1fr}.row-action-pop{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto}}


/* 3.1.0-alpha1.29 playlist-first jingle modes */
.playlist-purpose-panel{border:1px solid #e2e8f0;border-radius:10px;padding:14px;background:#fbfcfe}
.playlist-purpose-panel[hidden]{display:none!important}
.playlist-purpose-panel h3{margin:0 0 4px}.playlist-purpose-panel>p{margin:0 0 12px;color:#667085}
.modal-grid label small{display:block;margin-top:5px;color:#7b8794;font-size:11px;line-height:1.35}


/* 3.1.0-alpha1.30 — CANONICAL BACKEND SHELL
   Single authoritative layout block after audit consolidation.
   Do not append parallel shell-width/floating-shell overrides after this block. */
:root{
  --backend-shell-max:1440px;
  --backend-shell-gap:16px;
  --backend-shell-radius:20px;
  --backend-shell-left:max(0px,calc((100vw - var(--backend-shell-max)) / 2));
}

/* outside canvas */
html,body{background:#e9eef5}

/* complete backend application surface */
.app-shell{
  width:min(100%,var(--backend-shell-max));
  max-width:var(--backend-shell-max);
  min-height:calc(100vh - (var(--backend-shell-gap) * 2));
  margin:var(--backend-shell-gap) auto;
  position:relative;
  background:#f7f9fc;
  border:1px solid rgba(135,150,170,.28);
  border-radius:var(--backend-shell-radius);
  box-shadow:0 22px 60px rgba(15,23,42,.10),0 3px 12px rgba(15,23,42,.05);
}

/* fixed navigation follows the centered shell, not the viewport */
.sidebar{
  left:var(--backend-shell-left);
  top:var(--backend-shell-gap);
  bottom:var(--backend-shell-gap);
  border-radius:var(--backend-shell-radius) 0 0 var(--backend-shell-radius);
  overflow:hidden;
}

/* main column is one continuous surface inside the shell */
.main{
  min-height:calc(100vh - (var(--backend-shell-gap) * 2));
  background:#f7f9fc;
  border-radius:0 var(--backend-shell-radius) var(--backend-shell-radius) 0;
  overflow:clip;
}

.main>.topbar,
.main>.quickbar,
.main>.content{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}

.main>.topbar{
  border-radius:0 var(--backend-shell-radius) 0 0;
  border-left:0;
  border-right:0;
}

.main>.quickbar{border-left:0;border-right:0}

/* content itself is not a second floating shell */
.main>.content{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  margin-top:0;
  margin-bottom:0;
  padding:24px 26px 34px;
}

/* canonical page heading */
.page-head{
  align-items:flex-end;
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid #e2e8f0;
}
.page-head .eyebrow{color:#2563eb;letter-spacing:.12em;font-weight:800}
.page-head h1{
  margin:4px 0 6px;
  font-size:29px;
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:800;
  color:#0f172a;
}
.page-head p{max-width:760px;color:#667085;font-size:13px;line-height:1.55}

/* admin surfaces */
.mcp-admin-grid{gap:18px}
.mcp-admin-grid>.card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  box-shadow:0 7px 22px rgba(15,23,42,.035);
  padding:18px;
}
.mcp-admin-overview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.mcp-admin-stat{
  min-height:74px;
  padding:13px 14px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:13px;
}
.mcp-admin-stat strong{display:block;font-size:20px;line-height:1.1;color:#0f172a}
.mcp-admin-stat span{display:block;margin-top:6px;color:#667085;font-size:10px}
.section-head{padding-bottom:12px;border-bottom:1px solid #edf1f5}
.section-head h2{font-size:17px;letter-spacing:-.01em}
.section-head p{font-size:11px;line-height:1.5}
.mcp-create-panel{margin-top:14px;background:#f8fafc}
.mcp-create-panel>summary{min-height:42px;display:flex;align-items:center}
.mcp-admin-grid table{width:100%}
.mcp-admin-grid thead th{
  padding-top:10px;padding-bottom:10px;
  color:#667085;background:#f8fafc;
  font-size:8px;letter-spacing:.045em;text-transform:uppercase;
}
.mcp-admin-grid tbody td{padding-top:11px;padding-bottom:11px}

/* collapsed navigation stays part of the same shell */
body.sidebar-collapsed .sidebar{
  border-radius:var(--backend-shell-radius) 0 0 var(--backend-shell-radius);
}

/* below shell max there is no artificial outside gap */
@media(max-width:1440px){
  :root{--backend-shell-gap:0px;--backend-shell-left:0px}
  .app-shell{
    width:100%;max-width:none;min-height:100vh;margin:0;
    border-left:0;border-right:0;border-radius:0;box-shadow:none;
  }
  .sidebar{left:0;top:0;bottom:0;border-radius:0}
  .main{min-height:100vh;border-radius:0}
  .main>.topbar{border-radius:0}
}
@media(max-width:900px){
  .main>.content{padding:18px 18px 28px}
  .mcp-admin-overview{grid-template-columns:1fr}
  .page-head{align-items:flex-start}
  .page-head h1{font-size:25px}
}
@media(max-width:640px){
  .main>.content{padding:14px 14px 22px}
  .page-head{padding-bottom:14px;margin-bottom:14px}
  .page-head h1{font-size:22px}
}