@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");

:root{
  --tsb:#93c120;--tsb-dark:#6f9910;--navy:#142c3f;--navy-2:#0e2130;
  --bg:#f5f7f8;--panel:#fff;--text:#17212b;--muted:#667085;--line:#e4e9ed;
  --success:#15803d;--success-bg:#eaf7ee;--danger:#b42318;--danger-bg:#fff0ef;
  --warning:#a15c07;--warning-bg:#fff7e8;--info:#1769aa;--info-bg:#eef7ff;
  --shadow:0 8px 28px rgba(16,24,40,.06);--radius:16px
}
*{box-sizing:border-box}
html{min-height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:#126eab}
button,input,select,textarea{font:inherit}
.top{position:fixed;z-index:50;inset:0 auto 0 0;width:264px;background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#fff;padding:18px 14px;display:flex;flex-direction:column;box-shadow:6px 0 22px rgba(10,24,36,.08)}
.brand-block{padding:4px 6px 22px}
.brand-logo-wrap{height:70px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:10px 13px;overflow:hidden}
.brand-logo-wrap img{display:block;max-width:100%;max-height:52px;object-fit:contain}
.brand-copy{display:flex;justify-content:space-between;align-items:flex-end;margin-top:11px}
.brand-copy strong{font-size:17px;letter-spacing:-.2px}.brand-copy span{font-size:11px;color:#b9c8d3;text-transform:uppercase;letter-spacing:.08em}
.side-nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow:auto;padding:0 2px 18px}
.nav-section{font-size:10px;font-weight:800;color:#8297a6;text-transform:uppercase;letter-spacing:.12em;padding:15px 12px 7px}
.nav-link{display:flex;align-items:center;gap:12px;color:#dce6ec;text-decoration:none;border-radius:10px;padding:10px 11px;font-weight:650;transition:.18s ease}
.nav-link svg{width:19px;height:19px;fill:currentColor;opacity:.86;flex:0 0 auto}
.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-link.active{background:rgba(147,193,32,.16);color:#fff;box-shadow:inset 3px 0 var(--tsb)}
.nav-link.active svg{color:var(--tsb);opacity:1}
.nav-count{margin-left:auto;background:var(--tsb);color:#12210a;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:850;padding:0 6px}
.sidebar-user{border-top:1px solid rgba(255,255,255,.09);padding:16px 8px 2px;display:flex;align-items:center;gap:10px}
.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--tsb);color:#15210a;font-weight:900}
.sidebar-user-copy{min-width:0}.sidebar-user-copy strong,.sidebar-user-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-copy span{font-size:11px;color:#aebfca}
.page-topbar{position:fixed;z-index:35;left:264px;right:0;top:0;height:66px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}
.eyebrow{font-size:12px;color:#7d8894;font-weight:700;letter-spacing:.02em}
.topbar-actions{display:flex;gap:10px;align-items:center}
.health-pill{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#344054;background:#f8fafb;border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-weight:700;font-size:12px}
.health-pill span{width:8px;height:8px;border-radius:50%;background:var(--tsb)}
.mobile-topbar{display:none}
.wrap{max-width:1480px;margin:0 0 0 264px;padding:94px 34px 42px}
.wrap>h1,.page-title h1{font-size:30px;line-height:1.15;margin:0 0 7px;letter-spacing:-.7px}
.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-title p{margin:0;color:var(--muted);font-size:14px}
.page-actions{display:flex;gap:9px;flex-wrap:wrap}
.panel,.stat,.user-card,.gw53{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.panel{padding:22px;margin:16px 0}
.panel h2{font-size:18px;margin:0 0 4px}.panel>p:first-of-type{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.stat{padding:18px 19px;position:relative;overflow:hidden}
.stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--tsb)}
.stat strong{font-size:28px;line-height:1.1;display:block;letter-spacing:-.6px;margin-bottom:6px}.stat span{color:var(--muted);font-size:12px;font-weight:650}
.stat small{display:block;margin-top:8px}
.grid-2{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.status-card{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfc}
.status-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--success-bg);color:var(--success);font-size:20px;font-weight:900}
.status-icon.warn{background:var(--warning-bg);color:var(--warning)}.status-icon.bad{background:var(--danger-bg);color:var(--danger)}
.status-card strong,.status-card span{display:block}.status-card span{color:var(--muted);font-size:12px}
.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}
.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.on,.good{background:var(--success-bg);color:var(--success)}.off,.bad{background:var(--danger-bg);color:var(--danger)}.warn{background:var(--warning-bg);color:var(--warning)}.neutral{background:#f1f4f6;color:#475467}
.notice{padding:12px 14px;border-radius:10px;margin:14px 0;font-weight:600}.notice.success{background:var(--success-bg);color:#166534;border:1px solid #bce7c8}.notice.error,.error{background:var(--danger-bg);color:#991b1b;border:1px solid #f4c7c3}.notice.info{background:var(--info-bg);color:#175b89;border:1px solid #cbe5f6}
table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:12px 10px;border-bottom:1px solid #edf0f2;text-align:left;vertical-align:middle}th{color:#667085;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}tbody tr:hover{background:#fbfcfd}
.table-wrap{overflow:auto}.table-wrap table{min-width:760px}
code{font-family:"SFMono-Regular",Consolas,monospace;background:#f2f4f6;border-radius:6px;padding:2px 5px;font-size:.92em}
label{display:block;font-weight:750;margin:12px 0 6px;color:#344054;font-size:12px}
input,select,textarea{padding:10px 11px;border:1px solid #cfd8df;border-radius:9px;width:100%;background:#fff;color:var(--text);outline:none;transition:.15s}
input:focus,select:focus,textarea:focus{border-color:#95bc37;box-shadow:0 0 0 3px rgba(147,193,32,.12)}
input[readonly]{background:#f7f9fa;color:#667085}
button,.ms,.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;background:var(--navy);color:#fff;border:0;border-radius:9px;padding:10px 14px;text-decoration:none;font-weight:750;cursor:pointer}
button:hover,.ms:hover,.btn:hover{filter:brightness(1.06)}
.btn-primary{background:var(--tsb);color:#14210c}.btn-secondary{background:#fff;color:#344054;border:1px solid #d8e0e5}.btn-danger{background:#b42318!important;color:white}.btn-ghost{background:#f2f5f7;color:#344054}
.button-row{display:inline-block;margin-right:8px}.button-row button{margin-top:8px}
.inline{display:flex;gap:7px}.inline input{width:150px}.inline button{margin:0}
small,.muted{color:var(--muted)}
.empty-state{text-align:center;padding:36px 20px;color:var(--muted)}.empty-state strong{display:block;color:var(--text);font-size:16px;margin-bottom:4px}
.user-card{padding:18px;margin-bottom:13px}.user-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.user-identity{display:flex;gap:12px;align-items:center}.user-avatar{width:46px;height:46px;border-radius:12px;background:#edf3e1;color:#52720a;display:grid;place-items:center;font-weight:900;font-size:17px}
.user-meta h2{font-size:16px;margin:0}.user-meta p{margin:2px 0 0;color:var(--muted);font-size:12px}
.user-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.detail-box{background:#f8fafb;border-radius:10px;padding:10px 12px}.detail-box span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.detail-box strong{display:block;margin-top:3px}
.searchbar{position:relative;max-width:440px}.searchbar input{padding-left:38px}.searchbar:before{content:"⌕";position:absolute;left:13px;top:8px;color:#83909c;font-size:18px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 20px;overflow:auto}.tab{padding:10px 13px;text-decoration:none;color:#667085;font-weight:750;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:#2f4707;border-color:var(--tsb)}
.login-page{min-height:100vh;background:linear-gradient(135deg,#f3f6f8 0%,#f8fafb 55%,#eef5df 100%);display:grid;place-items:center;padding:24px}
.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 24px 70px rgba(23,33,43,.12)}
.login-logo{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.login-logo img{max-height:72px;max-width:310px}
.login-card h1{text-align:center;font-size:25px;margin:0}.login-card .lead{text-align:center;color:var(--muted);margin:6px 0 22px}.ms-login{width:100%;background:#2563a7;margin:0;padding:12px 14px}.local-toggle{display:block;width:100%;background:transparent;color:#667085;border-top:1px solid var(--line);border-radius:0;margin-top:20px;padding-top:18px}.local-panel{display:none}.local-panel.open{display:block}
.quick-assign{border:1px dashed #cfd8df;background:#fbfcfd;border-radius:12px;padding:13px}
.fob-code{font-family:"SFMono-Regular",Consolas,monospace;font-size:17px;font-weight:800;letter-spacing:.03em}
@media(max-width:1150px){.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.user-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){
  .top{transform:translateX(-102%);transition:.2s}.menu-open .top{transform:translateX(0)}
  .mobile-topbar{display:flex;position:fixed;z-index:45;left:0;right:0;top:0;height:58px;background:var(--navy);color:#fff;align-items:center;gap:13px;padding:0 14px}
  .menu-toggle{margin:0;background:transparent;font-size:23px;padding:4px 8px}.mobile-status-dot{margin-left:auto;width:9px;height:9px;background:var(--tsb);border-radius:50%}
  .page-topbar{display:none}.wrap{margin-left:0;padding:80px 16px 30px}.page-title{flex-direction:column}.cards,.grid-equal{grid-template-columns:1fr}.user-detail-grid{grid-template-columns:1fr}.sidebar-user{margin-top:auto}
}
@media(max-width:520px){.cards{grid-template-columns:1fr}.panel{padding:16px}.wrap>h1,.page-title h1{font-size:26px}}


/* ===== Alpha 5.6.2 UX refresh ===== */
.signout-btn{
  margin-left:auto;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  color:#b9c8d3;text-decoration:none;background:rgba(255,255,255,.04);flex:0 0 auto
}
.signout-btn:hover{color:#fff;background:rgba(255,255,255,.1)}
.signout-btn svg{width:17px;height:17px;fill:currentColor}

/* Users directory */
.user-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px}
.user-toolbar .searchbar{flex:1;max-width:520px}
.user-filter-pills{display:flex;gap:7px;flex-wrap:wrap}
.filter-pill{
  margin:0;background:#f4f7f8;border:1px solid #e0e7eb;color:#566371;border-radius:999px;
  padding:7px 11px;font-size:11px;font-weight:800
}
.filter-pill.active{background:#edf6d9;border-color:#c8df91;color:#49650a}
.user-directory{display:flex;flex-direction:column;gap:10px}
.user-row{
  background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(16,24,40,.035);overflow:hidden
}
.user-row>summary{
  list-style:none;display:grid;grid-template-columns:minmax(290px,1.1fr) minmax(360px,1fr) auto;
  gap:20px;align-items:center;padding:15px 18px;cursor:pointer
}
.user-row>summary::-webkit-details-marker{display:none}
.user-row[open]{border-color:#d8e2c3;box-shadow:0 10px 30px rgba(16,24,40,.06)}
.user-row[open]>summary{background:#fbfdf7;border-bottom:1px solid #e6ebdc}
.user-summary-main{display:flex;gap:12px;align-items:center;min-width:0}
.user-avatar.compact{width:42px;height:42px;border-radius:10px;flex:0 0 auto}
.user-summary-copy{min-width:0}
.user-summary-copy strong,.user-summary-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-summary-copy strong{font-size:14px}.user-summary-copy span{font-size:11px;color:var(--muted);margin-top:2px}
.user-summary-metrics{display:grid;grid-template-columns:1.1fr .45fr .9fr;gap:14px}
.user-summary-metrics div{min-width:0}
.user-summary-metrics span{display:block;color:#8a96a1;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.user-summary-metrics strong{display:block;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-summary-status{display:flex;align-items:center;gap:12px;justify-content:flex-end}
.manage-user{font-size:11px;font-weight:800;color:#5d6873;white-space:nowrap}
.user-row[open] .manage-user .chev{display:inline-block;transform:rotate(180deg)}
.user-expanded{padding:18px}
.user-section-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}
.user-subpanel{border:1px solid #e7ebee;border-radius:12px;padding:15px;background:#fcfdfd}
.subpanel-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}
.subpanel-title h3{margin:0;font-size:14px}.subpanel-title p{margin:2px 0 0;color:var(--muted);font-size:11px}
.field-action-row{display:grid;grid-template-columns:1fr auto;gap:8px}.field-action-row button{margin:0}
.access-badges{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.mini-empty{border:1px dashed #d9e0e4;border-radius:10px;padding:15px;color:var(--muted);text-align:center}
.mini-empty strong,.mini-empty span{display:block}.mini-empty strong{color:var(--text);margin-bottom:2px}
.fob-item{border:1px solid #e5eaed;background:#fff;border-radius:10px;padding:12px;margin-bottom:9px}
.fob-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fob-item-head strong,.fob-item-head span{display:block}.fob-item-head .fob-code{font-size:12px;margin-top:3px;color:#53606c}
.fob-edit{margin-top:9px;border-top:1px solid #edf0f2;padding-top:8px}
.fob-edit>summary{cursor:pointer;color:#53606c;font-size:11px;font-weight:800;list-style:none}
.fob-edit>summary::-webkit-details-marker{display:none}
.fob-edit-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px;align-items:end;margin-top:8px}
.inline-form{display:inline}.inline-form button{margin-top:9px}
.add-fob-modern{margin-top:14px;border:1px dashed #d4dde2;background:#f9fbfb;border-radius:12px;padding:14px}
.fob-add-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px;align-items:end}
.align-end{display:flex;align-items:flex-end}.align-end button{margin:0}

/* Login page */
.auth-page{
  min-height:100vh;margin:0;background:#0b1d29 center center/cover no-repeat fixed;color:#fff
}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr)}
.auth-brand{display:flex;align-items:flex-end;padding:52px;position:relative;background:linear-gradient(180deg,rgba(5,18,27,.15),rgba(5,18,27,.55))}
.auth-brand-inner{max-width:620px;padding-bottom:26px}
.auth-mark{display:none}
.auth-kicker{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:#dce8cc;margin-bottom:14px}
.auth-brand h1{font-size:52px;line-height:1;margin:0 0 15px;letter-spacing:-1.8px}
.auth-brand p{font-size:18px;line-height:1.55;max-width:580px;margin:0;color:#e0e8ec}
.auth-trust{display:flex;gap:10px;align-items:center;margin-top:24px;color:#c8d5dc;font-size:12px;font-weight:700}
.auth-panel{background:rgba(247,249,250,.97);display:flex;align-items:center;justify-content:center;padding:42px;color:var(--text);backdrop-filter:blur(10px)}
.auth-card{width:min(480px,100%)}
.auth-mobile-logo{display:flex;justify-content:flex-start;margin-bottom:28px}
.auth-mobile-logo img{max-width:260px;max-height:86px;object-fit:contain}
.auth-card-kicker{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#75828d;margin-bottom:8px}
.auth-card h2{font-size:34px;line-height:1.1;margin:0;letter-spacing:-.7px}
.auth-lead{font-size:14px;color:var(--muted);margin:10px 0 28px;line-height:1.6}
.m365-button{
  width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#2167a8;color:#fff;
  text-decoration:none;border-radius:11px;padding:13px 16px;font-weight:800;box-shadow:0 8px 20px rgba(33,103,168,.17)
}
.m365-button:hover{filter:brightness(1.05)}
.microsoft-mark{width:18px;height:18px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.microsoft-mark i{display:block;background:#fff}
.auth-divider{display:flex;align-items:center;gap:12px;color:#909ba4;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin:24px 0 10px}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#dde4e8;flex:1}
.local-bypass-button{
  width:100%;margin:0;padding:11px 0;background:transparent;color:#5b6873;border:0;display:flex;align-items:center;justify-content:space-between;font-weight:800
}
.local-bypass-button .chevron{transition:.15s}.local-bypass-button.open .chevron{transform:rotate(180deg)}
.local-panel.modern{display:none;padding-top:10px}.local-panel.modern.open{display:block}
.full-width{width:100%}
.auth-footer{margin-top:28px;padding-top:18px;border-top:1px solid #dde4e8;color:#8a969f;font-size:10px;text-align:center}
.auth-page:not([style*="background-image"]) .auth-brand{
  background:
    radial-gradient(circle at 20% 20%,rgba(147,193,32,.16),transparent 28%),
    linear-gradient(145deg,#142c3f,#0b1d29 72%)
}

/* Branding settings */
.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:12px}.checkbox-row input{width:auto}
.login-preview{min-height:300px;border-radius:14px;background:linear-gradient(145deg,#142c3f,#0b1d29);background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}
.login-preview-card{width:230px;border-radius:13px;background:rgba(255,255,255,.96);padding:18px;text-align:center;color:var(--text);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.login-preview-card img{max-width:180px;max-height:55px;object-fit:contain}.login-preview-card strong,.login-preview-card span{display:block}.login-preview-card strong{font-size:18px;margin-top:12px}.login-preview-card span{font-size:10px;color:var(--muted);margin-top:2px}

@media(max-width:1100px){
  .user-row>summary{grid-template-columns:1fr auto}
  .user-summary-metrics{grid-column:1/-1;order:3}
  .user-section-grid,.branding-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .user-toolbar{align-items:stretch;flex-direction:column}
  .user-filter-pills{overflow:auto;flex-wrap:nowrap}
  .user-row>summary{grid-template-columns:1fr;padding:14px}
  .user-summary-status{justify-content:space-between}
  .user-summary-metrics{grid-template-columns:1fr 1fr 1fr}
  .fob-edit-grid,.fob-add-grid{grid-template-columns:1fr}
  .field-action-row{grid-template-columns:1fr}
  .auth-shell{grid-template-columns:1fr}
  .auth-brand{display:none}
  .auth-panel{min-height:100vh;padding:28px 20px}
  .auth-card h2{font-size:30px}
}
@media(max-width:520px){
  .user-summary-metrics{grid-template-columns:1fr 1fr}.user-summary-metrics div:last-child{grid-column:1/-1}
}


/* ===== Alpha 5.6.4 portal polish ===== */
.identity-note{
  display:flex;gap:13px;align-items:flex-start;background:#f7faef;border:1px solid #dce9bd;
  border-radius:14px;padding:14px 16px;margin-bottom:14px
}
.identity-note-icon{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tsb);
  color:#17240c;font-weight:900;flex:0 0 auto
}
.identity-note strong{display:block;font-size:13px;margin-bottom:3px}
.identity-note p{margin:0;color:#586574;font-size:12px;line-height:1.55}
.field-help{display:block;margin:-2px 0 7px;color:#7d8994;font-size:10px;line-height:1.45}
.auth-policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}
.signout-btn{
  width:auto!important;min-width:34px;padding:0 8px!important;gap:6px!important
}
.signout-btn span{font-size:10px;font-weight:800;white-space:nowrap}
@media(max-width:1150px){.auth-policy-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.auth-policy-grid{grid-template-columns:1fr}.identity-note{margin-top:2px}}


/* ===== Alpha 5.6.5 refinement ===== */
.nav-link i{width:19px;text-align:center;font-size:15px;color:#b7c7d1;flex:0 0 auto}
.nav-link.active i{color:var(--tsb)}
.avatar img,.user-avatar img,.table-user img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.metric-cards .stat{display:flex;align-items:center;gap:15px;padding:17px 18px}
.metric-cards .stat:before{display:none}
.stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:18px;flex:0 0 auto}
.stat-blue .stat-icon{background:#eaf3fb;color:#2474b5}.stat-green .stat-icon{background:#eef7dd;color:#628c0b}.stat-purple .stat-icon{background:#f2edfb;color:#7650b2}.stat-amber .stat-icon{background:#fff4dc;color:#a26808}
.stat-blue{border-top:3px solid #4b91c7}.stat-green{border-top:3px solid var(--tsb)}.stat-purple{border-top:3px solid #8c6ac1}.stat-amber{border-top:3px solid #d99825}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.section-heading h2{margin:0}.section-heading p{margin:4px 0 0;color:var(--muted)}.section-icon{font-size:21px;color:#a2afba}
.status-strip{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.status i{font-size:10px}.fob-line{display:flex;align-items:center;gap:12px}.fob-icon{width:40px;height:40px;border-radius:11px;background:#eef6dd;color:#5d820d;display:grid;place-items:center;font-size:17px}.more-link{margin:12px 0 0}.text-link{text-decoration:none;font-weight:750}.row-icon{color:#9aa6b1;margin-right:6px}
.table-user{display:flex;align-items:center;gap:9px;min-width:0}.table-user img,.mini-avatar{width:30px;height:30px;border-radius:9px;flex:0 0 auto}.mini-avatar{display:grid;place-items:center;background:#eef2f4;color:#73808c}.table-user div{min-width:0}.table-user strong,.table-user small{display:block}.table-user small{color:var(--muted);font-size:10px}.compact-empty{padding:28px 16px}.empty-icon{display:block;font-size:24px;margin:0 auto 9px;color:#96a3ad}.compact-empty .empty-icon{color:#65a113}
.nowrap{white-space:nowrap}

/* users */
.user-avatar.compact{overflow:hidden}.user-summary-metrics strong{font-variant-numeric:tabular-nums}

/* enrolment */
.live-pill{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:#16803d;background:#ecf9f0;border:1px solid #d8f0df;padding:7px 10px;border-radius:999px}.live-pill span{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}
.enrol-tabs{margin-top:0}.tab-count{background:var(--tsb);color:#23330b;border-radius:999px;padding:2px 6px;font-size:9px;margin-left:5px}
.enrol-help{display:flex;align-items:center;gap:12px;background:#f7f9fa;border:1px solid #e2e8eb;border-radius:13px;padding:13px 15px;margin-bottom:14px}.enrol-help>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf3fb;color:#2474b5}.enrol-help strong,.enrol-help span{display:block}.enrol-help span{color:var(--muted);font-size:12px;margin-top:2px}
.pending-fob{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:17px;margin-bottom:12px}.pending-fob-top{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #edf0f2;padding-bottom:13px}.overline{display:block;text-transform:uppercase;letter-spacing:.08em;color:#8996a1;font-weight:850;font-size:9px}.credential{font:800 20px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;margin-top:2px}.detected-meta{display:flex;gap:16px;color:#667085;font-size:11px;flex-wrap:wrap}.detected-meta i{margin-right:4px;color:#929da7}.enrol-form{display:grid;grid-template-columns:1.2fr 1.2fr .7fr auto;gap:9px;align-items:end;padding-top:11px}.enrol-form button{margin:0}.enrol-empty{background:#fff;border:1px dashed #d8e0e4;border-radius:14px}
.result-count{background:#f2f5f7;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;color:#64717c}

/* printers */
.printer-list{display:flex;flex-direction:column;gap:11px}.printer-summary-card{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(400px,1fr) auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 5px 20px rgba(16,24,40,.035)}
.printer-main{display:flex;align-items:center;gap:13px}.printer-main h2{margin:0;font-size:16px}.printer-main p{margin:3px 0 0;color:var(--muted);font-size:11px}.printer-device-icon{width:44px;height:44px;border-radius:12px;background:#edf6d9;color:#5f850d;display:grid;place-items:center;font-size:18px}
.printer-quick-data{display:grid;grid-template-columns:1fr 1.3fr .7fr;gap:12px}.printer-quick-data span{display:block;color:#8a96a1;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:850}.printer-quick-data strong{display:block;margin-top:3px;font-size:11px}.printer-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.printer-actions .btn{margin:0}
.modal-backdrop{display:none;position:fixed;z-index:100;inset:0;background:rgba(6,18,27,.56);padding:24px;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.modal-backdrop.open{display:flex}.modal-open{overflow:hidden}.modal-card{background:#fff;border-radius:18px;width:min(760px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.25);padding:22px}.printer-modal{width:min(860px,100%)}.modal-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:17px}.modal-header h2{font-size:22px;margin:3px 0 0}.modal-close{margin:0;width:36px;height:36px;border-radius:50%;background:#f2f5f7;color:#53606c;padding:0}.device-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}.modal-form{border-top:1px solid #edf0f2;padding-top:15px}.modal-actions{display:flex;justify-content:flex-end;margin-top:12px}.secret-block{border-top:1px solid #edf0f2;margin-top:18px;padding-top:15px;display:grid;grid-template-columns:1fr 1.3fr;gap:15px;align-items:end}.secret-block p{margin:3px 0 0;color:var(--muted);font-size:11px}.api-key{display:flex;gap:7px}.api-key button{margin:0}

/* activity */
.activity-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.activity-summary>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 15px;display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}.activity-summary strong{font-size:20px}.activity-summary small{color:var(--muted);font-weight:700}.summary-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.good-icon{background:#ebf8ef;color:#16803d}.bad-icon{background:#fff0ef;color:#b42318}.warn-icon{background:#fff7e8;color:#a15c07}
.filter-panel{padding:16px 18px}.activity-filters{display:grid;grid-template-columns:1.3fr .8fr auto auto;gap:10px;align-items:end}.activity-filters button,.activity-filters .btn{margin:0}
.pagination{display:flex;gap:5px;align-items:center;justify-content:center;margin-top:18px}.page-btn{min-width:34px;height:34px;border:1px solid #dce3e7;border-radius:8px;display:grid;place-items:center;text-decoration:none;color:#475467;font-weight:800;background:#fff}.page-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.page-btn.disabled{opacity:.35;pointer-events:none}

/* full-width login */
.login-full-page{min-height:100vh;margin:0;background:#0b1d29 center/cover no-repeat fixed}.login-full-page:not([style*="background-image"]){background:radial-gradient(circle at 20% 20%,rgba(147,193,32,.20),transparent 30%),linear-gradient(135deg,#102b3d,#071923)}
.login-overlay-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.login-centre-card{width:min(450px,100%);background:rgba(255,255,255,.96);color:var(--text);border:1px solid rgba(255,255,255,.55);border-radius:18px;padding:28px 30px;box-shadow:0 28px 90px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.login-logo-modern{text-align:center;margin-bottom:20px}.login-logo-modern img{max-width:245px;max-height:78px;object-fit:contain}.login-kicker{display:block;text-align:center;color:#75828d;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:900}.login-centre-card h1{text-align:center;font-size:30px;margin:7px 0 4px;letter-spacing:-.7px}.login-centre-card>p{text-align:center;color:var(--muted);margin:0 0 22px;font-size:13px}.local-bypass-button.centred{margin-top:14px;border-top:1px solid #e2e7ea;padding:15px 2px 0}.login-card-footer{border-top:1px solid #e2e7ea;margin-top:20px;padding-top:15px;text-align:center;color:#8b969f;font-size:9px}.login-card-footer i{margin-right:5px;color:#6d9414}

/* branding preview polish */
.login-preview{align-items:center!important;justify-content:center!important}
.login-preview-card{background:rgba(255,255,255,.96)!important}

@media(max-width:1100px){
 .printer-summary-card{grid-template-columns:1fr auto}.printer-quick-data{grid-column:1/-1;order:3}.activity-filters{grid-template-columns:1fr 1fr auto}.activity-filters .btn-ghost{grid-column:auto}.enrol-form{grid-template-columns:1fr 1fr}.device-detail-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .pending-fob-top{align-items:flex-start;flex-direction:column}.enrol-form{grid-template-columns:1fr}.printer-summary-card{grid-template-columns:1fr}.printer-actions{justify-content:space-between}.printer-quick-data{grid-template-columns:1fr 1fr}.activity-summary{grid-template-columns:1fr}.activity-filters{grid-template-columns:1fr}.device-detail-grid,.secret-block{grid-template-columns:1fr}.modal-backdrop{padding:10px}.login-centre-card{padding:24px 20px}
}

/* ===== Alpha 5.6.6 Operations & Audit ===== */
.attention-panel{background:#fff;border:1px solid #f0d7b2;border-radius:14px;margin-bottom:16px;box-shadow:var(--shadow);overflow:hidden}
.attention-head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#fff9ef;border-bottom:1px solid #f3e2c8}.attention-head>div{display:flex;align-items:center;gap:9px;color:#8a5507}.attention-head span{font-size:10px;font-weight:850;color:#8a5507;background:#fff1d6;border-radius:999px;padding:4px 8px}
.attention-list{display:flex;flex-direction:column}.attention-item{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:11px 15px;text-decoration:none;color:#344054;border-bottom:1px solid #f1f3f4}.attention-item:last-child{border-bottom:0}.attention-item.warning>i:first-child{color:#a15c07}.attention-item.danger>i:first-child{color:#b42318}.attention-item:hover{background:#fbfcfd}
.user-name-link{color:inherit;text-decoration:none}.user-name-link:hover{text-decoration:underline}
.fob-lifecycle-form{display:grid;grid-template-columns:.8fr .8fr 1.3fr auto;gap:9px;align-items:end;border-top:1px solid #edf0f2;margin-top:10px;padding-top:10px}
.profile-hero{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:15px;box-shadow:var(--shadow)}
.profile-photo{width:82px;height:82px;border-radius:18px;background:#edf6d9;color:#5c810d;display:grid;place-items:center;font-size:26px;font-weight:900;overflow:hidden}.profile-photo img{width:100%;height:100%;object-fit:cover}
.profile-identity h2{margin:7px 0 2px}.profile-identity p{margin:0;color:var(--muted)}.back-link{display:inline-flex;gap:6px;align-items:center;text-decoration:none;font-size:11px;font-weight:800;margin-bottom:8px}
.audit-action{display:inline-block;background:#f2f5f7;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800;color:#475467}
.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 16px}.toggle-card{display:flex!important;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:12px;margin:0!important;background:#fbfcfd}.toggle-card input{width:auto;margin-top:4px}.toggle-card strong,.toggle-card small{display:block}.toggle-card small{margin-top:2px;color:var(--muted)}
.automation-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.automation-status>div{background:#f8fafb;border-radius:10px;padding:12px}.automation-status span,.automation-status strong{display:block}.automation-status span{font-size:9px;text-transform:uppercase;color:#87939e;font-weight:850;letter-spacing:.06em}.automation-status strong{margin-top:4px}
.copy-command{background:#0f2433;color:#e9f1f5;border-radius:9px;padding:11px 13px;overflow:auto}.copy-command code{background:transparent;color:inherit;padding:0}
@media(max-width:900px){.fob-lifecycle-form{grid-template-columns:1fr 1fr}.toggle-grid{grid-template-columns:1fr}.automation-status{grid-template-columns:1fr}}
@media(max-width:600px){.fob-lifecycle-form{grid-template-columns:1fr}.profile-hero{align-items:flex-start}.profile-photo{width:64px;height:64px;border-radius:14px}}

/* ===== Alpha 5.6.7 Reports & Insights ===== */
.report-filters form{display:grid;grid-template-columns:1fr .9fr .9fr 1.2fr 1.4fr auto;gap:9px;align-items:end}.report-filters form>div{min-width:0}
.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 15px}.report-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}.report-kpi strong,.report-kpi span,.report-kpi small{display:block}.report-kpi strong{font-size:22px}.report-kpi>div>span{font-size:11px;font-weight:800}.report-kpi small{color:var(--muted);margin-top:2px}
.kpi-icon{width:40px;height:40px;border-radius:11px;display:grid!important;place-items:center;font-size:16px}.kpi-icon.blue{background:#edf5ff;color:#2563eb}.kpi-icon.green{background:#edf8e5;color:#56800c}.kpi-icon.red{background:#fff0ee;color:#b42318}.kpi-icon.purple{background:#f3efff;color:#6941c6}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.chart-panel{min-width:0}.chart-box{height:285px;position:relative}.compact-report-list{max-height:390px;overflow:auto}.compact-report-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 3px;border-bottom:1px solid #edf0f2;text-decoration:none;color:inherit}.compact-report-row:last-child{border-bottom:0}.compact-report-row strong,.compact-report-row small{display:block}.compact-report-row small{color:var(--muted);margin-top:2px}.compact-report-row>span:last-child{font-size:10px;color:var(--muted);white-space:nowrap}
@media(max-width:1100px){.report-filters form{grid-template-columns:repeat(3,1fr)}.report-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.report-grid{grid-template-columns:1fr}.report-filters form{grid-template-columns:1fr 1fr}.report-kpis{grid-template-columns:1fr}.chart-box{height:240px}}
@media(max-width:520px){.report-filters form{grid-template-columns:1fr}}

/* ===== Alpha 5.6.7c Reports Polish ===== */
.report-kpis{grid-template-columns:repeat(5,1fr)}
.kpi-icon.amber{background:#fff6df;color:#a15c07}
.report-filters form{grid-template-columns:1fr .9fr .9fr 1.15fr 1.35fr auto auto}
.legacy-toggle{display:flex;align-items:end;padding-bottom:2px}
.legacy-toggle label{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:10px;color:var(--muted);white-space:nowrap}
.legacy-toggle input{width:auto;margin:0}
.section-heading .btn-ghost{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:800}
.chart-panel{padding-bottom:14px}.chart-box{height:250px}
.report-kpi{min-height:88px}
.report-kpi:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(16,24,40,.07)}
@media(max-width:1280px){.report-kpis{grid-template-columns:repeat(3,1fr)}.report-filters form{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.report-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.report-kpis{grid-template-columns:1fr}}

/* ===== Alpha 5.6.7d Reports Dashboard ===== */
.reports-wrap{padding-bottom:20px}.reports-title{margin-bottom:14px}.export-top{display:inline-flex!important;align-items:center;gap:7px}
.report-filters{padding:16px 18px}.report-filters form{grid-template-columns:1fr .9fr .9fr 1.15fr 1.25fr auto auto;gap:10px}.period-comparison{margin-top:11px;color:#74808b;font-size:10px}.period-comparison span{margin-left:12px;color:#8e98a2}
.report-kpis.six{grid-template-columns:repeat(6,1fr);gap:10px}.report-kpi{padding:14px 13px;min-height:93px}.report-kpi strong{font-size:23px;line-height:1}.report-kpi>div>span{font-size:10px;margin-top:4px}.kpi-icon.navy{background:#eaf1f7;color:#1d4260}
.trend{display:block!important;font-size:8.5px!important;margin-top:7px!important;font-weight:750!important}.trend i{font-size:8px;margin-right:3px}.trend-up{color:#269338}.trend-down{color:#e47b14}.trend-flat{color:#7a8792}
.report-note{display:flex;gap:7px;align-items:center;color:#6e7a85;font-size:9px;margin:-3px 0 14px 3px}.report-note i{color:#728096}
.report-grid.charts{gap:14px}.report-grid.triple{grid-template-columns:1fr 1fr 1.05fr;gap:12px}.compact-panel{padding:15px}.compact-panel .section-heading{margin-bottom:10px}.compact-panel .section-heading h2{font-size:16px}.compact-panel .section-heading p{font-size:10px}.mini-export{display:inline-flex;align-items:center;gap:5px;text-decoration:none;background:#f4f6f8;border:1px solid #e5eaed;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:850;color:#344054;white-space:nowrap}
.compact-table{font-size:10px}.compact-table th{font-size:8px}.compact-table td{padding:9px 7px}.good-text{color:#258a30;font-weight:750}.bad-text{color:#d13a32;font-weight:750}.card-footer-link{display:inline-flex;gap:6px;align-items:center;text-decoration:none;font-size:9px;font-weight:850;margin-top:12px}
.adoption-panel{min-width:0}.adoption-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:15px}.donut-wrap{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:center}.donut{--pct:0;width:106px;height:106px;border-radius:50%;background:conic-gradient(#2583d8 calc(var(--pct)*1%),#d8e3ef 0);display:grid;place-items:center}.donut:before{content:"";position:absolute}.donut>div{width:72px;height:72px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center;text-align:center}.donut strong{font-size:20px}.donut span{font-size:8px;color:#667085}
.adoption-stats{display:flex;flex-direction:column;gap:8px}.adoption-stats>div{display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;column-gap:8px}.adopt-icon{grid-row:1/3;width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.adopt-icon.green{background:#edf8e5;color:#4f8a0f}.adopt-icon.blue{background:#eaf3ff;color:#2776cf}.adopt-icon.amber{background:#fff2d6;color:#dd7b00}.adoption-stats strong{font-size:15px}.adoption-stats small{font-size:8px;color:#667085}
.without-fobs{border-left:1px solid #edf0f2;padding-left:13px}.without-fobs>strong{font-size:10px;display:block;margin-bottom:6px}.without-fobs a{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #f1f3f5;text-decoration:none;color:inherit;font-size:9px}.without-fobs a small{color:#7a8692}.small-empty{font-size:9px;color:#7a8692;padding:10px 0}
.reports-footer{display:flex;justify-content:space-between;gap:15px;color:#77838d;font-size:8.5px;padding:4px 2px 0}
.chart-panel .chart-box{height:235px}
@media(max-width:1450px){.report-kpis.six{grid-template-columns:repeat(3,1fr)}.report-grid.triple{grid-template-columns:1fr 1fr}.adoption-panel{grid-column:1/-1}}
@media(max-width:1150px){.report-filters form{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.report-kpis.six{grid-template-columns:1fr 1fr}.report-grid.triple{grid-template-columns:1fr}.adoption-panel{grid-column:auto}.adoption-grid{grid-template-columns:1fr}}
@media(max-width:560px){.report-kpis.six{grid-template-columns:1fr}.report-filters form{grid-template-columns:1fr}.donut-wrap{grid-template-columns:100px 1fr}.reports-footer{flex-direction:column}.export-top{width:100%;justify-content:center}}

/* ===== Alpha 5.6.8 Monitoring & Diagnostics ===== */
.panel-subsection{margin:16px 0;padding-top:15px;border-top:1px solid var(--line)}.panel-subsection h3{font-size:13px;margin:0 0 10px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.input-suffix{display:flex;align-items:stretch}.input-suffix input{border-radius:8px 0 0 8px}.input-suffix span{display:flex;align-items:center;padding:0 9px;border:1px solid var(--line);border-left:0;border-radius:0 8px 8px 0;background:#f6f8f9;font-size:9px;color:var(--muted)}
.health-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.health-status-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;box-shadow:var(--shadow)}.health-status-card strong,.health-status-card small{display:block}.health-status-card strong{font-size:11px}.health-status-card small{font-size:8.5px;color:var(--muted);margin-top:2px}.health-status-card>i{color:#4a9b24}.health-status-card.unhealthy>i{color:#c83232}.health-dot{width:9px;height:9px;border-radius:50%;background:#50a82b;box-shadow:0 0 0 3px #e8f6e2}.health-status-card.unhealthy .health-dot,.health-dot.bad{background:#d83c36;box-shadow:0 0 0 3px #fde9e8}
.all-operational{display:flex;align-items:center;gap:12px;background:#f1faed;border:1px solid #d9efcf;border-radius:12px;padding:14px 16px;margin-bottom:15px;color:#326b18}.all-operational>i{font-size:21px}.all-operational strong,.all-operational span{display:block}.all-operational span{font-size:9px;color:#648255;margin-top:2px}
.action-stack{display:flex;gap:8px;flex-wrap:wrap}.action-stack form{margin:0}.printer-health-list{display:flex;flex-direction:column}.printer-health-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #eef1f3;text-decoration:none;color:inherit}.printer-health-row:last-child{border-bottom:0}.printer-health-row strong,.printer-health-row small{display:block}.printer-health-row small{font-size:8.5px;color:var(--muted);margin-top:2px}.printer-health-row b{font-size:9px}
.incident-list{display:flex;flex-direction:column}.incident-row{display:flex;gap:10px;padding:10px 2px;border-bottom:1px solid #eef1f3}.incident-row>i{color:#d97706;margin-top:2px}.incident-row strong,.incident-row small{display:block}.incident-row small{font-size:9px;color:var(--muted);margin-top:3px}.diagnostic-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-decoration:none;color:inherit}.diagnostic-link>i:first-child{width:36px;height:36px;border-radius:9px;background:#eef5fb;color:#296ba4;display:grid;place-items:center}.diagnostic-link h2{margin:0 0 3px}.diagnostic-link p{margin:0}
@media(max-width:1100px){.health-status-grid,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.health-status-grid,.grid-4{grid-template-columns:1fr}}

/* ===== Alpha 5.6.8a Web Monitoring Hotfix ===== */
.disabled-card{opacity:.78;background:#f7f8f9!important}
.disabled-toggle{width:24px;height:24px;border-radius:7px;background:#eef1f3;color:#7b8791;display:grid;place-items:center;flex:0 0 auto}
.planned-setting .planned-value{height:38px;border:1px solid var(--line);border-radius:8px;background:#f6f8f9;display:flex;align-items:center;gap:7px;padding:0 10px;color:#78848f;font-size:9px;font-weight:750}
.health-dot.neutral{background:#98a2ad;box-shadow:0 0 0 3px #eef1f3}
.neutral-status{color:#667085!important}
.printer-monitoring-note{margin-bottom:10px}