:root{
  --sbops-yellow:#ffc107;
  --sbops-yellow-2:#ffd84d;
  --sbops-yellow-soft:#fff6d8;
  --sbops-bg:#f6f7f9;
  --sbops-card:#ffffff;
  --sbops-line:#e6e8ee;
  --sbops-text:#111827;
  --sbops-muted:#667085;
  --sbops-green:#07883e;
  --sbops-red:#be123c;
  --sbops-shadow:0 12px 28px rgba(15,23,42,.06);
  --sbops-shadow-soft:0 4px 14px rgba(15,23,42,.045);
}

html:has(.sbops-root){margin-top:0!important;overflow:hidden!important;background:var(--sbops-bg)!important;}
body:has(.sbops-root){margin:0!important;overflow:hidden!important;background:var(--sbops-bg)!important;}
body:has(.sbops-root) #wpadminbar,
body:has(.sbops-root) header,
body:has(.sbops-root) footer,
body:has(.sbops-root) .wp-site-blocks>header,
body:has(.sbops-root) .wp-site-blocks>footer,
body:has(.sbops-root) .entry-header,
body:has(.sbops-root) .wp-block-post-title{display:none!important;}
body:has(.sbops-root) .wp-site-blocks,
body:has(.sbops-root) .entry-content,
body:has(.sbops-root) main,
body:has(.sbops-root) .wp-block-group,
body:has(.sbops-root) .wp-block-post-content{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;}

