/* Quiet surfaces for the operations workspace. No scene images or animation. */
:root{--admin-ink:#22344c;--admin-muted:#758398;--admin-line:#e1e8f0;--admin-panel:#fff;--muted:#758398;--green:#16836c;--gold:#a7792c;--red:#bc4c52;--blue:#407ed5}
html{background:#edf2f8}
body{color:#22344c;background:radial-gradient(ellipse at 95% 0%,#dde8fa 0,transparent 42%),radial-gradient(ellipse at 25% 100%,#e3eef0 0,transparent 42%),#f1f4f9;background-attachment:fixed}
body::before{background:radial-gradient(circle at 1px 1px,#58759a0b 1px,transparent 1px);background-size:24px 24px}
.admin-shell{grid-template-columns:232px minmax(0,1fr)}
.sidebar{height:100dvh;padding:24px 14px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#38506d transparent;border-right:1px solid #273b55;background:radial-gradient(ellipse at 0% 0%,#244061 0,transparent 48%),linear-gradient(160deg,#14263d,#0d1c2f 80%);box-shadow:6px 0 24px #11223b08;backdrop-filter:none}
.brand{min-height:86px;padding:0 12px 20px;margin-bottom:16px;gap:4px;border-bottom:1px solid #ffffff16;flex-shrink:0}
.brand-logo{width:166px;height:46px;filter:none}
.brand>span{padding-left:0}.brand b{color:#dbe5f2;font-size:12px;letter-spacing:.08em;text-shadow:none}.brand small{color:#829bb8;font-size:9px;letter-spacing:.12em}
.sidebar nav{gap:4px}
.nav-item{height:42px;padding:0 12px;gap:12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#aebed2;box-shadow:none;font-weight:500;letter-spacing:0;transition:background .15s,color .15s}
.nav-item::after{display:none}
.nav-item span,.nav-item.active span{width:26px;height:26px;flex-basis:26px;border:0;border-radius:7px;background:#ffffff09;box-shadow:none}
.nav-item span img{width:23px;height:23px;filter:saturate(.65)}
.nav-item:hover{color:#f3f7fc;background:#ffffff09;transform:none}
.nav-item.active{color:#fff;border-color:#92b9ff24;background:linear-gradient(100deg,#35639580,#31537740);box-shadow:inset 3px 0 #78adf2;text-shadow:none}
.nav-item.active span{background:#ffffff12}
.sidebar-footer{margin:20px 10px 0;padding:12px 0;border:0;border-top:1px solid #ffffff16;border-radius:0;background:transparent;color:#839ab5;font-size:11px;flex-shrink:0}
main{padding:26px clamp(20px,2.6vw,42px) 42px;background:none}
.topbar{min-height:78px;margin-bottom:24px;padding:0 0 20px;border:0;border-bottom:1px solid #d8e2ed;border-radius:0;background:none;box-shadow:none}
.topbar::before{display:none}
.topbar h1{color:#1d304a;font-size:25px;text-shadow:none;letter-spacing:.02em}
.topbar .eyebrow{color:#7d8ba0;font-size:10px;letter-spacing:.16em;text-shadow:none}
.top-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.connection{height:36px;padding:0 12px;border:1px solid #dce6ef;border-radius:8px;background:#ffffffa8;color:#60728a;box-shadow:none;text-shadow:none;font-size:12px}
.connection.online{color:#3f5b6e}.connection.online i{background:#279c7b;box-shadow:0 0 0 3px #279c7b12}
body :is(.primary,.secondary,.danger){min-height:37px;padding:0 16px;border:1px solid transparent;border-radius:8px;font-weight:600;font-size:13px;box-shadow:none;text-shadow:none;background-image:none;transition:background .15s,border-color .15s}
body .primary,body .dialog-actions .primary{color:#fff;background:#397bc9;border-color:#397bc9}
body .secondary,body .dialog-actions .secondary{color:#48617e;background:#fff;border-color:#d7e1ec}
body .danger,body .dialog-actions .danger{color:#a8444d;background:#fff1f2;border-color:#eec9ce}
body :is(.primary,.secondary,.danger):hover{transform:none;filter:brightness(.97)}
body :is(.primary,.secondary,.danger):active{transform:none}
body button:focus-visible{outline:3px solid #82afe9;outline-offset:3px}
.metric-grid{gap:16px;margin-bottom:20px}
.metric-card{min-height:132px;padding:22px;border:1px solid #dfe7f0;border-radius:14px;background:#ffffffed;box-shadow:0 4px 20px #223c5a04}
.metric-card::after{width:5px;height:32px;right:20px;top:22px;border-radius:4px;background:#9cbce933}
.metric-card p{color:#78869b;font-weight:500;font-size:12px}.metric-card strong{margin:14px 0 6px;color:#213c60;font-size:30px;font-weight:650;text-shadow:none;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.metric-card small{color:#8a97a9}
.metric-card.accent strong{color:#197d70}.metric-card.warn strong,.metric-card.gold strong{color:#b08035}
.dashboard-grid{gap:20px}
.panel{padding:24px;border:1px solid #dfe7f0;border-radius:14px;background:#ffffffeb;box-shadow:0 5px 24px #223c5a04;color:#22344c}
.panel::before{display:none}.panel h2{color:#314960;font-size:17px}.panel .eyebrow{color:#8797a9;font-size:9px;letter-spacing:.14em}
.panel-heading{padding:0 0 16px;margin-bottom:18px;border-bottom:1px solid #e9eef4}
.status-row{padding:12px 14px;border:1px solid #e7edf4;border-radius:9px;background:#f8fafc;box-shadow:none}
.status-row b{color:#415972}.status-row small{color:#8695a8}.status-value{color:#3c6798}.status-value.green{color:#23846e}.status-value.gold{color:#a98140}
.subtle,.count,.json{color:#7e8da2}.link-button{color:#397bc9}
.table-wrap{border:1px solid #e1e8f1;border-radius:10px;background:#fff}
th{background:#f4f7fb;color:#74879f;font-size:11px;letter-spacing:.02em}th,td{padding:14px;border-bottom-color:#e9eef5}th:first-child,th:last-child{border-radius:0}
td{background:#fff;color:#465d78;font-size:12px}tbody tr:hover td{background:#f5f8fd}
input,select,textarea{border-color:#d6e1ed;border-radius:8px;color:#324e6d;background:#fff;box-shadow:none}
input,select{height:39px}textarea{border-radius:8px}input:focus,select:focus,textarea:focus{border-color:#7ba8df;box-shadow:0 0 0 3px #397bc914}
.mini{height:30px;border:1px solid #d8e4f2;border-radius:7px;background:#f1f6fd;color:#4779b8;box-shadow:none;font-weight:500}.mini.alert{border-color:#efdadb;color:#b26066;background:#fff6f6}
.badge{border-color:#cce5da;background:#eef8f2;color:#43886f}.badge.suspended{border-color:#edd3d6;background:#fcf0f2;color:#a55f67}.badge.playing{border-color:#eedfbe;background:#fdf7e9;color:#a58343}
.avatar{border:1px solid #cbdcef;background:#e5eef9;color:#4c77aa;box-shadow:none}
.robot-analytics-card{border-color:#dbe7f1;background:#f2f7fc;border-radius:12px;box-shadow:none}
.ops-card,.config-card{border-color:#e0e8f1;border-radius:12px;background:#f8fafd;box-shadow:none}.ops-card::after{display:none}.ops-card.effective{border-color:#b7d8ca;box-shadow:none}
.notice{border-radius:9px;box-shadow:none}
.skeleton{border-radius:8px;background:linear-gradient(90deg,#edf2f7,#f8fafc,#edf2f7);background-size:200% 100%}
body.admin-logged-out{background:radial-gradient(ellipse at 18% 15%,#294d75 0,transparent 50%),radial-gradient(ellipse at 86% 80%,#1d4655 0,transparent 46%),linear-gradient(135deg,#13263e,#0e1e32 75%)}
body.admin-logged-out::before{background:linear-gradient(125deg,transparent 42%,#b8daf707 42.1%,transparent 42.3%,transparent 63%,#b8daf706 63.1%,transparent 63.3%)}
#auth-dialog::backdrop{background:#0b1c3020;backdrop-filter:none}
#auth-dialog{border-color:#ffffffbd;background:#f8fbff;box-shadow:0 28px 90px #06111c38}
#auth-dialog #connect{background:#397bc9;box-shadow:0 5px 16px #397bc926}
@media(max-width:1050px) and (min-width:721px){.sidebar .nav-item{height:46px;min-height:46px;flex-direction:row;padding:0;font-size:0;gap:0}.sidebar .nav-item span{width:28px;height:28px;flex-basis:28px}}
@media(max-width:720px){.sidebar nav{overflow-y:hidden}.sidebar .nav-item{height:39px;min-height:39px;flex-direction:row;padding:0 11px;font-size:12px;gap:7px}.sidebar .nav-item span{width:22px;height:22px;flex-basis:22px}.sidebar .nav-item span img{width:20px;height:20px}}
@media(max-width:1050px) and (min-width:721px){.admin-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:22px 10px}.brand{min-height:65px;padding:0 0 16px;align-items:center}.brand-logo.junyue-wordmark{width:42px;height:42px;padding:0}.brand-logo.junyue-wordmark>span{display:none}.brand>span:last-child{display:none}.nav-item{padding:0;justify-content:center;font-size:0}.nav-item span{flex-basis:28px;width:28px;height:28px}.sidebar-footer{padding:10px 0;margin:18px 0 0;justify-content:center}.sidebar-footer span{display:none}}
@media(max-width:720px){.admin-shell{display:block}.sidebar{position:sticky;top:0;bottom:auto;z-index:10;width:100%;height:auto;padding:8px 10px;border:0;border-radius:0;overflow:visible}.brand,.sidebar-footer{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.nav-item{flex:0 0 auto;height:39px;padding:0 11px;gap:7px;font-size:12px;display:flex}.nav-item span,.nav-item.active span{width:22px;height:22px;flex-basis:22px}.nav-item span img{width:20px;height:20px}main{padding:20px 14px 30px}.topbar{align-items:flex-start;gap:15px;flex-direction:column;padding-bottom:18px}.topbar h1{font-size:23px}.top-actions{justify-content:flex-start}.connection{display:none}.metric-grid{gap:10px}.metric-card{padding:16px;min-height:122px}.metric-card strong{font-size:25px}.metric-card::after{right:12px;top:16px;width:3px;height:24px}.panel{padding:18px}.dashboard-grid{gap:14px}}