/* SmartTech Billing v1.0.9 — NOC Console Layout
   Visual alignment pass based on the compact Smart-OLT NOC workspace:
   labelled operator sidebar, thin command topbar, flat graphite panels,
   dense operational grids, orange Noction accent, and readable enterprise typography.
   Loaded last; no backend or sync behaviour is changed. */
:root{
  --noc109-bg:#101316;
  --noc109-side:#121619;
  --noc109-top:#15191c;
  --noc109-panel:#191d20;
  --noc109-panel-2:#111a20;
  --noc109-cell:#1d2124;
  --noc109-line:#343a3e;
  --noc109-line-soft:#282e32;
  --noc109-text:#f1f3f4;
  --noc109-muted:#87939b;
  --noc109-dim:#66737b;
  --noc109-orange:#f5a623;
  --noc109-orange-2:#ff8a00;
  --noc109-blue:#4eb0ef;
  --noc109-green:#42d67c;
  --noc109-red:#ef6b62;
}

body.sb-noc-v109{
  background:var(--noc109-bg)!important;
  color:var(--noc109-text)!important;
  font-size:12px!important;
  line-height:1.38!important;
}
body.sb-noc-v109 *{box-sizing:border-box}

/* ===== Desktop labelled NOC sidebar ===== */
@media (min-width:901px){
  body.sb-noc-v109{--sidebar:166px!important}
  body.sb-noc-v109 .sidebar,
  body.sb-noc-v109.mini .sidebar{
    width:166px!important;min-width:166px!important;max-width:166px!important;flex:0 0 166px!important;
    padding:0!important;background:var(--noc109-side)!important;border-right:1px solid var(--noc109-line)!important;
    transform:none!important;overflow-x:hidden!important;
  }
  body.sb-noc-v109 .main,
  body.sb-noc-v109.mini .main{
    width:calc(100% - 166px)!important;max-width:calc(100% - 166px)!important;margin-left:166px!important;
  }
  body.sb-noc-v109 .hamb{display:grid!important;width:28px!important;height:28px!important;min-width:28px!important}

  body.sb-noc-v109 .brand-panel{
    height:58px!important;min-height:58px!important;margin:0!important;padding:8px 10px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
    background:#15191c!important;border:0!important;border-bottom:1px solid var(--noc109-line)!important;
  }
  body.sb-noc-v109 .brand-logo{
    width:31px!important;height:31px!important;min-width:31px!important;display:grid!important;place-items:center!important;
    border:0!important;background:transparent!important;
  }
  body.sb-noc-v109 .brand-logo img{max-width:29px!important;max-height:29px!important}
  body.sb-noc-v109 .brand-text{display:block!important;min-width:0!important;overflow:hidden!important}
  body.sb-noc-v109 .brand-text strong{
    display:block!important;color:#fff!important;font-size:10.5px!important;line-height:1.15!important;font-weight:800!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:uppercase!important;
  }
  body.sb-noc-v109 .brand-text span{
    display:block!important;margin-top:3px!important;color:var(--noc109-orange)!important;font-size:6.8px!important;font-weight:800!important;
    letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  body.sb-noc-v109 .sidebar-search{
    height:36px!important;min-height:36px!important;width:auto!important;margin:7px 9px 5px!important;padding:0 8px!important;
    display:flex!important;justify-content:flex-start!important;gap:6px!important;border:1px solid #293137!important;border-radius:2px!important;
    background:#101518!important;
  }
  body.sb-noc-v109 .sidebar-search .search-icon{width:15px!important;height:15px!important;color:#8a969d!important}
  body.sb-noc-v109 .sidebar-search input{
    position:static!important;width:100%!important;height:32px!important;min-height:32px!important;opacity:1!important;pointer-events:auto!important;
    padding:0!important;border:0!important;background:transparent!important;font-size:8.5px!important;color:#dfe3e5!important;
  }

  body.sb-noc-v109 .nav-menu{padding:0 9px 8px!important;overflow-y:auto!important;overflow-x:hidden!important}
  body.sb-noc-v109 .nav-group{padding:7px 0 3px!important;margin:0!important;border:0!important}
  body.sb-noc-v109 .nav-group>small{
    display:block!important;margin:0 0 4px 1px!important;padding:0!important;color:#5f6d76!important;
    font-size:6.3px!important;line-height:1!important;font-weight:850!important;letter-spacing:.14em!important;text-transform:uppercase!important;
  }
  body.sb-noc-v109 .nav-link,
  body.sb-noc-v109.mini .nav-link{
    width:100%!important;min-width:0!important;max-width:none!important;min-height:31px!important;height:31px!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
    margin:1px 0!important;padding:0 7px!important;border:1px solid transparent!important;border-left:2px solid transparent!important;
    border-radius:1px!important;background:transparent!important;color:#aeb6bb!important;box-shadow:none!important;
    text-align:left!important;text-transform:none!important;
  }
  body.sb-noc-v109 .nav-link:hover{background:#191f23!important;color:#fff!important;border-color:#2d3439!important;border-left-color:#66757f!important}
  body.sb-noc-v109 .nav-link.active{
    background:#202529!important;color:#fff!important;border-color:#353c41!important;border-left-color:var(--noc109-orange)!important;
  }
  body.sb-noc-v109 .nav-link .nav-icon{
    width:17px!important;height:17px!important;min-width:17px!important;margin:0!important;padding:0!important;
    display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#8e999f!important;
  }
  body.sb-noc-v109 .nav-link .nav-icon svg{width:14px!important;height:14px!important;stroke-width:1.7!important}
  body.sb-noc-v109 .nav-link.active .nav-icon{color:var(--noc109-orange)!important}
  body.sb-noc-v109 .nav-link>span:last-child:not(.nav-icon),
  body.sb-noc-v109.mini .nav-link>span:last-child:not(.nav-icon){
    display:block!important;width:auto!important;max-height:none!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
    font-size:8.25px!important;line-height:1!important;font-weight:650!important;letter-spacing:0!important;color:inherit!important;
  }

  body.sb-noc-v109 .sidebar-footer,
  body.sb-noc-v109.mini .sidebar-footer{
    display:block!important;min-height:92px!important;margin:0!important;padding:7px 9px 8px!important;background:#111518!important;
    border-top:1px solid var(--noc109-line)!important;color:inherit!important;
  }
  body.sb-noc-v109 .sidebar-live{display:flex!important;align-items:center!important;gap:5px!important;margin-bottom:6px!important;color:#69bff2!important;font-size:6.4px!important;font-weight:850!important}
  body.sb-noc-v109 .sidebar-live i{width:5px!important;height:5px!important;border-radius:50%!important;background:var(--noc109-green)!important;box-shadow:0 0 0 2px rgba(66,214,124,.08)!important}
  body.sb-noc-v109 .sidebar-workspace{
    display:block!important;padding:6px 7px!important;border:1px solid #2a3237!important;background:#161b1e!important;border-radius:2px!important;
  }
  body.sb-noc-v109 .sidebar-workspace small{display:block!important;color:var(--noc109-orange)!important;font-size:5.8px!important;font-weight:850!important;letter-spacing:.1em!important}
  body.sb-noc-v109 .sidebar-workspace b{display:block!important;margin-top:3px!important;color:#f3f5f6!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.sb-noc-v109 .sidebar-workspace span{display:block!important;margin-top:2px!important;color:#74828a!important;font-size:6.2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.sb-noc-v109 .sidebar-version{margin-top:6px!important;color:#59666e!important;font-size:5.8px!important}
}

/* ===== Thin NOC command topbar ===== */
body.sb-noc-v109 .topbar{
  height:51px!important;min-height:51px!important;padding:0 12px!important;background:var(--noc109-top)!important;
  border-bottom:1px solid var(--noc109-line)!important;box-shadow:none!important;
}
body.sb-noc-v109 .hamb{
  border:1px solid #374047!important;border-radius:2px!important;background:#171c20!important;color:#aeb8be!important;box-shadow:none!important;
}
body.sb-noc-v109 .hamb:hover{border-color:#52606a!important;background:#1e2529!important;color:#fff!important}
body.sb-noc-v109 .topbar-title{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;min-width:0!important}
body.sb-noc-v109 .topbar-title>small{
  display:block!important;color:#60717c!important;font-size:5.9px!important;line-height:1!important;font-weight:850!important;letter-spacing:.11em!important;
}
body.sb-noc-v109 .topbar-title h1{margin:0!important;color:#fff!important;font-size:13px!important;line-height:1.1!important;font-weight:760!important;white-space:nowrap!important}
body.sb-noc-v109 .topbar-page-icon{width:15px!important;height:15px!important;margin-right:7px!important;color:#b9c2c7!important}
body.sb-noc-v109 .topbar-control-cluster{gap:5px!important}
body.sb-noc-v109 .enterprise-nas-selector,
body.sb-noc-v109 .top-pill,
body.sb-noc-v109 .operator-profile,
body.sb-noc-v109 .logout{
  min-height:29px!important;height:29px!important;border:1px solid #333c42!important;border-radius:1px!important;background:#171c20!important;box-shadow:none!important;
}
body.sb-noc-v109 .enterprise-nas-selector{padding:0 5px!important}
body.sb-noc-v109 .nas-context-copy small{font-size:5.4px!important;color:#70808a!important}
body.sb-noc-v109 .nas-context-copy b{font-size:6.8px!important;color:#dce2e5!important}
body.sb-noc-v109 .nas-context-select{font-size:7.5px!important;min-width:155px!important;background:#11181c!important;border-left:1px solid #30393f!important;border-radius:0!important}
body.sb-noc-v109 .enterprise-clock{font-size:7px!important;padding:0 8px!important;color:#b6c0c5!important}
body.sb-noc-v109 .operator-profile{padding:0 7px!important}
body.sb-noc-v109 .operator-copy b{font-size:7px!important}
body.sb-noc-v109 .operator-copy small{font-size:5.5px!important}
body.sb-noc-v109 .logout{padding:0 8px!important;font-size:7px!important;color:#d7dde0!important}

/* Page title lives in the topbar, as on a NOC console. */
body.sb-noc-v109 .content{padding:10px 12px 18px!important;max-width:none!important;width:100%!important}
body.sb-noc-v109 .page-head{display:none!important}

/* ===== Shared NOC panels / typography ===== */
body.sb-noc-v109 .card,
body.sb-noc-v109 .enterprise-card,
body.sb-noc-v109 .panel,
body.sb-noc-v109 .widget,
body.sb-noc-v109 .box{
  background:var(--noc109-panel)!important;border:1px solid var(--noc109-line)!important;border-radius:1px!important;box-shadow:none!important;
}
body.sb-noc-v109 .card{padding:9px!important;margin-bottom:8px!important}
body.sb-noc-v109 .card-head{min-height:30px!important;margin-bottom:7px!important;padding-bottom:6px!important;border-bottom:1px solid var(--noc109-line-soft)!important}
body.sb-noc-v109 .card-head h3,
body.sb-noc-v109 .card h3{font-size:11px!important;line-height:1.2!important;font-weight:750!important;color:#f1f4f5!important}
body.sb-noc-v109 .card-head p,
body.sb-noc-v109 .muted{font-size:7.4px!important;color:#77868f!important}
body.sb-noc-v109 small{line-height:1.3!important}

body.sb-noc-v109 .btn,
body.sb-noc-v109 button.btn,
body.sb-noc-v109 a.btn{
  min-height:27px!important;height:27px!important;padding:0 9px!important;border:1px solid #3a444a!important;border-radius:1px!important;
  background:#171d21!important;color:#dfe4e6!important;font-size:7.3px!important;font-weight:750!important;box-shadow:none!important;transform:none!important;
}
body.sb-noc-v109 .btn:hover,
body.sb-noc-v109 button.btn:hover,
body.sb-noc-v109 a.btn:hover{background:#21292e!important;border-color:#53616a!important;color:#fff!important;transform:none!important}
body.sb-noc-v109 .btn.primary,
body.sb-noc-v109 .btn.btn-primary,
body.sb-noc-v109 button.primary,
body.sb-noc-v109 a.primary{
  background:var(--noc109-orange)!important;border-color:#c8871d!important;color:#131516!important;font-weight:850!important;
}
body.sb-noc-v109 .btn.primary:hover,
body.sb-noc-v109 .btn.btn-primary:hover{background:#ffb23c!important;border-color:#ffb23c!important;color:#111!important}
body.sb-noc-v109 .btn.small{height:25px!important;min-height:25px!important;font-size:6.9px!important;padding:0 8px!important}

/* ===== Dashboard commander hero ===== */
body.page-index.sb-noc-v109 .billing-command-hero{
  display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(355px,.9fr)!important;align-items:stretch!important;
  min-height:111px!important;margin-bottom:8px!important;border:1px solid var(--noc109-line)!important;border-radius:1px!important;background:var(--noc109-panel)!important;
}
body.page-index.sb-noc-v109 .command-copy{padding:12px 14px!important;border-right:1px solid var(--noc109-line)!important}
body.page-index.sb-noc-v109 .command-eyebrow{display:block!important;color:var(--noc109-orange)!important;font-size:6.3px!important;font-weight:900!important;letter-spacing:.09em!important}
body.page-index.sb-noc-v109 .command-copy h1{margin:3px 0 2px!important;font-size:17px!important;line-height:1.08!important;font-weight:780!important;color:#fff!important}
body.page-index.sb-noc-v109 .command-copy>p{margin:0!important;color:#84929a!important;font-size:8.3px!important}
body.page-index.sb-noc-v109 .command-meta{display:flex!important;align-items:flex-end!important;gap:22px!important;margin-top:12px!important;flex-wrap:wrap!important}
body.page-index.sb-noc-v109 .command-meta>span:not(.command-live){display:flex!important;flex-direction:column!important;gap:2px!important}
body.page-index.sb-noc-v109 .command-meta small{font-size:5.8px!important;color:#60717b!important;font-weight:800!important;letter-spacing:.06em!important}
body.page-index.sb-noc-v109 .command-meta b{font-size:7.4px!important;color:#cdd5d9!important;font-weight:650!important}
body.page-index.sb-noc-v109 .command-live{
  display:inline-flex!important;align-items:center!important;gap:5px!important;height:22px!important;padding:0 8px!important;border:1px solid #23643f!important;
  border-radius:1px!important;background:#123120!important;color:#61e598!important;font-size:6.4px!important;font-weight:900!important;
}
body.page-index.sb-noc-v109 .command-live i{width:5px!important;height:5px!important;border-radius:50%!important;background:#45dc7f!important}
body.page-index.sb-noc-v109 .command-live.is-waiting{border-color:#684927!important;background:#302216!important;color:#ffb45b!important}
body.page-index.sb-noc-v109 .command-live.is-waiting i{background:#f5a623!important}
body.page-index.sb-noc-v109 .command-health{display:grid!important;grid-template-columns:112px 1fr!important;align-items:center!important;padding:10px 13px!important;gap:14px!important}
body.page-index.sb-noc-v109 .command-ring{
  --health:0;width:84px!important;height:84px!important;margin:auto!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:conic-gradient(var(--noc109-orange) calc(var(--health)*1%),#30373b 0)!important;
  position:relative!important;
}
body.page-index.sb-noc-v109 .command-ring:after{content:""!important;position:absolute!important;inset:7px!important;border-radius:50%!important;background:#121a1f!important;border:1px solid #3a444a!important}
body.page-index.sb-noc-v109 .command-ring>div{position:relative!important;z-index:2!important;text-align:center!important}
body.page-index.sb-noc-v109 .command-ring strong{display:block!important;font-size:16px!important;line-height:1!important;color:#fff!important}
body.page-index.sb-noc-v109 .command-ring span{display:block!important;margin-top:5px!important;color:#6f8998!important;font-size:4.7px!important;font-weight:850!important;letter-spacing:.06em!important}
body.page-index.sb-noc-v109 .command-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.page-index.sb-noc-v109 .command-stats>div{min-height:35px!important;padding:5px 9px!important;border-left:1px solid var(--noc109-line-soft)!important;border-bottom:1px solid var(--noc109-line-soft)!important}
body.page-index.sb-noc-v109 .command-stats>div:nth-child(n+3){border-bottom:0!important}
body.page-index.sb-noc-v109 .command-stats small{display:block!important;color:#68808e!important;font-size:5.8px!important}
body.page-index.sb-noc-v109 .command-stats b{display:block!important;margin-top:3px!important;color:#edf1f3!important;font-size:9.8px!important}

/* Snapshot strip becomes a small operational status line. */
body.page-index.sb-noc-v109 .kpi-help-banner{
  min-height:37px!important;margin:0 0 7px!important;padding:6px 9px!important;background:#121a1f!important;border:1px solid #263945!important;border-radius:1px!important;
}
body.page-index.sb-noc-v109 .kpi-help-banner b{font-size:8.1px!important;color:#e8eef1!important}
body.page-index.sb-noc-v109 .kpi-help-banner span{font-size:6.6px!important;color:#687984!important}

body.page-index.sb-noc-v109 .kpi-compact{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important;margin-bottom:8px!important}
body.page-index.sb-noc-v109 .mini-kpi{
  min-height:62px!important;padding:7px 8px 6px!important;border:1px solid var(--noc109-line)!important;border-radius:1px!important;background:var(--noc109-panel)!important;
}
body.page-index.sb-noc-v109 .mini-kpi:hover{border-color:#59656c!important;background:#1f2529!important}
body.page-index.sb-noc-v109 .mini-kpi span{gap:5px!important}
body.page-index.sb-noc-v109 .mini-kpi .kpi-icon{width:18px!important;height:18px!important;border-radius:2px!important;background:#18232a!important;color:var(--noc109-orange)!important}
body.page-index.sb-noc-v109 .mini-kpi .kpi-icon svg{width:12px!important;height:12px!important}
body.page-index.sb-noc-v109 .mini-kpi em{font-size:6.1px!important;color:#6f7e87!important;line-height:1.15!important}
body.page-index.sb-noc-v109 .mini-kpi>b{margin:3px 0 1px!important;font-size:14px!important;line-height:1!important;color:#f0f3f4!important}
body.page-index.sb-noc-v109 .mini-kpi>small{font-size:5.8px!important;color:#607078!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Main dashboard blocks use the same flat NOC grid as Smart-OLT. */
body.page-index.sb-noc-v109 .monitor-grid.noc-focus{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;gap:7px!important;align-items:stretch!important}
body.page-index.sb-noc-v109 .monitor-grid.lower{grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr)!important;gap:7px!important;align-items:stretch!important}
body.page-index.sb-noc-v109 .monitor-grid.noc-focus>.card,
body.page-index.sb-noc-v109 .monitor-grid.lower>.card{height:100%!important;align-self:stretch!important;margin-bottom:0!important}
body.page-index.sb-noc-v109 .dashboard-panel-head{margin-bottom:6px!important}
body.page-index.sb-noc-v109 .dashboard-panel-action{color:#dbe3e7!important;background:#141c21!important;border-color:#35556a!important}
body.page-index.sb-noc-v109 .dashboard-panel-action:hover{color:#fff!important;background:#1c2a32!important;border-color:#4f7891!important}

body.page-index.sb-noc-v109 .billing-revenue-strip{gap:5px!important}
body.page-index.sb-noc-v109 .billing-revenue-strip>div{min-height:48px!important;padding:6px 7px!important;background:#1d2225!important;border-radius:0!important;border-color:#30373b!important}
body.page-index.sb-noc-v109 .billing-health-grid{gap:5px!important;margin-top:5px!important}
body.page-index.sb-noc-v109 .billing-health-grid>a{min-height:45px!important;padding:6px 7px!important;border-radius:0!important;background:#1b2023!important;border-color:#2e363a!important}
body.page-index.sb-noc-v109 .billing-revenue-strip span,
body.page-index.sb-noc-v109 .billing-health-grid span,
body.page-index.sb-noc-v109 .ops-grid span{font-size:5.9px!important;color:#73838b!important}
body.page-index.sb-noc-v109 .billing-revenue-strip b,
body.page-index.sb-noc-v109 .billing-health-grid b,
body.page-index.sb-noc-v109 .ops-grid b{font-size:12.5px!important}
body.page-index.sb-noc-v109 .billing-health-note{margin-top:5px!important;padding:6px 7px!important;font-size:6.2px!important;background:#141c21!important;border-color:#27343b!important}

body.page-index.sb-noc-v109 .sb-modern-uplink-panel{background:#111a20!important;border-color:#30404a!important}
body.page-index.sb-noc-v109 .sb-uplink-modern-head{padding-bottom:6px!important;margin-bottom:5px!important;border-bottom:1px solid #26343c!important}
body.page-index.sb-noc-v109 .sb-uplink-eyebrow{font-size:5.5px!important;color:#5c7c8f!important;letter-spacing:.1em!important}
body.page-index.sb-noc-v109 .sb-uplink-title-wrap h3{font-size:10.8px!important}
body.page-index.sb-noc-v109 .sb-uplink-title-wrap p{font-size:6.4px!important;color:#6d7f89!important}
body.page-index.sb-noc-v109 .sb-uplink-live{border-radius:1px!important;font-size:5.8px!important}
body.page-index.sb-noc-v109 .sb-radial-wrap{width:124px!important;height:124px!important;margin:0 auto 3px!important}
body.page-index.sb-noc-v109 .sb-radial{width:116px!important;height:116px!important}
body.page-index.sb-noc-v109 .sb-radial-value strong{font-size:20px!important}
body.page-index.sb-noc-v109 .sb-radial-value span{font-size:5.6px!important}
body.page-index.sb-noc-v109 .sb-radial-value small{font-size:4.9px!important}
body.page-index.sb-noc-v109 .sb-uplink-metrics{gap:5px!important}
body.page-index.sb-noc-v109 .sb-uplink-metric{padding:7px 8px!important;background:#162129!important;border-radius:0!important}
body.page-index.sb-noc-v109 .sb-uplink-metric strong{font-size:12.5px!important}
body.page-index.sb-noc-v109 .sb-metric-top span{font-size:5.4px!important}
body.page-index.sb-noc-v109 .sb-uplink-metric small,
body.page-index.sb-noc-v109 .sb-uplink-metric em{font-size:5.1px!important}
body.page-index.sb-noc-v109 .sb-uplink-meta{gap:4px!important;margin-top:5px!important}
body.page-index.sb-noc-v109 .sb-uplink-meta>div{padding:5px 6px!important;background:#172027!important;border-radius:0!important}
body.page-index.sb-noc-v109 .sb-uplink-meta small{font-size:5px!important}
body.page-index.sb-noc-v109 .sb-uplink-meta b{font-size:6.8px!important}

body.page-index.sb-noc-v109 .traffic-pair.slim{gap:5px!important}
body.page-index.sb-noc-v109 .queue-enterprise-meters>div,
body.page-index.sb-noc-v109 .ops-grid>div{padding:6px 7px!important;border-radius:0!important;background:#1b2023!important;border-color:#30373b!important}
body.page-index.sb-noc-v109 .queue-enterprise-meters>div b{font-size:13px!important}
body.page-index.sb-noc-v109 .queue-enterprise-meters>div small,
body.page-index.sb-noc-v109 .queue-enterprise-meters>div em{font-size:5.8px!important}
body.page-index.sb-noc-v109 .ops-grid{gap:4px!important}
body.page-index.sb-noc-v109 .ops-grid>div{min-height:43px!important}

/* ===== Tables / forms across all modules ===== */
body.sb-noc-v109 .table-wrap{border:1px solid #30373b!important;border-radius:0!important;background:#151a1d!important;box-shadow:none!important}
body.sb-noc-v109 table{font-size:8.1px!important;border-collapse:collapse!important}
body.sb-noc-v109 table th{
  height:27px!important;padding:5px 7px!important;background:#202528!important;color:#cfd6da!important;border-color:#323a3f!important;
  font-size:6.8px!important;font-weight:780!important;text-transform:uppercase!important;letter-spacing:.025em!important;
}
body.sb-noc-v109 table td{height:30px!important;padding:5px 7px!important;background:#191e21!important;color:#c2cbd0!important;border-color:#2b3236!important;font-size:7.8px!important}
body.sb-noc-v109 table tr:hover td{background:#1e2529!important}
body.sb-noc-v109 .badge{border-radius:1px!important;font-size:6.2px!important;padding:3px 6px!important;font-weight:800!important}

body.sb-noc-v109 input:not([type="checkbox"]):not([type="radio"]),
body.sb-noc-v109 select,
body.sb-noc-v109 textarea{
  min-height:31px!important;border:1px solid #364047!important;border-radius:1px!important;background:#12181c!important;color:#e5eaec!important;
  font-size:8.2px!important;box-shadow:none!important;
}
body.sb-noc-v109 input:focus,
body.sb-noc-v109 select:focus,
body.sb-noc-v109 textarea:focus{border-color:#5c7381!important;box-shadow:0 0 0 1px rgba(78,176,239,.08)!important}
body.sb-noc-v109 label{font-size:7.7px!important;color:#9ca8ae!important}

/* Keep unified sync UX, but make it look native to the NOC console. */
body.sb-noc-v109 .st-sync-progress,
body.sb-noc-v109 .st-sync-modal__panel,
body.sb-noc-v109 .st-message,
body.sb-noc-v109 .app-toast{border-radius:1px!important;background:#171d21!important;border-color:#3a444a!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important}
body.sb-noc-v109 .st-sync-progress__bar>i,
body.sb-noc-v109 .st-sync-bar>i{background:var(--noc109-orange)!important;box-shadow:none!important}

/* ===== Responsive ===== */
@media (max-width:1240px) and (min-width:901px){
  body.sb-noc-v109{--sidebar:156px!important}
  body.sb-noc-v109 .sidebar{width:156px!important;min-width:156px!important;max-width:156px!important;flex-basis:156px!important}
  body.sb-noc-v109 .main{width:calc(100% - 156px)!important;max-width:calc(100% - 156px)!important;margin-left:156px!important}
  body.page-index.sb-noc-v109 .kpi-compact{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.page-index.sb-noc-v109 .billing-command-hero{grid-template-columns:minmax(0,1.3fr) minmax(330px,.9fr)!important}
}
@media (max-width:1040px){
  body.sb-noc-v109 .operator-copy{display:none!important}
  body.sb-noc-v109 .enterprise-clock{display:none!important}
  body.page-index.sb-noc-v109 .monitor-grid.noc-focus,
  body.page-index.sb-noc-v109 .monitor-grid.lower{grid-template-columns:1fr!important}
}
@media (max-width:900px){
  body.sb-noc-v109 .sidebar{width:252px!important;min-width:252px!important;max-width:252px!important;padding:0!important}
  body.sb-noc-v109 .main{margin-left:0!important;width:100%!important;max-width:100%!important}
  body.sb-noc-v109 .brand-panel{height:58px!important;padding:8px 10px!important}
  body.sb-noc-v109 .brand-text{display:block!important}
  body.sb-noc-v109 .sidebar-search{margin:7px 9px!important}
  body.sb-noc-v109 .nav-menu{padding:0 9px 8px!important}
  body.sb-noc-v109 .nav-group>small{display:block!important}
  body.sb-noc-v109 .nav-link{height:34px!important;min-height:34px!important;flex-direction:row!important;justify-content:flex-start!important;text-transform:none!important;text-align:left!important;padding:0 8px!important}
  body.sb-noc-v109 .nav-link>span:last-child:not(.nav-icon){width:auto!important;max-height:none!important;font-size:8.5px!important;white-space:nowrap!important}
  body.sb-noc-v109 .sidebar-footer{display:block!important}
  body.page-index.sb-noc-v109 .billing-command-hero{grid-template-columns:1fr!important}
  body.page-index.sb-noc-v109 .command-copy{border-right:0!important;border-bottom:1px solid var(--noc109-line)!important}
  body.page-index.sb-noc-v109 .kpi-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
  body.sb-noc-v109 .content{padding:8px!important}
  body.sb-noc-v109 .topbar{padding:0 8px!important}
  body.sb-noc-v109 .enterprise-nas-selector{max-width:168px!important}
  body.sb-noc-v109 .nas-context-copy{display:none!important}
  body.sb-noc-v109 .nas-context-select{min-width:120px!important;max-width:140px!important}
  body.sb-noc-v109 .operator-profile{display:none!important}
  body.sb-noc-v109 .logout .btn-label{display:none!important}
  body.page-index.sb-noc-v109 .command-health{grid-template-columns:90px 1fr!important;gap:7px!important;padding:8px!important}
  body.page-index.sb-noc-v109 .command-meta{gap:10px!important}
  body.page-index.sb-noc-v109 .kpi-compact{grid-template-columns:1fr 1fr!important}
}
@media (max-width:420px){
  body.page-index.sb-noc-v109 .kpi-compact{grid-template-columns:1fr!important}
  body.page-index.sb-noc-v109 .command-health{grid-template-columns:1fr!important}
}

/* ===== Standalone auth / installer NOC alignment ===== */
body.sb-noc-v109-auth,
body.sb-noc-v109-installer{background:#101316!important;color:#eef1f2!important}
body.sb-noc-v109-auth .auth-card,
body.sb-noc-v109-auth .login-card,
body.sb-noc-v109-auth .register-card,
body.sb-noc-v109-auth .auth-panel,
body.sb-noc-v109-installer .install-shell,
body.sb-noc-v109-installer .installer-card,
body.sb-noc-v109-installer .panel,
body.sb-noc-v109-installer .card{
  border-radius:2px!important;border-color:#343a3e!important;background:#191d20!important;box-shadow:none!important;
}
body.sb-noc-v109-auth input,
body.sb-noc-v109-auth select,
body.sb-noc-v109-auth textarea,
body.sb-noc-v109-installer input,
body.sb-noc-v109-installer select,
body.sb-noc-v109-installer textarea{border-radius:1px!important;background:#12181c!important;border-color:#364047!important;box-shadow:none!important}
body.sb-noc-v109-auth button[type="submit"],
body.sb-noc-v109-auth .btn-primary,
body.sb-noc-v109-installer button[type="submit"],
body.sb-noc-v109-installer .btn-primary{border-radius:1px!important;background:#f5a623!important;border-color:#c8871d!important;color:#121416!important;box-shadow:none!important}