.sbops-root{position:fixed!important;inset:0!important;z-index:999999!important;width:100vw!important;height:100vh!important;background:var(--sbops-bg);color:var(--sbops-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden;}
.sbops-root *{box-sizing:border-box;}
.sbops-root button,.sbops-root input,.sbops-root textarea{font:inherit;}

/* Auth */
.sbops-login-screen{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 15% 10%,rgba(255,193,7,.22),transparent 34%),linear-gradient(180deg,#fff,var(--sbops-bg));}
.sbops-login-card{width:min(100%,460px);padding:34px;border:1px solid var(--sbops-line);border-radius:28px;background:#fff;box-shadow:var(--sbops-shadow);}
.sbops-wide-card{width:min(100%,720px);}
.sbops-brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--sbops-yellow-2),var(--sbops-yellow));font-weight:950;color:#111827;margin-bottom:22px;box-shadow:0 10px 24px rgba(255,193,7,.28);}
.sbops-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#b77900;font-size:12px;font-weight:900;margin:0 0 8px;}
.sbops-login-card h1{margin:0;color:var(--sbops-text);line-height:1.05;letter-spacing:-.03em;font-size:34px;}
.sbops-muted{color:var(--sbops-muted);line-height:1.6;}
.sbops-form{display:grid;gap:16px;margin-top:24px;}
.sbops-form label{display:grid;gap:8px;color:#344054;font-weight:750;font-size:14px;}
.sbops-form input,.sbops-secret-box textarea{width:100%;border:1px solid #d8dde8;border-radius:14px;background:#fff;color:var(--sbops-text);padding:14px 16px;outline:none;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.sbops-form input:focus,.sbops-secret-box textarea:focus{border-color:var(--sbops-yellow);box-shadow:0 0 0 4px rgba(255,193,7,.18);}
.sbops-check{display:flex!important;align-items:center;gap:10px;font-weight:650!important;color:var(--sbops-muted)!important;}
.sbops-check input{width:auto;accent-color:var(--sbops-yellow);}
.sbops-code{font-size:24px;letter-spacing:.18em;text-align:center;}
.sbops-button{border:0;border-radius:14px;cursor:pointer;font-weight:900;padding:15px 18px;background:linear-gradient(135deg,var(--sbops-yellow-2),var(--sbops-yellow));color:#111827;box-shadow:0 10px 24px rgba(255,193,7,.25);}
.sbops-flash{padding:12px 14px;border-radius:14px;margin:18px 0 0;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;}
.sbops-flash.error{background:#fff1f2;border-color:#fecdd3;color:var(--sbops-red);}
.sbops-secret-box{display:grid;gap:10px;margin:22px 0;padding:18px;border:1px solid var(--sbops-line);border-radius:20px;background:#fafbff;}
.sbops-secret-box code{display:block;word-break:break-all;font-size:18px;color:#8a5f00;background:#fff7db;padding:10px;border-radius:12px;}
.sbops-secret-box textarea{min-height:84px;font-size:12px;}

/* App v3: strict two-column app layout */
.sbops-shell{
  height:100vh!important;
  width:100vw!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  background:var(--sbops-bg)!important;
  overflow:hidden!important;
}

.sbops-sidebar{
  flex:0 0 238px!important;
  width:238px!important;
  max-width:238px!important;
  min-width:238px!important;
  height:100vh!important;
  background:#ffffff!important;
  border-right:1px solid var(--sbops-line)!important;
  padding:20px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-shadow:none!important;
}

.sbops-brand-block{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 6px 18px!important;
  border-bottom:1px solid var(--sbops-line)!important;
}
.sbops-logo{
  width:38px!important;height:38px!important;border-radius:10px!important;
  background:linear-gradient(135deg,var(--sbops-yellow-2),var(--sbops-yellow))!important;
  display:grid!important;place-items:center!important;color:#111827!important;
  font-weight:950!important;letter-spacing:-.04em!important;
  box-shadow:none!important;
}
.sbops-brand-block strong{display:block!important;font-size:17px!important;line-height:1.08!important;letter-spacing:-.025em!important;color:#111827!important;}
.sbops-brand-block span{display:block!important;color:#b98200!important;text-transform:uppercase!important;font-size:10px!important;font-weight:850!important;letter-spacing:.08em!important;margin-top:2px!important;}

.sbops-nav{display:grid!important;gap:3px!important;width:100%!important;}
.sbops-nav button,.sbops-logout-form button{
  width:100%!important;border:0!important;background:transparent!important;border-radius:8px!important;color:#344054!important;
  display:flex!important;align-items:center!important;gap:12px!important;text-align:left!important;
  padding:10px 11px!important;font-weight:750!important;font-size:14px!important;cursor:pointer!important;transition:.15s ease!important;
  white-space:nowrap!important;
}
.sbops-nav button span,.sbops-logout-form button span{width:18px!important;text-align:center!important;opacity:.78!important;flex:0 0 18px!important;font-size:15px!important;}
.sbops-nav button.active{background:#fff3bf!important;box-shadow:inset 3px 0 0 var(--sbops-yellow)!important;color:#111827!important;}
.sbops-nav button:hover:not(.active),.sbops-logout-form button:hover{background:#f8fafc!important;color:#111827!important;}
.sbops-sidebar-footer{margin-top:auto!important;display:grid!important;gap:10px!important;padding-top:14px!important;border-top:1px solid var(--sbops-line)!important;}
.sbops-security-mini{background:#f6fef9!important;color:#067647!important;border:1px solid #d1fadf!important;border-radius:10px!important;padding:10px 11px!important;display:grid!important;gap:2px!important;}
.sbops-security-mini strong{font-size:13px!important;}
.sbops-security-mini span{font-size:11px!important;color:#168a43!important;line-height:1.35!important;}
.sbops-logout-form{margin:0!important;}

.sbops-workspace{
  flex:1 1 auto!important;
  min-width:0!important;
  height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:var(--sbops-bg)!important;
}
.sbops-header{
  flex:0 0 82px!important;
  height:82px!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid var(--sbops-line)!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(240px,520px) auto!important;
  gap:22px!important;
  align-items:center!important;
  padding:0 32px!important;
  backdrop-filter:blur(14px)!important;
}
.sbops-header-title{display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important;}
.sbops-header-title p{margin:0 0 3px!important;color:#d09400!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.12em!important;}
.sbops-header-title h1{margin:0!important;font-size:29px!important;letter-spacing:-.04em!important;line-height:1!important;color:#111827!important;}
.sbops-menu-toggle{border:1px solid var(--sbops-line)!important;background:#fff!important;width:40px!important;height:40px!important;border-radius:12px!important;display:none!important;cursor:pointer!important;}
.sbops-search{height:48px!important;border:1px solid var(--sbops-line)!important;border-radius:15px!important;background:#fff!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 14px!important;box-shadow:var(--sbops-shadow-soft)!important;}
.sbops-search span{color:var(--sbops-muted)!important;font-size:20px!important;}
.sbops-search input{border:0!important;outline:0!important;min-width:0!important;width:100%!important;height:100%!important;background:transparent!important;color:var(--sbops-text)!important;}
.sbops-user-card{display:flex!important;align-items:center!important;gap:12px!important;white-space:nowrap!important;}
.sbops-user-card>div{width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#ffe68a!important;font-weight:950!important;color:#111827!important;}
.sbops-user-card strong,.sbops-user-card small{display:block!important;line-height:1.2!important;}
.sbops-user-card small{color:var(--sbops-muted)!important;}

.sbops-content{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  max-width:none!important;
  padding:30px 32px 40px!important;
  overflow:auto!important;
}
.sbops-inner{
  width:100%!important;
  max-width:1480px!important;
  margin:0 auto!important;
}
.sbops-panel{display:none!important;}
.sbops-panel.active{display:block!important;}
.sbops-welcome{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:22px!important;}
.sbops-welcome p{margin:0 0 5px!important;color:#d09400!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:12px!important;}
.sbops-welcome h2{font-size:30px!important;margin:0 0 6px!important;letter-spacing:-.04em!important;color:#111827!important;}
.sbops-welcome span{color:var(--sbops-muted)!important;}
.sbops-welcome button{border:0!important;background:#111827!important;color:#fff!important;border-radius:14px!important;padding:13px 18px!important;font-weight:900!important;cursor:pointer!important;box-shadow:var(--sbops-shadow-soft)!important;}
.sbops-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(180px,1fr))!important;gap:18px!important;margin-bottom:18px!important;}
.sbops-card{background:#fff!important;border:1px solid var(--sbops-line)!important;border-radius:22px!important;box-shadow:var(--sbops-shadow-soft)!important;padding:22px!important;}
.sbops-stat{position:relative!important;min-height:146px!important;overflow:hidden!important;}
.sbops-stat:after{content:""!important;position:absolute!important;right:-26px!important;top:-26px!important;width:92px!important;height:92px!important;border-radius:50%!important;background:var(--sbops-yellow-soft)!important;}
.sbops-stat span{position:relative!important;z-index:1!important;color:var(--sbops-muted)!important;font-weight:850!important;}
.sbops-stat strong{position:relative!important;z-index:1!important;display:block!important;font-size:42px!important;letter-spacing:-.05em!important;margin-top:12px!important;color:#111827!important;}
.sbops-stat p{position:relative!important;z-index:1!important;margin:5px 0 0!important;color:var(--sbops-muted)!important;line-height:1.45!important;}
.sbops-dashboard-grid{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(320px,1fr)!important;gap:18px!important;margin-bottom:18px!important;}
.sbops-span-2{min-height:260px!important;}
.sbops-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin-bottom:18px!important;}
.sbops-card-head h3{font-size:20px!important;letter-spacing:-.03em!important;margin:0!important;color:#111827!important;}
.sbops-card-head a{color:#d09400!important;text-decoration:none!important;font-weight:900!important;}
.sbops-list{display:grid!important;gap:12px!important;}
.sbops-list div{position:relative!important;display:grid!important;grid-template-columns:auto 1fr auto!important;column-gap:12px!important;row-gap:2px!important;align-items:center!important;padding:15px!important;border:1px solid var(--sbops-line)!important;border-radius:16px!important;background:#fcfcfd!important;}
.sbops-list strong{grid-column:2!important;font-size:15px!important;color:#111827!important;}
.sbops-list small{grid-column:2!important;color:var(--sbops-muted)!important;font-size:13px!important;}
.sbops-list em{grid-column:3!important;grid-row:1 / span 2!important;font-style:normal!important;border:1px solid #fedf89!important;background:#fffaeb!important;color:#b54708!important;border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;font-weight:850!important;}
.sbops-dot{grid-row:1 / span 2!important;width:34px!important;height:34px!important;border-radius:50%!important;background:var(--sbops-yellow-soft)!important;border:1px solid #ffe08a!important;display:block!important;}
.sbops-security-card{border-radius:18px!important;background:linear-gradient(180deg,#ecfdf3,#fff)!important;border:1px solid #abefc6!important;padding:20px!important;min-height:160px!important;}
.sbops-security-card strong{display:inline-flex!important;background:#d1fadf!important;color:#067647!important;border-radius:999px!important;padding:8px 12px!important;margin-bottom:14px!important;font-weight:950!important;}
.sbops-security-card p{color:#475467!important;line-height:1.6!important;margin:0!important;}
.sbops-quick-grid{display:grid!important;grid-template-columns:repeat(6,minmax(120px,1fr))!important;gap:14px!important;}
.sbops-quick-grid button{border:1px solid var(--sbops-line)!important;background:#fff!important;border-radius:16px!important;padding:22px 10px!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 4px 10px rgba(15,23,42,.03)!important;color:#111827!important;}
.sbops-quick-grid button:hover{border-color:#fedf89!important;background:#fffbeb!important;}
.sbops-large-card h2{margin:0 0 10px!important;font-size:28px!important;letter-spacing:-.04em!important;color:#111827!important;}
.sbops-large-card p{color:var(--sbops-muted)!important;line-height:1.7!important;}
.sbops-empty-state{margin-top:18px!important;padding:24px!important;border:1px dashed #cfd4df!important;border-radius:18px!important;color:var(--sbops-muted)!important;background:#fafbff!important;}
.sbops-timeline{display:grid!important;gap:10px!important;}
.sbops-timeline div{display:flex!important;justify-content:space-between!important;gap:16px!important;padding:14px!important;border:1px solid var(--sbops-line)!important;border-radius:16px!important;background:#fcfcfd!important;}
.sbops-timeline span{color:var(--sbops-muted)!important;}

@media(max-width:1180px){
  .sbops-sidebar{flex-basis:226px!important;width:226px!important;min-width:226px!important;max-width:226px!important;}
  .sbops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .sbops-dashboard-grid{grid-template-columns:1fr!important;}
  .sbops-quick-grid{grid-template-columns:repeat(3,1fr)!important;}
  .sbops-header{grid-template-columns:1fr minmax(220px,420px)!important;gap:12px!important;padding:0 22px!important;}
  .sbops-user-card{display:none!important;}
}
@media(max-width:860px){
  .sbops-shell{display:block!important;}
  .sbops-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:250px!important;min-width:250px!important;max-width:250px!important;z-index:5!important;transform:translateX(-105%)!important;transition:transform .18s ease!important;box-shadow:20px 0 40px rgba(15,23,42,.16)!important;}
  .sbops-shell.sbops-menu-open .sbops-sidebar{transform:translateX(0)!important;}
  .sbops-workspace{width:100vw!important;height:100vh!important;}
  .sbops-menu-toggle{display:grid!important;place-items:center!important;}
  .sbops-content{padding:22px!important;}
  .sbops-welcome{align-items:flex-start!important;flex-direction:column!important;}
  .sbops-welcome h2{font-size:26px!important;}
  .sbops-kpi-grid{grid-template-columns:1fr!important;}
  .sbops-quick-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:560px){
  .sbops-login-screen{padding:18px!important;}
  .sbops-login-card{padding:24px!important;border-radius:22px!important;}
  .sbops-content{padding:18px!important;}
  .sbops-header{height:auto!important;min-height:76px!important;padding:16px!important;grid-template-columns:1fr!important;}
  .sbops-search{display:none!important;}
  .sbops-quick-grid{grid-template-columns:1fr!important;}
  .sbops-list div{grid-template-columns:auto 1fr!important;}
  .sbops-list em{grid-column:2!important;grid-row:auto!important;width:max-content!important;margin-top:6px!important;}
}

/* User-specific 2FA settings */
.sbops-settings-grid{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;gap:18px!important;align-items:start!important;}
.sbops-security-status-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:22px 0!important;padding:16px!important;border:1px solid var(--sbops-line)!important;border-radius:16px!important;background:#fcfcfd!important;}
.sbops-status-pill{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:8px 12px!important;font-weight:950!important;font-size:13px!important;}
.sbops-status-pill.good{background:#d1fadf!important;color:#067647!important;border:1px solid #abefc6!important;}
.sbops-status-pill.warn{background:#fffaeb!important;color:#b54708!important;border:1px solid #fedf89!important;}
.sbops-security-status-row small{display:block!important;margin-top:7px!important;color:var(--sbops-muted)!important;}
.sbops-secondary-button{border:1px solid #fedf89!important;background:#fffbeb!important;color:#8a5f00!important;border-radius:12px!important;padding:11px 14px!important;font-weight:900!important;cursor:pointer!important;}
.sbops-secondary-button:hover{background:#fff3bf!important;}
.sbops-settings-secret{background:#fffdfa!important;margin-top:16px!important;}
.sbops-inline-form{display:grid!important;grid-template-columns:minmax(180px,260px) auto!important;gap:14px!important;align-items:end!important;margin-top:16px!important;}
.sbops-inline-form label{display:grid!important;gap:8px!important;font-weight:850!important;color:#344054!important;}
.sbops-danger-zone{margin-top:24px!important;padding:18px!important;border:1px solid #fecdd3!important;border-radius:18px!important;background:#fff1f2!important;display:grid!important;gap:8px!important;}
.sbops-danger-zone strong{color:#9f1239!important;}
.sbops-danger-zone p{margin:0!important;color:#9f1239!important;}
.sbops-danger-zone button{width:max-content!important;border:0!important;border-radius:12px!important;background:#be123c!important;color:#fff!important;font-weight:900!important;padding:11px 14px!important;cursor:pointer!important;}
.sbops-checklist{display:grid!important;gap:12px!important;margin-top:18px!important;}
.sbops-checklist div{padding:15px!important;border:1px solid var(--sbops-line)!important;border-radius:16px!important;background:#fcfcfd!important;}
.sbops-checklist strong{display:block!important;color:#111827!important;margin-bottom:4px!important;}
.sbops-checklist span{display:block!important;color:var(--sbops-muted)!important;line-height:1.45!important;}

@media(max-width:980px){
  .sbops-settings-grid{grid-template-columns:1fr!important;}
  .sbops-inline-form{grid-template-columns:1fr!important;}
  .sbops-security-status-row{align-items:flex-start!important;flex-direction:column!important;}
}

/* Local 2FA QR enrollment layout */
.sbops-qr-setup{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start;margin:22px 0;}
.sbops-qr-card{border:1px solid var(--sbops-line);background:#fff;border-radius:18px;padding:16px;text-align:center;box-shadow:0 12px 28px rgba(15,23,42,.08);}
.sbops-qr-card small{display:block;margin-top:10px;color:var(--sbops-muted);font-size:12px;line-height:1.4;}
.sbops-qr-code{width:206px;height:206px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;overflow:hidden;}
.sbops-qr-code canvas,.sbops-qr-code img{width:206px!important;height:206px!important;display:block;}
.sbops-qr-code.sbops-qr-error{font-size:12px;line-height:1.4;color:#8a5f00;background:#fff7db;padding:14px;}
.sbops-secret-box summary{cursor:pointer;font-weight:800;color:var(--sbops-text);}
.sbops-secret-box[open] summary{margin-bottom:12px;}
@media (max-width:760px){.sbops-qr-setup{grid-template-columns:1fr}.sbops-qr-card{max-width:260px}.sbops-qr-code{width:200px;height:200px}.sbops-qr-code canvas,.sbops-qr-code img{width:200px!important;height:200px!important}}