:root{
    --bg:#070b14;
    --bg-soft:#0a101c;
    --sidebar:#09111e;
    --panel:#0f1827;
    --panel-soft:#0b1422;
    --panel-strong:#121e30;
    --line:rgba(148,163,184,.14);
    --line-strong:rgba(148,163,184,.24);
    --text:#e8eef7;
    --muted:#92a0b5;
    --faint:#66748a;
    --blue:#4d8dff;
    --blue-soft:rgba(77,141,255,.15);
    --green:#3bd184;
    --green-soft:rgba(59,209,132,.13);
    --amber:#efa83c;
    --amber-soft:rgba(239,168,60,.14);
    --red:#ff6673;
    --red-soft:rgba(255,102,115,.14);
    --purple:#a477ff;
    --purple-soft:rgba(164,119,255,.14);
    --sidebar-width:252px;
    --topbar-height:68px;
    --shadow:0 20px 60px rgba(0,0,0,.28);
}

*{box-sizing:border-box;}
html{min-height:100%;}
body{
    min-height:100vh;
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:14px;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
}
a{color:#83adff;}
a:hover{color:#abc7ff;}
button,input,select,textarea{font:inherit;}

/* Shared brand */
.brand-link{
    display:inline-flex;
    align-items:center;
    gap:11px;
    color:var(--text);
    text-decoration:none;
}
.brand-link:hover{color:var(--text);}
.brand-mark{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:35px;
    height:35px;
    border:1px solid rgba(77,141,255,.36);
    border-radius:10px;
    background:linear-gradient(145deg,rgba(77,141,255,.24),rgba(77,141,255,.08));
    color:#78a7ff;
    font-size:12px;
    font-weight:800;
    letter-spacing:-.03em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(32,85,181,.12);
}
.brand-mark-large{width:45px;height:45px;border-radius:13px;font-size:14px;}
.brand-copy{display:flex;flex-direction:column;line-height:1.1;}
.brand-copy strong{color:#f1f5fb;font-size:14px;font-weight:750;letter-spacing:-.02em;}
.brand-copy small{margin-top:4px;color:var(--muted);font-size:10px;}
.eyebrow{
    display:block;
    color:#6f91ca;
    font-size:10px;
    font-weight:750;
    letter-spacing:.14em;
    text-transform:uppercase;
}

/* Admin shell */
.admin-body{
    overflow-x:hidden;
    background:
        radial-gradient(circle at 85% -10%,rgba(56,189,248,.07),transparent 28%),
        var(--bg);
}
.admin-shell{min-height:100vh;}
.admin-sidebar{
    position:fixed;
    inset:0 auto 0 0;
    z-index:50;
    display:flex;
    width:var(--sidebar-width);
    flex-direction:column;
    border-right:1px solid var(--line);
    background:linear-gradient(180deg,rgba(11,20,34,.99),rgba(7,14,25,.99));
}
.sidebar-brand{
    display:flex;
    min-height:var(--topbar-height);
    align-items:center;
    justify-content:space-between;
    padding:0 17px;
    border-bottom:1px solid var(--line);
}
.sidebar-close{
    display:none;
    width:34px;
    height:34px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:var(--muted);
    cursor:pointer;
    font-size:24px;
    line-height:1;
}
.sidebar-close:hover{background:rgba(148,163,184,.07);color:var(--text);}
.sidebar-nav{
    flex:1;
    overflow-y:auto;
    padding:18px 13px;
    scrollbar-width:thin;
    scrollbar-color:var(--line-strong) transparent;
}
.sidebar-section+.sidebar-section{margin-top:21px;}
.sidebar-section-label{
    display:block;
    margin:0 10px 8px;
    color:#56657b;
    font-size:9px;
    font-weight:750;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.sidebar-link{
    display:flex;
    min-height:41px;
    align-items:center;
    gap:11px;
    margin:3px 0;
    padding:0 11px;
    border:1px solid transparent;
    border-radius:8px;
    color:#a7b3c5;
    text-decoration:none;
    transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.sidebar-link:hover{background:rgba(148,163,184,.055);color:#edf3fb;}
.sidebar-link.active{
    border-color:rgba(77,141,255,.2);
    background:linear-gradient(90deg,rgba(50,99,204,.30),rgba(50,99,204,.13));
    color:#eaf1ff;
    box-shadow:inset 3px 0 0 var(--blue);
}
.sidebar-icon{display:grid;place-items:center;width:18px;height:18px;color:#75849a;}
.sidebar-icon svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.sidebar-link.active .sidebar-icon{color:#75a5ff;}
.sidebar-footer{padding:13px;border-top:1px solid var(--line);}
.service-summary{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px;
    border:1px solid rgba(59,209,132,.17);
    border-radius:9px;
    background:rgba(59,209,132,.05);
}
.service-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(59,209,132,.45);}
.service-summary>span:last-child{display:flex;flex-direction:column;}
.service-summary strong{color:#75dfa8;font-size:10px;font-weight:700;}
.service-summary small{margin-top:2px;color:var(--muted);font-size:9px;}
.sidebar-logout{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:10px;
    padding:9px 11px;
    border-radius:7px;
    color:#7f8da2;
    font-size:10px;
    text-decoration:none;
}
.sidebar-logout:hover{background:rgba(255,102,115,.07);color:#ff8791;}

.admin-stage{display:flex;min-height:100vh;margin-left:var(--sidebar-width);flex-direction:column;}
.admin-topbar{
    position:sticky;
    top:0;
    z-index:30;
    display:flex;
    min-height:var(--topbar-height);
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:0 25px;
    border-bottom:1px solid var(--line);
    background:rgba(7,11,20,.82);
    backdrop-filter:blur(16px);
}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px;}
.topbar-title{display:flex;flex-direction:column;line-height:1.12;}
.topbar-title small{color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.1em;}
.topbar-title strong{margin-top:3px;color:#e9eff8;font-size:12px;font-weight:700;}
.mobile-menu-button{
    display:none;
    width:36px;
    height:36px;
    padding:9px;
    border:1px solid var(--line);
    border-radius:8px;
    background:rgba(148,163,184,.03);
    cursor:pointer;
}
.mobile-menu-button span{display:block;height:1px;margin:3px 0;background:#9ba8ba;}
.topbar-status{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    border:1px solid var(--line);
    border-radius:999px;
    background:rgba(148,163,184,.03);
    color:#9fabbd;
    font-size:9px;
}
.topbar-status>span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(59,209,132,.38);}
.admin-identity{display:flex;align-items:center;gap:9px;}
.admin-avatar{
    display:grid;
    place-items:center;
    width:33px;
    height:33px;
    border-radius:50%;
    background:linear-gradient(145deg,#202d42,#141e2e);
    color:#dbe4ef;
    font-size:11px;
    font-weight:750;
}
.admin-identity>span:last-child{display:flex;max-width:210px;flex-direction:column;line-height:1.1;}
.admin-identity strong{overflow:hidden;color:#d8e1ed;font-size:10px;text-overflow:ellipsis;white-space:nowrap;}
.admin-identity small{margin-top:3px;color:var(--faint);font-size:8px;}
.admin-content{width:100%;max-width:1680px;margin:0 auto;padding:26px 28px 38px;}
.admin-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:auto;
    padding:16px 28px;
    border-top:1px solid var(--line);
    color:var(--faint);
    font-size:9px;
}
.sidebar-backdrop{display:none;}

/* Headings and reusable panels */
.page-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px;
}
.page-heading h1,.admin-content>h1{
    margin:3px 0 5px;
    color:#f4f7fc;
    font-size:clamp(26px,2.2vw,34px);
    font-weight:720;
    letter-spacing:-.04em;
}
.page-heading p{margin:0;color:var(--muted);font-size:12px;}
.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.card,.admin-panel,.stat-card,.metric{
    border:1px solid var(--line);
    border-radius:10px;
    background:linear-gradient(150deg,rgba(15,24,39,.98),rgba(10,18,31,.98));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.card,.admin-panel{padding:18px;}
.card h2,.admin-panel h2{margin:0 0 15px;color:#e9eef7;font-size:14px;font-weight:680;}
.card p,.admin-panel p{color:var(--muted);}
.grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;}
.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:15px;}
.metric,.stat-card{padding:17px;}
.metric span,.stat-card span{color:var(--muted);}
.metric strong,.stat-card strong{color:#f3f6fb;}
.panel-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin:-18px -18px 0;
    padding:16px 18px 13px;
    border-bottom:1px solid rgba(148,163,184,.09);
}
.panel-heading h2{margin:0;color:#e9eef7;font-size:13px;font-weight:680;}
.panel-heading p{margin:3px 0 0;color:var(--faint);font-size:9px;}
.panel-heading>a{color:#78a5fa;font-size:9px;text-decoration:none;white-space:nowrap;}
.panel-heading>a:hover{color:#a7c3ff;}

/* Dashboard */
.dashboard-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px;}
.dashboard-metric{
    display:flex;
    min-height:118px;
    align-items:center;
    gap:12px;
    padding:15px;
    border:1px solid var(--line);
    border-radius:10px;
    background:linear-gradient(145deg,rgba(17,28,44,.96),rgba(10,18,31,.96));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.metric-icon{
    display:grid;
    place-items:center;
    flex:0 0 39px;
    width:39px;
    height:39px;
    border-radius:50%;
    font-size:13px;
    font-weight:800;
}
.dashboard-metric>div{min-width:0;}
.dashboard-metric small{display:block;color:#a8b3c4;font-size:10px;}
.dashboard-metric strong{display:block;margin-top:2px;color:#f5f8fc;font-size:25px;font-weight:700;line-height:1.05;letter-spacing:-.04em;}
.dashboard-metric>div>span{display:block;overflow:hidden;margin-top:7px;color:var(--faint);font-size:8px;text-overflow:ellipsis;white-space:nowrap;}
.metric-blue .metric-icon{background:var(--blue-soft);color:#70a1ff;}
.metric-green .metric-icon{background:var(--green-soft);color:var(--green);}
.metric-purple .metric-icon{background:var(--purple-soft);color:var(--purple);}
.metric-amber .metric-icon{background:var(--amber-soft);color:var(--amber);}
.metric-red .metric-icon{background:var(--red-soft);color:var(--red);}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:14px;align-items:start;}
.dashboard-main-column,.dashboard-side-column{display:grid;gap:14px;}
.dashboard-panel{min-width:0;overflow:hidden;}
.table-scroll{overflow-x:auto;margin:0 -18px -18px;}
.dashboard-table{min-width:900px;}
.empty-state{display:flex;align-items:center;flex-direction:column;padding:38px 18px 23px;text-align:center;}
.empty-state-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:800;}
.empty-state strong{margin-top:10px;color:#cbd5e2;font-size:11px;}
.empty-state p{margin:4px 0 0;color:var(--faint);font-size:9px;}
.system-status-list{padding-top:6px;}
.system-status-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.07);}
.system-status-list>div:last-child{border-bottom:0;}
.system-status-list span{color:#aab5c5;font-size:10px;}
.system-status-list strong{display:inline-flex;align-items:center;gap:7px;color:#cdd6e2;font-size:9px;font-weight:620;text-align:right;}
.status-text-good{color:#62d99a!important;}
.status-text-bad{color:#ff7a85!important;}
.status-text-good i,.status-text-bad i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor;}
.attention-list{padding-top:6px;}
.attention-list>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(148,163,184,.07);color:inherit;text-decoration:none;}
.attention-list>a:last-child{border-bottom:0;}
.attention-list>a:hover strong{color:#eef4fc;}
.attention-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;font-size:10px;font-weight:800;}
.attention-muted{background:rgba(148,163,184,.10);color:#a3afc0;}
.attention-warning{background:var(--amber-soft);color:var(--amber);}
.attention-danger{background:var(--red-soft);color:var(--red);}
.attention-good{background:var(--green-soft);color:var(--green);}
.attention-list>a>span:nth-child(2){display:flex;min-width:0;flex-direction:column;}
.attention-list strong{color:#cbd5e2;font-size:10px;transition:color .15s;}
.attention-list small{margin-top:2px;color:var(--faint);font-size:8px;}
.attention-list>a>span:last-child{color:#5f6d82;font-size:11px;}
.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:12px;}
.quick-actions a{display:flex;min-height:70px;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:8px;background:rgba(148,163,184,.025);color:#b9c5d5;font-size:9px;text-align:center;text-decoration:none;transition:.15s ease;}
.quick-actions a:hover{transform:translateY(-1px);border-color:rgba(77,141,255,.32);background:rgba(77,141,255,.07);color:#f2f6fc;}
.quick-actions a span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--blue-soft);color:#73a2ff;font-weight:800;}

/* Generic tables */
table,.admin-table,.release-table{width:100%;border-collapse:collapse;color:#cbd5e2;}
th,td,.admin-table th,.admin-table td{padding:11px 13px;border-bottom:1px solid rgba(148,163,184,.09);text-align:left;vertical-align:middle;}
th,.admin-table th{color:#7f8ca0;font-size:8px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;}
td,.admin-table td{font-size:10px;}
tbody tr:hover{background:rgba(148,163,184,.025);}
tbody tr:last-child td{border-bottom:0;}
code,pre{border:1px solid rgba(148,163,184,.12);border-radius:5px;background:rgba(2,6,23,.34);color:#a9c1ee;}
code{padding:3px 5px;font-size:9px;}
pre{padding:14px;}
.status-pill{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:4px 7px;
    border-radius:999px;
    font-size:8px;
    font-weight:700;
    white-space:nowrap;
}
.status-neutral{background:rgba(148,163,184,.10);color:#aeb9c9;}
.status-ok{background:var(--green-soft);color:#68dda0;}
.status-warning{background:var(--amber-soft);color:#f4ba62;}
.status-error,.status-danger{background:var(--red-soft);color:#ff818b;}

/* Buttons and forms */
.button,button[type="submit"],input[type="submit"]{
    display:inline-flex;
    min-height:39px;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border:1px solid #4a82e7;
    border-radius:8px;
    background:linear-gradient(180deg,#4e89f5,#3f72d3);
    color:white;
    font-size:10px;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
    box-shadow:0 7px 18px rgba(44,101,209,.15);
}
.button:hover,button[type="submit"]:hover,input[type="submit"]:hover{border-color:#6398f8;background:linear-gradient(180deg,#5a94fb,#477bdc);color:white;}
.button-secondary{border-color:var(--line-strong);background:#172235;color:#ced7e3;box-shadow:none;}
.button-secondary:hover{border-color:#45536a;background:#1c293e;color:white;}
button.danger,.button.danger{border-color:rgba(255,102,115,.42);background:var(--red-soft);color:#ff8e97;box-shadow:none;}
label{color:#aeb9ca;font-size:10px;font-weight:620;}
input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="file"],input[type="datetime-local"],input[type="date"],select,textarea{
    width:100%;
    min-height:41px;
    padding:9px 11px;
    border:1px solid var(--line-strong);
    border-radius:7px;
    outline:0;
    background:#091221;
    color:var(--text);
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
textarea{min-height:110px;resize:vertical;}
input:focus,select:focus,textarea:focus{border-color:rgba(77,141,255,.68);background:#0b1627;box-shadow:0 0 0 3px rgba(77,141,255,.10);}
input[type="checkbox"],input[type="radio"]{accent-color:var(--blue);}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.notice{margin-bottom:14px;padding:11px 13px;border:1px solid;border-radius:8px;font-size:10px;}
.notice.success{border-color:rgba(59,209,132,.23);background:var(--green-soft);color:#7ce2ab;}
.notice.error{border-color:rgba(255,102,115,.23);background:var(--red-soft);color:#ff919a;}
.healthy{color:#61d999!important;}
.warning{color:#efb054!important;}
.error{color:#ff7782!important;}

/* Public status */
.status-body,.login-body{
    display:flex;
    min-height:100vh;
    align-items:center;
    justify-content:center;
    padding:26px;
    background:
        radial-gradient(circle at 50% -5%,rgba(77,141,255,.11),transparent 34%),
        var(--bg);
}
.status-shell{width:min(760px,100%);}
.status-card,.login-card{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:15px;
    background:linear-gradient(150deg,rgba(16,27,44,.97),rgba(8,15,27,.99));
    box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.035);
}
.status-header{padding:32px 34px 27px;border-bottom:1px solid var(--line);}
.status-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px;}
.status-brand,.login-brand{display:flex;align-items:center;gap:12px;}
.overall-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:700;}
.overall-status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;}
.overall-ok{border:1px solid rgba(59,209,132,.21);background:var(--green-soft);color:#68dda0;}
.overall-warning{border:1px solid rgba(239,168,60,.22);background:var(--amber-soft);color:#f3ba62;}
.overall-error{border:1px solid rgba(255,102,115,.22);background:var(--red-soft);color:#ff818b;}
.status-header h1{margin:5px 0 9px;color:#f4f7fc;font-size:clamp(30px,5vw,43px);font-weight:740;line-height:1.08;letter-spacing:-.05em;}
.status-header>p{max-width:600px;margin:0;color:var(--muted);font-size:13px;line-height:1.65;}
.status-checks{padding:8px 34px 15px;}
.status-check{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid rgba(148,163,184,.09);}
.status-check:last-child{border-bottom:0;}
.status-check-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;font-size:11px;font-weight:800;}
.status-check-ok{background:var(--green-soft);color:var(--green);}
.status-check-warning{background:var(--amber-soft);color:var(--amber);}
.status-check-error{background:var(--red-soft);color:var(--red);}
.status-check-copy{display:flex;min-width:0;flex-direction:column;}
.status-check-copy strong{color:#d8e1ec;font-size:11px;}
.status-check-copy small{margin-top:3px;color:var(--faint);font-size:9px;}
.status-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 34px;border-top:1px solid var(--line);background:rgba(148,163,184,.018);}
.status-footer span{color:var(--faint);font-size:8px;}
.status-footer a{color:#7da8fb;font-size:9px;text-decoration:none;}
.status-copyright{margin:14px 0 0;color:#556378;font-size:9px;text-align:center;}

/* Login */
.login-shell{width:min(430px,100%);}
.login-card{padding:30px;}
.login-brand{margin-bottom:30px;}
.login-heading h1{margin:5px 0 7px;color:#f5f8fc;font-size:31px;font-weight:730;letter-spacing:-.045em;}
.login-heading p{margin:0;color:var(--muted);font-size:11px;}
.login-error{display:flex;align-items:center;gap:9px;margin-top:18px;padding:11px 12px;border:1px solid rgba(255,102,115,.23);border-radius:8px;background:var(--red-soft);color:#ff929a;font-size:10px;}
.login-error>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,102,115,.14);font-weight:800;}
.login-form{margin-top:23px;}
.login-form label{display:block;margin-bottom:15px;}
.login-form label>span{display:block;margin-bottom:6px;}
.login-form button{width:100%;margin-top:3px;}
.login-back{display:block;margin-top:19px;color:#758399;font-size:9px;text-align:center;text-decoration:none;}
.login-back:hover{color:#b0bdce;}

/* Compatibility with the existing release screens */
.release-page{color:var(--text);}
.release-card,.release-stat{border-color:var(--line)!important;background:var(--panel)!important;color:var(--text)!important;}
.release-card-header{border-color:var(--line)!important;}
.release-table th,.release-table td{border-color:var(--line)!important;}



/* Guardian infrastructure updates */
.software-update-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start;}
.software-update-section{margin-top:14px;overflow:hidden;}
.update-panel-body{padding-top:16px;}
.update-check-list{padding-top:6px;}
.update-check-row{display:grid;grid-template-columns:9px minmax(0,1fr);gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid rgba(148,163,184,.07);}
.update-check-row:last-child{border-bottom:0;}
.update-check-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--faint);box-shadow:0 0 8px currentColor;}
.update-check-dot.good{background:var(--green);color:var(--green);}
.update-check-dot.bad{background:var(--red);color:var(--red);}
.update-check-row span:last-child{display:flex;min-width:0;flex-direction:column;}
.update-check-row strong{color:#cfd8e5;font-size:10px;}
.update-check-row small{overflow-wrap:anywhere;margin-top:3px;color:var(--faint);font-size:8px;}
.update-details{margin:0;}
.update-details>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid rgba(148,163,184,.07);}
.update-details>div:last-child{border-bottom:0;}
.update-details dt{color:var(--faint);font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;}
.update-details dd{min-width:0;margin:0;color:#cdd6e2;font-size:10px;overflow-wrap:anywhere;}
.update-confirm-form{margin-top:16px;padding-top:15px;border-top:1px solid rgba(148,163,184,.09);}
.update-confirm{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px;}
.update-confirm input{margin-top:3px;}
.update-confirm span{display:flex;flex-direction:column;}
.update-confirm strong{color:#d9e1ec;font-size:10px;}
.update-confirm small{margin-top:3px;color:var(--faint);font-size:8px;line-height:1.5;}
.update-empty{padding:27px 3px 9px;text-align:center;}
.update-empty strong{display:block;color:#cfd8e5;font-size:11px;}
.update-empty p{margin:5px 0;color:var(--faint);font-size:9px;}
.update-table{min-width:760px;}
.update-action-cell{text-align:right!important;}
.update-rollback-form{display:inline-flex;align-items:center;justify-content:flex-end;gap:9px;}
.update-rollback-form label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.update-rollback-form button{min-height:33px;padding:0 10px;}
.software-update-note{margin-top:14px;margin-bottom:0;}
@media (max-width:980px){.software-update-grid{grid-template-columns:1fr;}}

@media (max-width:1450px){
    .dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:1080px){
    .admin-stage{margin-left:0;}
    .admin-sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:24px 0 60px rgba(0,0,0,.4);}
    .sidebar-open .admin-sidebar{transform:translateX(0);}
    .sidebar-close,.mobile-menu-button{display:block;}
    .sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.62);backdrop-filter:blur(2px);}
    .dashboard-layout{grid-template-columns:1fr;}
}
@media (max-width:760px){
    .admin-topbar{padding:0 15px;}
    .topbar-status,.admin-identity>span:last-child{display:none;}
    .admin-content{padding:21px 15px 32px;}
    .admin-footer{align-items:flex-start;flex-direction:column;padding:14px 15px;}
    .page-heading{align-items:flex-start;flex-direction:column;}
    .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
    .form-grid{grid-template-columns:1fr;}
    .status-body,.login-body{padding:15px;}
    .status-header{padding:25px 21px 23px;}
    .status-checks{padding:6px 21px 13px;}
    .status-footer{align-items:flex-start;flex-direction:column;padding:14px 21px;}
}
@media (max-width:480px){
    .dashboard-metrics{grid-template-columns:1fr;}
    .quick-actions{grid-template-columns:1fr;}
    .status-topline{align-items:flex-start;flex-direction:column;}
    .status-check{grid-template-columns:34px minmax(0,1fr);}
    .status-check>.status-pill{grid-column:2;justify-self:start;}
    .login-card{padding:24px 20px;}
}
/* Guardian 1.0.2 support observability */
.guardian-alert{display:flex;justify-content:space-between;gap:16px;margin:0 0 18px;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#111b29}
.guardian-alert strong{display:block;color:#f7fafc;font-size:14px}
.guardian-alert p{margin:6px 0 0;color:#b7c2d2;font-size:12px;line-height:1.55}
.guardian-alert-danger{border-color:rgba(255,91,101,.35);background:rgba(143,27,36,.18)}
.diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.diagnostic-card small,.diagnostic-card span{display:block;color:var(--muted)}
.diagnostic-card strong{display:block;margin:6px 0;font-size:18px}
.request-filter-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}
.request-filter-grid label{display:grid;gap:6px;color:var(--muted);font-size:12px}
.request-filter-grid input,.request-filter-grid select{width:100%;min-height:40px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:#0b1422;color:#eef3fa}
@media(max-width:900px){.diagnostic-grid{grid-template-columns:1fr}.request-filter-grid{grid-template-columns:1fr}}
