/* Premium blue workspace. Scoped to staff management; the client cinema theme stays separate. */
body:has(#workspace:not([hidden]) #management:not([hidden])){--accent:#1462df;--border:#d4e1f2;--muted:#546b8c;--panel:#fff;color:#193453;color-scheme:light;background:radial-gradient(ellipse at 85% 0%,#d3e6ff,transparent 52%),#edf4fc}
body:has(#workspace:not([hidden]) #management:not([hidden])) header{margin-left:230px;padding:19px 30px;min-height:92px;gap:22px;background:#f8fbffed;border-bottom:1px solid #d4e2f3;box-shadow:0 3px 16px #17457b06}
body:has(#workspace:not([hidden]) #management:not([hidden])) .brand{position:fixed;left:25px;top:29px;z-index:31;color:#fff;font-size:25px}
body:has(#workspace:not([hidden]) #management:not([hidden])) .brand span{color:#65d9ff}body:has(#workspace:not([hidden]) #management:not([hidden])) .brand small{color:#a6c8ee}
body:has(#workspace:not([hidden]) #management:not([hidden])) header nav a{color:#365575;font-weight:600}body:has(#workspace:not([hidden]) #management:not([hidden])) .header-end{gap:12px}
body:has(#workspace:not([hidden]) #management:not([hidden])) #identity{color:#1156ad;border-color:#c9dffa;background:#e6f1ff;font-weight:700}
body:has(#workspace:not([hidden]) #management:not([hidden])) main{margin-left:230px;max-width:none;padding:28px 30px 60px;min-height:85vh}
#management .tabs{position:fixed;inset:0 auto 0 0;width:230px;margin:0;padding:110px 16px 28px;z-index:20;display:flex;flex-direction:column;justify-content:flex-start;gap:9px;flex-wrap:nowrap;overflow:auto;border:0;background:radial-gradient(ellipse at 0 85%,#0653aa88,transparent 65%),linear-gradient(165deg,#082852,#123d77 60%,#09274e);box-shadow:5px 0 25px #103e6c12}
#management .tabs:before{content:'AULASTREAM';font-size:10px;letter-spacing:2.8px;color:#9abce2;padding:14px 15px 20px}
#management .tabs button{position:relative;flex-shrink:0;justify-content:flex-start;text-align:left;padding:14px 17px;min-height:49px;font-size:13px;color:#c5dcf7;border:1px solid transparent;border-radius:10px;background:transparent;transition:background .15s,box-shadow .15s}
#management .tabs button:before{content:'';width:7px;height:7px;border-radius:3px;border:1px solid #91bcec;flex:none;margin-right:5px}
#management .tabs button:hover{color:white;background:#ffffff12;border-color:#ffffff20}#management .tabs button.selected{color:white;background:linear-gradient(100deg,#0779ea,#2262da);border-color:#64baff6b;box-shadow:0 7px 20px #001c4a55}#management .tabs button.selected:before{background:#91e9ff;border-color:#91e9ff;box-shadow:0 0 12px #5abfff}
#management .page-heading{position:relative;overflow:hidden;margin:0 0 24px;padding:27px 30px;border:1px solid #c2dafa;border-radius:18px;background:radial-gradient(ellipse at 90% 5%,#a3ccff99,transparent 55%),linear-gradient(115deg,#f9fcff,#dfedff);box-shadow:0 12px 35px #27599108}
#management .page-heading:before{content:'';position:absolute;width:450px;height:450px;border-radius:50%;border:50px solid #ffffff35;right:-140px;top:-330px;pointer-events:none}#management .page-heading>*{position:relative}
#management .page-heading h1{color:#163659;font-size:clamp(28px,3vw,43px);letter-spacing:-1.4px;margin:10px 0 0}#management .page-heading .eyebrow{color:#2067b7;letter-spacing:2px}
#management .stats{gap:17px;margin:24px 0 30px}#management .stat{position:relative;overflow:hidden;min-height:140px;padding:24px;border:1px solid #ffffff60;border-radius:14px;box-shadow:0 9px 22px #16447c19;background:linear-gradient(135deg,#087ba1,#075577);color:#fff}
#management .stat:nth-child(2){background:linear-gradient(135deg,#079fe8,#1267d8)}#management .stat:nth-child(3){background:linear-gradient(135deg,#8b7aef,#6552d0)}#management .stat:nth-child(4){background:linear-gradient(135deg,#6169e5,#3549ba)}
#management .stat:after{content:'';position:absolute;width:130px;height:130px;right:-46px;top:-46px;border:22px solid #ffffff12;border-radius:50%;pointer-events:none}#management .stat span{color:#edf7ff;font-weight:500;font-size:12px}#management .stat strong{color:#fff;margin-top:20px;font-size:clamp(24px,2.5vw,34px);letter-spacing:-1px}
#management .admin-tab{background:#ffffffb8;border:1px solid #d9e5f4;border-radius:18px;padding:22px 24px;box-shadow:0 12px 32px #163b7108}#management .admin-tab>.section-heading:first-child{margin-top:0}#management h2,#management h3{color:#193c64}
body:has(#workspace:not([hidden]) #management:not([hidden])) :is(button,.button){color:#28517b;background:#f3f8ff;border-color:#cbdcf0;border-radius:9px}
body:has(#workspace:not([hidden]) #management:not([hidden])) :is(button,.button):hover{background:#e3efff;border-color:#78a9e8}
body:has(#workspace:not([hidden]) #management:not([hidden])) .primary{background:linear-gradient(110deg,#087ff0,#245ddd);color:#fff;border-color:#196fe4;box-shadow:0 4px 12px #1e6bd824}
body:has(#workspace:not([hidden]) #management:not([hidden])) #settings-button{background:#e7f1ff;color:#24538c;border-color:#bfd6f4}
body:has(#workspace:not([hidden]) #management:not([hidden])) :is(input,select,textarea){background:#f8fbff;color:#213e60;border-color:#c9d9ed;box-shadow:inset 0 1px 2px #12396704}
body:has(#workspace:not([hidden]) #management:not([hidden])) :is(input,textarea)::placeholder{color:#72839c}body:has(#workspace:not([hidden]) #management:not([hidden])) label{color:#426080}
#management .panel{background:#fff;border-color:#d6e3f3;box-shadow:0 4px 16px #1e4d8005;border-radius:13px}#management .table-wrap{background:#fff;border-color:#d4e2f3;border-radius:12px}
#management th{background:#edf4ff;color:#4b6a93;border-color:#d4e2f3;font-size:10px}#management td{color:#284364;border-color:#e6edf6}#management tbody tr:nth-child(even){background:#f7faff}#management tbody tr:hover{background:#eef5ff}#management td button{font-size:11px;white-space:nowrap}
#management :is(.muted,.catalog-pages span){color:#5d7390}#management fieldset{border-color:#cbdcf0;border-radius:10px}#management .balance-panel strong{color:#1767d7}#management .announcement-options summary{color:#1462df}
body:has(#workspace:not([hidden]) #management:not([hidden])) dialog:not(#player-dialog){color:#213e60;background:#f7faff;border-color:#b9cfea;box-shadow:0 28px 100px #08294e55}body:has(#workspace:not([hidden]) #management:not([hidden])) dialog:not(#player-dialog) :is(h2,h3){color:#234a79}body:has(#workspace:not([hidden]) #management:not([hidden])) dialog .panel{background:#fff;border-color:#d5e3f5}body:has(#workspace:not([hidden]) #management:not([hidden])) #account-details-list dt{color:#59708e}
body:has(#workspace:not([hidden]) #management:not([hidden])) footer{margin-left:230px;background:transparent;border-color:#d0dfef;color:#637c9c}
/* Explicitly retain the selected sidebar contrast after generic button styling. */
body:has(#workspace:not([hidden]) #management:not([hidden])) #management .tabs button{background:transparent;color:#c5dcf7;border-color:transparent}body:has(#workspace:not([hidden]) #management:not([hidden])) #management .tabs button:hover{background:#ffffff15;color:#fff}body:has(#workspace:not([hidden]) #management:not([hidden])) #management .tabs button.selected{background:linear-gradient(100deg,#087eea,#2462d8);color:#fff;border-color:#61afff66}
@media(max-width:1000px){body:has(#workspace:not([hidden]) #management:not([hidden])) .brand{left:18px;font-size:22px}#management .tabs{width:195px;padding-inline:10px}body:has(#workspace:not([hidden]) #management:not([hidden])) :is(header,main,footer){margin-left:195px}#management .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body:has(#workspace:not([hidden]) #management:not([hidden])) .brand{position:static;color:#193c64}body:has(#workspace:not([hidden]) #management:not([hidden])) .brand span{color:#126dd7}body:has(#workspace:not([hidden]) #management:not([hidden])) .brand small{color:#587ba3}body:has(#workspace:not([hidden]) #management:not([hidden])) :is(header,main,footer){margin-left:0}body:has(#workspace:not([hidden]) #management:not([hidden])) header{padding:18px;gap:16px}body:has(#workspace:not([hidden]) #management:not([hidden])) main{padding:18px 12px 40px}#management .tabs{position:static;width:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;margin:20px 0;border-radius:14px;gap:6px;overflow:visible}#management .tabs:before{display:none}#management .tabs button{min-height:44px;padding:10px;font-size:12px}#management .page-heading{padding:22px;gap:12px;flex-wrap:wrap}#management .admin-tab{padding:16px 12px}#management .stats{gap:10px}#management .stat{min-height:120px;padding:18px}#management .stat strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){#management .tabs button{transition:none}}
#management #health-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:16px;align-items:center}#management #health-form label:has(#health-enabled){display:flex;align-items:center;gap:12px}#management #health-enabled{width:22px;height:22px;min-height:22px;margin:0;flex:none}#management #health-form p{grid-column:1/-1}#management #health-form button{justify-self:start;width:auto}@media(max-width:650px){#management #health-form{grid-template-columns:1fr}}
#management .status-good{color:#087451;background:#e4f7ef;padding:4px 8px;border-radius:20px;display:inline-block}#management .status-off{color:#a13d2e;background:#fff0e9;padding:4px 8px;border-radius:20px;display:inline-block}#management .notice{color:#76551c;background:#fff7e5;border-color:#d8ac4b}
#management #media-selection{align-items:end;flex-wrap:wrap}#management #media-selection label{min-width:180px}#management #media-selection .catalog-group-toggle{display:flex;align-items:center;gap:10px;min-height:44px}#management #media-selection .catalog-group-toggle input{width:20px;height:20px;min-height:20px;margin:0}
/* High-contrast progress and error notices in the staff panel. */
body:has(#workspace:not([hidden]) #management:not([hidden])) #toast{background:#e8f7ee;color:#123d29;border:2px solid #43835c;font-size:15px;font-weight:650;line-height:1.5;max-width:min(760px,calc(100vw - 32px));overflow-wrap:anywhere;box-shadow:0 8px 30px #102f4933}
body:has(#workspace:not([hidden]) #management:not([hidden])) #toast.error{background:#fff0ee;color:#7c211b;border-color:#c15a50}

/* Keep verification details bounded while progress and controls remain visible. */
#management #import-check-issues{box-sizing:border-box;max-height:min(360px,45vh);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;margin:16px 0;padding:12px 18px 12px 36px;border:1px solid #b9cfea;border-radius:10px;background:#f5f9ff;color:#213e60;line-height:1.55;overflow-wrap:anywhere}
#management #import-check-issues:empty{display:none}
#management #import-check-issues li{padding:7px 0;border-bottom:1px solid #dce7f4}
#management #import-check-issues li:last-child{border-bottom:0}
#management #import-check-issues:focus-visible{outline:3px solid #1479e8;outline-offset:2px}