/*
 * Smarttech Unified Theme v1.0.0
 * Shared presentation layer for Smarttech Portal, Smart-Billing and
 * Smart-Monitoring. Keep feature CSS before this file; this layer owns only
 * common color, surface, typography, control and responsive rules.
 */
:root{
  --st-bg:#07121d;
  --st-bg-deep:#050c14;
  --st-surface:#0c1d2a;
  --st-surface-2:#102737;
  --st-surface-3:#143247;
  --st-line:rgba(125,193,216,.16);
  --st-line-strong:rgba(92,198,222,.34);
  --st-text:#edf7fa;
  --st-text-strong:#fff;
  --st-muted:#8ba7b6;
  --st-soft:#6d8999;
  --st-blue:#438cf0;
  --st-cyan:#5cc7dd;
  --st-green:#51d1a0;
  --st-purple:#a799f4;
  --st-orange:#e1aa72;
  --st-red:#e88492;
  --st-radius:15px;
  --st-radius-sm:10px;
  --st-shadow:0 16px 38px rgba(0,0,0,.18);
  --st-font:Inter,"Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
}

body:where(.portal-auth,.portal-dashboard,.sb-corporate.sb-digital,.sb-digital-auth,.auth-page,.login-simple-page,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring){
  --bg:var(--st-bg);--bg-2:var(--st-bg-deep);--panel:var(--st-surface);--panel-soft:var(--st-surface-2);
  --card:var(--st-surface);--text:var(--st-text);--ink:var(--st-text);--muted:var(--st-muted);--line:var(--st-line);
  --primary:var(--st-blue);--primary-2:var(--st-cyan);--success:var(--st-green);--warning:var(--st-orange);--danger:var(--st-red);
  color:var(--st-text)!important;background:var(--st-bg)!important;font-family:var(--st-font)!important;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}

body:where(.portal-auth,.portal-dashboard,.sb-corporate.sb-digital,.sb-digital-auth,.auth-page,.login-simple-page,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring)::selection{background:rgba(92,199,221,.28);color:#fff}
body:where(.portal-auth,.portal-dashboard,.sb-corporate.sb-digital,.sb-digital-auth,.auth-page,.login-simple-page,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) a{color:inherit}
body:where(.portal-auth,.portal-dashboard,.sb-corporate.sb-digital,.sb-digital-auth,.auth-page,.login-simple-page,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(h1,h2,h3,h4,h5,h6){color:var(--st-text-strong)}

/* Shared dark canvas */
body:where(.portal-auth,.portal-dashboard,.sb-corporate.sb-digital,.sb-digital-auth,.auth-page,.login-simple-page,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring){
  background:
    radial-gradient(circle at 86% -10%,rgba(67,140,240,.13),transparent 32rem),
    radial-gradient(circle at 12% 110%,rgba(92,199,221,.065),transparent 34rem),
    linear-gradient(180deg,var(--st-bg) 0%,#081722 48%,var(--st-bg-deep) 100%)!important;
}
body:where(.sb-corporate.sb-digital,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring)::before,
body:where(.portal-auth,.portal-dashboard)::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(92,199,221,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(92,199,221,.022) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%)}

/* Portal */
body.portal-dashboard .portal-shell,body.portal-auth .auth-wrap,body.sb-corporate.sb-digital .app-shell,body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .main,body.sb-digital-auth .ai-auth,body.sb-digital-auth .sbreg-page,body.auth-page .auth-shell,body.login-simple-page .login-simple-shell{position:relative;z-index:1}
body.portal-dashboard .portal-side{background:linear-gradient(180deg,#081724,#07131e)!important;border-color:var(--st-line)!important;box-shadow:10px 0 32px rgba(0,0,0,.14)}
body.portal-dashboard .portal-brand{border-color:var(--st-line)!important}
body.portal-dashboard .portal-brand b{color:var(--st-text-strong)!important}
body.portal-dashboard .portal-brand span,body.portal-dashboard .portal-side nav small{color:var(--st-soft)!important}
body.portal-dashboard .portal-side nav a{color:#9ab3c0!important}
body.portal-dashboard .portal-side nav a:hover,body.portal-dashboard .portal-side nav a.active{background:linear-gradient(90deg,rgba(67,140,240,.16),rgba(92,199,221,.07))!important;color:var(--st-text-strong)!important}
body.portal-dashboard .portal-side nav i{border-color:var(--st-line-strong)!important;background:rgba(92,199,221,.06)}
body.portal-dashboard .side-user{border-color:var(--st-line)!important}
body.portal-dashboard .side-user>span{background:linear-gradient(135deg,var(--st-blue),#2461bf)!important;box-shadow:0 8px 20px rgba(67,140,240,.22)}
body.portal-dashboard .side-user small{color:var(--st-soft)!important}
body.portal-dashboard .portal-top{background:rgba(7,18,29,.86)!important;border-color:var(--st-line)!important;backdrop-filter:blur(16px)}
body.portal-dashboard .portal-top p{color:var(--st-muted)!important}
body.portal-dashboard .tenant-pill,body.portal-dashboard .ghost-btn{background:var(--st-surface)!important;border-color:var(--st-line-strong)!important;color:#b7d0da!important}
body.portal-dashboard .hero{border-color:var(--st-line-strong)!important;background:radial-gradient(circle at 88% 12%,rgba(92,199,221,.14),transparent 31%),linear-gradient(135deg,#10283a,#0a1825)!important;box-shadow:var(--st-shadow)}
body.portal-dashboard .hero p,body.portal-dashboard .kpi-grid small,body.portal-dashboard .app-head p,body.portal-dashboard .quick-grid span{color:var(--st-muted)!important}
body.portal-dashboard .hero-health div,body.portal-dashboard .kpi-grid article,body.portal-dashboard .quick-grid a{background:linear-gradient(180deg,#0d2231,#0a1824)!important;border-color:var(--st-line)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)}
body.portal-dashboard .hero-health span,body.portal-dashboard .kpi-grid span,body.portal-dashboard .app-head span{color:var(--st-soft)!important}
body.portal-dashboard .hero-health b{color:var(--st-green)!important}
body.portal-dashboard .app-card{border-color:var(--st-line-strong)!important;background:linear-gradient(145deg,#0d2434,#091720)!important;box-shadow:var(--st-shadow)}
body.portal-dashboard .app-card:before{background:rgba(67,140,240,.08)!important}
body.portal-dashboard .monitor-card:before{background:rgba(81,209,160,.08)!important}
body.portal-dashboard .app-symbol{background:linear-gradient(135deg,var(--st-blue),#315dcc)!important}
body.portal-dashboard .monitor-card .app-symbol{background:linear-gradient(135deg,#1eae91,#247ac8)!important}
body.portal-dashboard .app-metrics div{background:#091a27!important;border-color:var(--st-line)!important}
body.portal-dashboard .app-metrics span{color:var(--st-soft)!important}
body.portal-dashboard .app-actions a{border-color:var(--st-line-strong)!important;color:#a8c6d2!important}
body.portal-dashboard .app-actions a.primary{background:var(--st-blue)!important;border-color:var(--st-blue)!important;color:#fff!important}
body.portal-dashboard .monitor-card .app-actions a.primary{background:#168e79!important;border-color:#27ab91!important}
body.portal-dashboard .quick-grid a:hover{border-color:var(--st-cyan)!important;transform:translateY(-1px)}
body.portal-dashboard .portal-footer{border-color:var(--st-line)!important;color:var(--st-soft)!important}

/* Portal authentication and all billing/monitoring authentication surfaces */
body.portal-auth .auth-visual,body.auth-page .auth-visual{background:radial-gradient(circle at 18% 12%,rgba(67,140,240,.18),transparent 30rem),linear-gradient(145deg,#0a2539,#071824)!important;border-color:var(--st-line)!important}
body.portal-auth .auth-visual h1,body.auth-page .auth-visual h1{color:var(--st-text-strong)!important}
body.portal-auth .auth-visual p,body.auth-page .auth-visual p{color:#a7bfca!important}
body.portal-auth .auth-feature-grid span,body.auth-page .auth-badges span{background:rgba(12,38,55,.64)!important;border-color:var(--st-line)!important;color:#c3d8df!important}
body.portal-auth .auth-card,body.auth-page .auth-card,body.login-simple-page .login-simple-card,body.sb-digital-auth .ai-form-side,body.sb-digital-auth .sbreg-card{background:linear-gradient(180deg,rgba(13,31,44,.98),rgba(7,19,28,.98))!important;border-color:var(--st-line-strong)!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
body.portal-auth .auth-card input,body.auth-page .auth-card input,body.login-simple-page .login-simple-field input,body.auth-page input,body.auth-page select,body.auth-page textarea,body.sb-digital-auth input{background:#091a26!important;border-color:var(--st-line)!important;color:var(--st-text)!important}
body.portal-auth .auth-card input:focus,body.auth-page input:focus,body.auth-page select:focus,body.auth-page textarea:focus,body.sb-digital-auth input:focus{border-color:var(--st-cyan)!important;box-shadow:0 0 0 3px rgba(92,199,221,.10)!important}
body.portal-auth .auth-card label,body.auth-page label,body.sb-digital-auth label{color:#bfd1d8!important}
body.auth-page .auth-panel,body.login-simple-page .login-simple-shell,body.sb-digital-auth .ai-auth,body.sb-digital-auth .sbreg-page{background:transparent!important}
body.portal-auth .auth-card .primary,body.sb-digital-auth .ai-submit,body.sb-digital-auth .sbreg-primary,body.auth-page .btn.primary{background:linear-gradient(100deg,var(--st-blue),var(--st-cyan))!important;border-color:transparent!important;color:#fff!important}
body.portal-auth .password button,body.auth-page .modal-close{background:#123044!important;border-color:var(--st-line)!important;color:#c0dbe3!important}
body.portal-auth .auth-links,body.portal-auth .version-line{border-color:var(--st-line)!important;color:var(--st-muted)!important}
body.portal-auth .auth-links a,body.sb-digital-auth .ai-link,body.sb-digital-auth .sbreg-login a{color:#82d2e4!important}
body.portal-auth .notice.error,body.auth-page .notice.err,body.login-simple-page .login-simple-notice.err,body.sb-digital-auth .ai-alert{background:rgba(92,35,46,.55)!important;border-color:rgba(232,132,146,.28)!important;color:#f0b3bc!important}

/* Billing shell */
body.sb-corporate.sb-digital .sidebar{background:linear-gradient(180deg,#081724,#07131e)!important;border-color:var(--st-line)!important;box-shadow:10px 0 32px rgba(0,0,0,.14)}
body.sb-corporate.sb-digital .brand-panel{background:linear-gradient(145deg,rgba(13,34,49,.9),rgba(8,21,31,.9))!important;border-color:var(--st-line)!important}
body.sb-corporate.sb-digital .brand-text strong,body.sb-corporate.sb-digital .brand-text span{color:var(--st-text)!important}
body.sb-corporate.sb-digital .sidebar-search{background:#091a27!important;border-color:var(--st-line)!important;color:var(--st-muted)!important}
body.sb-corporate.sb-digital .nav-group>small{color:var(--st-soft)!important}
body.sb-corporate.sb-digital .nav-link{color:#9ab3c0!important}
body.sb-corporate.sb-digital .nav-link:hover,body.sb-corporate.sb-digital .nav-link.active{background:linear-gradient(90deg,rgba(67,140,240,.16),rgba(92,199,221,.07))!important;color:var(--st-text-strong)!important}
body.sb-corporate.sb-digital .nav-link.active{box-shadow:inset 2px 0 var(--st-cyan)}
body.sb-corporate.sb-digital .nav-icon{background:rgba(92,199,221,.06)!important;color:var(--st-cyan)!important;border-color:var(--st-line)!important}
body.sb-corporate.sb-digital .sidebar-footer{border-color:var(--st-line)!important;color:var(--st-muted)!important}
body.sb-corporate.sb-digital .main{background:transparent!important}
body.sb-corporate.sb-digital .topbar{background:rgba(7,18,29,.9)!important;border-color:var(--st-line)!important;box-shadow:0 8px 26px rgba(0,0,0,.12)!important;backdrop-filter:blur(16px)}
body.sb-corporate.sb-digital .topbar-title h1,body.sb-corporate.sb-digital .page-head h2{color:var(--st-text-strong)!important}
body.sb-corporate.sb-digital .topbar-title p,body.sb-corporate.sb-digital .crumb{color:var(--st-muted)!important}
body.sb-corporate.sb-digital .top-pill,body.sb-corporate.sb-digital .nas-context-form,body.sb-corporate.sb-digital .operator-profile,body.sb-corporate.sb-digital .logout{background:var(--st-surface)!important;border-color:var(--st-line)!important;color:#b8d1da!important}
body.sb-corporate.sb-digital .nas-context-select{background:#091a26!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
body.sb-corporate.sb-digital .page-badge{background:rgba(92,199,221,.08)!important;border-color:var(--st-line)!important;color:#8bd5e3!important}
body.sb-corporate.sb-digital :where(.card,.panel,.table-card,.form-card,.mini-stat,.info-item,.fieldset,.modal .box){background:linear-gradient(180deg,rgba(13,31,44,.98),rgba(8,20,29,.98))!important;border-color:var(--st-line)!important;color:var(--st-text)!important;box-shadow:0 10px 28px rgba(0,0,0,.13)!important}
body.sb-corporate.sb-digital :where(.card,.panel,.table-card,.form-card) h3,body.sb-corporate.sb-digital :where(.card,.panel,.table-card,.form-card) h4{color:var(--st-text)!important}
body.sb-corporate.sb-digital :where(.muted,.sub-metric,.help,.card p,.panel p){color:var(--st-muted)!important}
body.sb-corporate.sb-digital :where(input,select,textarea){background:#091a26!important;border-color:var(--st-line)!important;color:var(--st-text)!important}
body.sb-corporate.sb-digital :where(input,select,textarea):focus{border-color:var(--st-cyan)!important;box-shadow:0 0 0 3px rgba(92,199,221,.09)!important}
body.sb-corporate.sb-digital :where(label,.field label){color:#bfd1d8!important}
body.sb-corporate.sb-digital :where(.btn,button,a.btn){border-color:var(--st-line-strong)!important;border-radius:10px;background:#123044;color:#dceef4;box-shadow:none}
body.sb-corporate.sb-digital :where(.btn,button,a.btn):hover{background:#174159;color:#fff;border-color:rgba(92,199,221,.42)!important}
body.sb-corporate.sb-digital :where(.btn.primary,.btn.blue,.btn.green,.btn.success){background:linear-gradient(100deg,#2b76d9,#2aa9be)!important;border-color:transparent!important;color:#fff!important}
body.sb-corporate.sb-digital :where(.btn.danger,.btn.red){background:rgba(92,35,46,.64)!important;border-color:rgba(232,132,146,.25)!important;color:#f0b3bc!important}
body.sb-corporate.sb-digital :where(.alert,.notice){background:#0d2533!important;border-color:var(--st-line)!important;color:#c4dbe2!important}
body.sb-corporate.sb-digital :where(.alert.ok,.alert.success,.notice.ok){background:rgba(26,84,68,.48)!important;border-color:rgba(81,209,160,.25)!important;color:#9be2c5!important}
body.sb-corporate.sb-digital :where(.alert.fail,.alert.danger,.notice.err){background:rgba(92,35,46,.55)!important;border-color:rgba(232,132,146,.25)!important;color:#f0b3bc!important}
body.sb-corporate.sb-digital :where(.badge,.chip,.status){background:#123044!important;border-color:var(--st-line)!important;color:#b9d4dc!important}
body.sb-corporate.sb-digital :where(.badge.ok,.badge.online,.status.online,.status.active,.chip.green){background:rgba(26,84,68,.55)!important;color:#8fe0bd!important}
body.sb-corporate.sb-digital :where(.badge.fail,.badge.offline,.status.offline,.status.inactive,.chip.red){background:rgba(92,35,46,.58)!important;color:#efadb6!important}
body.sb-corporate.sb-digital :where(.table-wrap,.table-responsive){border-color:var(--st-line)!important;background:#081722!important}
body.sb-corporate.sb-digital table{background:transparent!important}
body.sb-corporate.sb-digital :where(th,td){border-color:rgba(125,193,216,.10)!important;color:#d8e9ee!important}
body.sb-corporate.sb-digital th{background:#0d2533!important;color:#8daab7!important}
body.sb-corporate.sb-digital tbody tr:hover td{background:rgba(20,50,69,.56)!important}
body.sb-corporate.sb-digital .footer{border-color:var(--st-line)!important;color:var(--st-soft)!important}

/* Monitoring shell */
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .sidebar{background:linear-gradient(180deg,#081724,#07131e)!important;border-color:var(--st-line)!important;box-shadow:10px 0 32px rgba(0,0,0,.14)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .brand-logo-shell{background:#0d2939!important;border-color:var(--st-line)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .brandcopy strong,body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .brandcopy span{color:var(--st-text)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.side-section-label,.nav-group-label){color:var(--st-soft)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .sidebar nav a{color:#9ab3c0!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .sidebar nav a:hover,body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .sidebar nav a.active{background:linear-gradient(90deg,rgba(67,140,240,.16),rgba(92,199,221,.07))!important;color:var(--st-text-strong)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .sidebar nav a.active{box-shadow:inset 2px 0 var(--st-cyan)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .sidebar nav a b{background:rgba(92,199,221,.06)!important;color:var(--st-cyan)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .main{background:transparent!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .topbar{background:rgba(7,18,29,.90)!important;border-color:var(--st-line)!important;box-shadow:0 8px 26px rgba(0,0,0,.12)!important;backdrop-filter:blur(16px)}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.topbar h1,.panel-head h2,.table-tools h2,.section-title){color:var(--st-text-strong)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.topbar p,.panel-head p,.table-tools p,.muted,.tiny,.help){color:var(--st-muted)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.modepill,.clock,.icon-action,.operator-profile,.monitor-logout){background:var(--st-surface)!important;border-color:var(--st-line)!important;color:#b8d1da!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.modepill.live,.modepill.configured){background:rgba(26,84,68,.48)!important;border-color:rgba(81,209,160,.25)!important;color:#8fe0bd!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.card,.panel,.table-card,.form-card,.mini-stat,.info-item,.fieldset,.modal .box,.topo-node,.topo-router-group,.network-map-panel,.map-detail-panel){background:linear-gradient(180deg,rgba(13,31,44,.98),rgba(8,20,29,.98))!important;border-color:var(--st-line)!important;color:var(--st-text)!important;box-shadow:0 10px 28px rgba(0,0,0,.13)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.uplink-fleet-panel,.interface-matrix-panel,.top-util-card,.nas-summary-card,.partner-live-modern,.uplink-fleet-card,.fleet-head,.fleet-summary span,.fleet-traffic>div,.fleet-meter,.interface-matrix-wrap,.segmented,.segmented button.active,.mono-soft,.telemetry-chip){background:linear-gradient(180deg,rgba(13,31,44,.98),rgba(8,20,29,.98))!important;border-color:var(--st-line)!important;color:var(--st-text)!important;box-shadow:0 10px 28px rgba(0,0,0,.13)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.uplink-fleet-card,.fleet-head,.fleet-summary span,.fleet-traffic>div,.fleet-meter,.interface-matrix-wrap,.segmented,.segmented button.active,.mono-soft,.telemetry-chip){box-shadow:none!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.fleet-card-head span,.fleet-role,.fleet-meta,.fleet-summary span,.matrix-stat span,.interface-matrix-tools p,.interface-matrix-table th,.interface-matrix-table td,.mono-soft,.telemetry-chip){color:var(--st-muted)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.fleet-card-head strong,.fleet-meta b,.fleet-summary b,.matrix-stat strong,.interface-matrix-table td strong){color:var(--st-text-strong)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .fleet-traffic>div:first-child strong{color:var(--st-cyan)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .fleet-traffic>div:last-child strong{color:var(--st-purple)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .fleet-meter{background:#132b3a!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .segmented button{color:var(--st-muted)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .segmented button.active{color:var(--st-text-strong)!important;box-shadow:0 2px 8px rgba(0,0,0,.22)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .telemetry-chip.live{background:rgba(26,84,68,.55)!important;color:#8fe0bd!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(input,select,textarea){background:#091a26!important;border-color:var(--st-line)!important;color:var(--st-text)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(input,select,textarea):focus{border-color:var(--st-cyan)!important;box-shadow:0 0 0 3px rgba(92,199,221,.09)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.btn,button,a.btn){border-color:var(--st-line-strong)!important;border-radius:10px;background:#123044;color:#dceef4;box-shadow:none}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.btn,button,a.btn):hover{background:#174159;color:#fff;border-color:rgba(92,199,221,.42)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.btn.primary,.btn.success){background:linear-gradient(100deg,#2b76d9,#2aa9be)!important;border-color:transparent!important;color:#fff!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.chip,.status,.modepill){background:#123044!important;border-color:var(--st-line)!important;color:#b9d4dc!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.chip.green,.status.active,.status.online,.status.running,.modepill.live){background:rgba(26,84,68,.55)!important;color:#8fe0bd!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.chip.red,.status.inactive,.status.offline,.status.down){background:rgba(92,35,46,.58)!important;color:#efadb6!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.notice,.login-simple-notice){background:#0d2533!important;border-color:var(--st-line)!important;color:#c4dbe2!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.notice.ok,.login-simple-notice.ok){background:rgba(26,84,68,.48)!important;border-color:rgba(81,209,160,.25)!important;color:#9be2c5!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.notice.err,.login-simple-notice.err){background:rgba(92,35,46,.55)!important;border-color:rgba(232,132,146,.25)!important;color:#f0b3bc!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.table-wrap,table){background:transparent!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(th,td){border-color:rgba(125,193,216,.10)!important;color:#d8e9ee!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) th{background:#0d2533!important;color:#8daab7!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) tbody tr:hover td{background:rgba(20,50,69,.56)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) footer{border-color:var(--st-line)!important;background:transparent!important;color:var(--st-soft)!important}

/* Keep feature dashboards visually related while preserving their own geometry. */
body:where(.sb-corporate.sb-digital,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.eyebrow,.kicker,.panel-kicker,.monitor-kicker){color:var(--st-cyan)!important}
body:where(.sb-corporate.sb-digital,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.kpi,.corp-kpi,.monitor-kpi,.realtime-overview-item){background:linear-gradient(180deg,#0d2231,#091a26)!important;border-color:var(--st-line)!important;color:var(--st-text)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important}
body:where(.sb-corporate.sb-digital,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.kpi .label,.corp-kpi-copy>span,.monitor-kpi small,.realtime-overview-item span){color:var(--st-muted)!important}
body:where(.sb-corporate.sb-digital,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.kpi .value,.corp-kpi-copy>strong,.monitor-kpi b,.realtime-overview-item strong){color:var(--st-text-strong)!important}

/* Responsive contract shared by all three apps. */
html{overflow-x:hidden}
body:where(.portal-auth,.portal-dashboard,.sb-corporate.sb-digital,.sb-digital-auth,.auth-page,.login-simple-page,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring){max-width:100%;overflow-x:hidden}
body:where(.portal-auth,.portal-dashboard,.sb-corporate.sb-digital,.sb-digital-auth,.auth-page,.login-simple-page,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(img,svg,video,canvas){max-width:100%}
body.sb-corporate.sb-digital *,body.sb-corporate.sb-digital *::before,body.sb-corporate.sb-digital *::after,body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) *,body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) *::before,body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) *::after{box-sizing:border-box}
body:where(.sb-corporate.sb-digital,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(input,select,textarea,button){max-width:100%;min-width:0;font:inherit}
body:where(.sb-corporate.sb-digital,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.toolbar,.toolbar-actions,.actions,.button-row,.router-actions,.hero-actions,.form-actions,[class$="-actions"]){display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
body:where(.sb-corporate.sb-digital,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.table-wrap,.table-responsive,[class*="table-wrap"]){width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
body:where(.sb-corporate.sb-digital,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.table-wrap,.table-responsive,[class*="table-wrap"]) table{width:100%;max-width:none}
body:where(.sb-corporate.sb-digital,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(td,th){overflow-wrap:anywhere}
body.sb-corporate.sb-digital dialog,body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) dialog{max-width:min(760px,calc(100vw - 28px));max-height:calc(100% - 28px);overflow:auto}
@media(max-width:920px){
  body.sb-corporate.sb-digital .sidebar,body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .sidebar{width:min(286px,88vw)!important;transform:translateX(-102%)!important;z-index:80!important}
  body.sb-corporate.sb-digital.mini .sidebar,body.sb-corporate.sb-digital .sidebar.open,body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring).nav-open .sidebar{transform:translateX(0)!important}
  body.sb-corporate.sb-digital .main,body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .main{width:100%!important;margin-left:0!important}
  body.sb-corporate.sb-digital .content{padding:14px!important}
}
@media(max-width:800px){
  body.portal-dashboard .portal-shell{display:block}
  body.portal-dashboard .portal-side{position:fixed;left:0;right:0;top:auto;bottom:0;width:100%;height:auto;z-index:90;padding:6px;border-right:0;border-top:1px solid var(--st-line)}
  body.portal-dashboard .portal-brand,body.portal-dashboard .side-user,body.portal-dashboard .portal-side nav small,body.portal-dashboard .nav-ver{display:none}
  body.portal-dashboard .portal-side nav{display:flex;padding:0;overflow:auto}
  body.portal-dashboard .portal-side nav a{min-width:58px;justify-content:center;margin:0;padding:8px}
  body.portal-dashboard .portal-side nav a span{display:none}
  body.portal-dashboard .portal-side nav a:nth-of-type(n+4){display:none}
  body.portal-dashboard .portal-main{padding-bottom:68px}
  body.portal-dashboard .portal-top{padding:18px;position:static}
  body.portal-dashboard .portal-content{padding:18px}
  body.portal-dashboard .hero{display:block}
  body.portal-dashboard .hero-health{margin-top:18px}
  body.portal-dashboard :where(.kpi-grid,.apps-grid,.quick-grid){grid-template-columns:1fr}
  body.portal-dashboard .portal-footer{display:block;padding:15px 18px}
  body.portal-dashboard .portal-footer span{display:block;margin:3px 0}
}
@media(max-width:720px){
  body.sb-corporate.sb-digital .topbar{height:auto!important;min-height:60px!important}
  body.sb-corporate.sb-digital :where(.grid,.grid2,.grid3,.grid4,.row,.monitor-grid,.dashboard-charts,.form-grid){grid-template-columns:1fr!important}
  body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .top-actions{display:none!important}
  body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .main{padding:0 10px 18px!important}
  body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .topbar{margin-left:-10px!important;margin-right:-10px!important;padding:8px 10px!important}
  body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.kpis,.realtime-overview-strip){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.table-wrap,.table-responsive){overflow-x:auto!important}
}
@media(max-width:460px){
  body.portal-auth .auth-card{padding:26px 20px}
  body.portal-dashboard .portal-top h1{font-size:19px}
  body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.kpis,.realtime-overview-strip){grid-template-columns:1fr!important}
  body.sb-corporate.sb-digital :where(.kpis,.kpi-compact,[class*="-kpis"]){grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){body:where(.portal-auth,.portal-dashboard,.sb-corporate.sb-digital,.sb-digital-auth,.auth-page,.login-simple-page,.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Monitoring final surface normalization — one dark digital contract for legacy feature blocks. */
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) {
  --monitor-surface:#0d1f2c;
  --monitor-surface-deep:#08141d;
  --monitor-surface-soft:#102838;
  --monitor-border:rgba(125,193,216,.16);
  --monitor-text:#d8e9ee;
  --monitor-muted:#8daab7;
}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.card,.panel,.table-card,.form-card,.health-card,.alert-hero,.optical-command-hero,.uplink-command,.network-map-shell,.map-hero,.cloud-map-hero,.digital-signal-panel,.digital-optical-card,.neighbor-scope-card,.neighbor-table-card,.nas-hero,.nas-overview,.modal .box,.setup-success-box,.branding-panel,.branding-preview){
  background:linear-gradient(180deg,rgba(13,31,44,.99),rgba(8,20,29,.99))!important;
  border-color:var(--monitor-border)!important;
  color:var(--monitor-text)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .uplink-command{
  background:radial-gradient(circle at 74% -20%,rgba(92,199,221,.16),transparent 32%),linear-gradient(135deg,#071d31,#0a2d48 58%,#0a3e5d)!important;
}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.brand-logo-shell,.page-title-icon){
  background:#0d2939!important;border-color:var(--monitor-border)!important;color:var(--monitor-text)!important;
}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.table-tools,.fleet-head,.interface-matrix-tools,.corporate-panel-head,.service-topology-head,.service-nas-head,.service-health-strip,.service-nas-actions,.optical-table-panel .panel-head,.map-layer-head,.map-cloud-layer-head){
  background:linear-gradient(180deg,#0e2635,#0b1c29)!important;border-color:var(--monitor-border)!important;color:var(--monitor-text)!important;
}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.uplink-fleet,.nas-mini-list,.util-list,.service-nas-grid,.service-partner-list,.service-unassigned-grid,.map-discovery-grid,.cloud-nas-grid,.cloud-transport-grid,.digital-signal-columns,.optical-port-grid){
  background:transparent!important;
}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.uplink-fleet-card,.nas-mini,.service-nas-card,.service-partner-row,.service-no-partner,.service-unassigned-card,.optical-port-card,.map-node,.topo-node,.topo-router-group,.cloud-core-node,.cloud-nas-node,.cloud-transport-node,.cloud-edge-node,.map-cloud-cluster,.digital-optical-card){
  background:linear-gradient(180deg,#102737,#0b1b28)!important;
  border-color:var(--monitor-border)!important;
  color:var(--monitor-text)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.13)!important;
}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.fleet-summary span,.fleet-traffic>div,.fleet-meter,.interface-matrix-wrap,.segmented,.mono-soft,.telemetry-chip,.nas-mini-metrics,.nas-device-icon,.matrix-stat,.map-legend-health,.map-detail-panel,.map-detail-content,.map-source-list,.neighbor-note,.neighbor-scope-item,.neighbor-filter,.bgp-map-filter-wrap,.bgp-map-filter,.bgp-tag,.maintenance-badge){
  background:#102838!important;border-color:var(--monitor-border)!important;color:var(--monitor-muted)!important;box-shadow:none!important;
}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.fleet-traffic>div,.interface-ip-chip,.interface-ip-more,.optical-live-traffic>div,.optical-detail-metrics,.optical-detail-metrics>div,.optical-sensor-row>div,.optical-transport-row>div,.digital-live-traffic>div,.digital-sensor-row>div,.realtime-overview-item,.corporate-details>div){
  background:#0e2533!important;border-color:var(--monitor-border)!important;color:var(--monitor-text)!important;
}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.service-nas-meta,.service-branch-line,.service-core-trunk,.service-nas-actions,.optical-transport-row,.optical-sensor-row,.digital-sensor-row,.optical-sensor-v154,.optical-port-card>footer,.optical-partner-assignment,.optical-connected-identity,.optical-chart-wrap,.digital-chart-wrap,.meter-track,.scale-track,.map-cloud-legend){
  background:#0b1d29!important;border-color:var(--monitor-border)!important;color:var(--monitor-muted)!important;
}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.service-core-node,.service-core-icon,.service-device-icon,.service-no-partner>span,.optical-port-icon,.optical-context-device,.map-node-icon,.map-detail-symbol,.map-cloud-cluster-icon){
  background:linear-gradient(145deg,#123d55,#10293b)!important;border-color:var(--monitor-border)!important;color:var(--st-cyan)!important;
}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.service-partner-row,.service-no-partner,.service-unassigned-card,.optical-partner-assignment,.optical-connected-identity){
  border-color:var(--monitor-border)!important;
}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.service-topology-head h2,.service-core-node strong,.service-nas-title h3,.service-partner-main strong,.service-no-partner strong,.service-definition-item strong,.fleet-card-head strong,.nas-mini-main strong,.map-node-copy strong,.map-detail-head strong,.optical-port-title strong,.optical-context-copy strong,.digital-signal-head strong,.digital-optical-card strong,.neighbor-scope-item strong,.neighbor-note strong){color:var(--st-text-strong)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.service-topology-head p,.service-core-node small,.service-nas-title p,.service-nas-meta small,.service-nas-meta strong,.service-health-strip,.service-partner-main small,.service-partner-bw small,.service-no-partner small,.service-definition-item p,.fleet-card-head span,.fleet-role,.fleet-meta,.nas-mini-main span,.nas-mini-metrics span,.map-node-copy small,.map-detail-content,.optical-port-title small,.optical-identity-grid span,.optical-detail-metrics span,.optical-detail-metrics small,.optical-context-copy small,.neighbor-scope-item small,.neighbor-note p){color:var(--monitor-muted)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.fleet-summary b,.fleet-meta b,.matrix-stat strong,.interface-matrix-table td strong,.service-nas-meta strong,.service-partner-bw b,.optical-detail-metrics strong,.optical-meter>strong,.digital-live-traffic strong){color:var(--st-text-strong)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.fleet-traffic>div:first-child strong,.rx-metric,.digital-live-traffic>div:first-child strong,.optical-live-traffic>div:first-child strong){color:var(--st-cyan)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.fleet-traffic>div:last-child strong,.tx-metric,.digital-live-traffic>div:last-child strong,.optical-live-traffic>div:last-child strong){color:var(--st-purple)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.fleet-meter,.meter-track){background:#153246!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.interface-matrix-table,.service-matrix,.neighbor-table,.sfp-table,.table-card table,.table-wrap table){background:transparent!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(th){background:#0d2533!important;color:#8daab7!important;border-color:var(--monitor-border)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(td){background:#0b1d29!important;color:var(--monitor-text)!important;border-color:rgba(125,193,216,.10)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) tbody tr:hover td{background:#123044!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.empty,.map-detail-empty,.optical-spark-empty){background:transparent!important;color:var(--monitor-muted)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.empty strong,.map-detail-empty strong){color:var(--st-text)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(input,select,textarea){background:#091a26!important;border-color:var(--monitor-border)!important;color:var(--monitor-text)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(input,select,textarea)::placeholder{color:#6e8a98!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.modal-close,.tab-btn,.segmented button){background:#123044!important;border-color:var(--monitor-border)!important;color:#b9d4dc!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.tab-btn.active,.segmented button.active){background:#1a4760!important;color:#e4f3f6!important;border-color:rgba(92,199,221,.35)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.sfp-state,.status,.chip,.telemetry-chip){background:#123044!important;border-color:var(--monitor-border)!important;color:#b9d4dc!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.sfp-state.good,.sfp-state.healthy,.status.online,.status.running,.status.active,.chip.green,.telemetry-chip.live){background:rgba(26,84,68,.60)!important;border-color:rgba(81,209,160,.28)!important;color:#8fe0bd!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.sfp-state.crit,.sfp-state.critical,.sfp-state.down,.sfp-state.no-module,.status.offline,.status.down,.status.inactive,.chip.red){background:rgba(92,35,46,.64)!important;border-color:rgba(232,132,146,.27)!important;color:#efadb6!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.sfp-state.warn,.sfp-state.warning,.status.warning,.chip.amber,.maintenance-badge,.amber-soft){background:rgba(225,170,114,.16)!important;border-color:rgba(225,170,114,.28)!important;color:#e9be8d!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.notice,.login-simple-notice,.alert-message-preview){background:#0d2533!important;border-color:var(--monitor-border)!important;color:#c4dbe2!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.notice.ok,.login-simple-notice.ok){background:rgba(26,84,68,.50)!important;border-color:rgba(81,209,160,.28)!important;color:#9be2c5!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.notice.err,.login-simple-notice.err){background:rgba(92,35,46,.58)!important;border-color:rgba(232,132,146,.27)!important;color:#f0b3bc!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.cloud-fabric-stage .map-node.status-online,.cloud-fabric-stage .cloud-transport-node.health-healthy){background:linear-gradient(180deg,#10382f,#0b2824)!important;border-color:rgba(81,209,160,.30)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.cloud-fabric-stage .map-node.status-offline,.cloud-fabric-stage .cloud-transport-node.health-down){background:linear-gradient(180deg,#3a2029,#281821)!important;border-color:rgba(232,132,146,.30)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.cloud-fabric-stage .cloud-transport-node.health-warning){background:linear-gradient(180deg,#3a2d22,#281f19)!important;border-color:rgba(225,170,114,.30)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.cloud-map-legend,.map-legend-health){background:#0d2533!important;border-color:var(--monitor-border)!important;color:var(--monitor-muted)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.service-definition-item,.optical-detail-panel-v154,.optical-neighbor-block,.optical-connected-identity,.form-actions){border-color:var(--monitor-border)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) :where(.service-definition-item.logical>span,.service-definition-item.physical>span){background:#123044!important;border-color:var(--monitor-border)!important;color:var(--st-cyan)!important}
body:where(.smartbilling-aligned-monitoring,.smartbilling-dark-monitoring) .footer-brand{color:var(--monitor-muted)!important}

/* SMARTTECH_PORTAL_V1_0_26_COMMAND_CENTER_REFINEMENT */
body.portal-dashboard{--portal-side:256px;--portal-cyan:#5cc7dd;--portal-blue:#438cf0;--portal-green:#51d1a0;--portal-amber:#eeb85d;--portal-red:#e77987;--portal-line:rgba(104,183,213,.16);--portal-line-strong:rgba(104,183,213,.24);--portal-panel:#0b1d2a;--portal-panel-2:#0d2433;background:radial-gradient(circle at 72% -8%,rgba(67,140,240,.10),transparent 30rem),linear-gradient(135deg,#06111b,#071823 56%,#06111b)!important}
body.portal-dashboard .portal-shell{grid-template-columns:var(--portal-side) minmax(0,1fr)!important}
body.portal-dashboard .portal-side{width:var(--portal-side)!important;padding:18px 14px 14px!important;background:linear-gradient(180deg,#071724 0%,#06131e 100%)!important;border-right:1px solid var(--portal-line)!important;box-shadow:12px 0 34px rgba(0,0,0,.16)!important}
body.portal-dashboard .portal-brand{min-height:68px;padding:8px 8px 15px!important;gap:11px!important;border-bottom:1px solid var(--portal-line)!important}
body.portal-dashboard .portal-brand img{width:42px!important;height:42px!important;border-radius:12px!important;padding:3px!important;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(92,199,221,.06))!important;border:1px solid rgba(92,199,221,.18)!important}
body.portal-dashboard .portal-brand b{display:block!important;max-width:160px!important;font-size:10px!important;line-height:1.15!important;letter-spacing:.045em!important;color:#eef7fb!important}
body.portal-dashboard .portal-brand span{font-size:7px!important;line-height:1.25!important;letter-spacing:.12em!important;color:#7697a8!important}
body.portal-dashboard .portal-side nav{padding:12px 0!important}
body.portal-dashboard .portal-side nav small{padding:12px 8px 5px!important;font-size:8px!important;letter-spacing:.14em!important;color:#607f91!important}
body.portal-dashboard .portal-side nav a{min-height:39px!important;margin:3px 0!important;padding:7px 8px!important;border:1px solid transparent!important;border-radius:11px!important;color:#9fb8c5!important;font-size:10px!important;font-weight:700!important;transition:.16s ease!important}
body.portal-dashboard .portal-side nav a:hover{border-color:rgba(92,199,221,.16)!important;background:rgba(92,199,221,.055)!important;color:#edf8fb!important}
body.portal-dashboard .portal-side nav a.active{border-color:rgba(92,199,221,.24)!important;background:linear-gradient(90deg,rgba(46,121,170,.24),rgba(18,62,88,.36))!important;color:#f4fbfd!important;box-shadow:inset 3px 0 #5cc7dd!important}
body.portal-dashboard .portal-side nav i{width:27px!important;height:27px!important;flex:0 0 27px!important;border:1px solid rgba(92,199,221,.16)!important;border-radius:9px!important;background:#0a2535!important;color:#74d2e5!important;font-size:11px!important}
body.portal-dashboard .portal-side nav a.active i{background:#0e3144!important;border-color:rgba(92,199,221,.28)!important;color:#b5eff7!important}
body.portal-dashboard .nav-ver{font-size:7px!important;color:#6d8fa1!important;letter-spacing:.03em!important}
body.portal-dashboard .portal-control-state{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:38px!important;margin:0 2px 10px!important;padding:8px 9px!important;border:1px solid rgba(92,199,221,.15)!important;border-radius:11px!important;background:linear-gradient(180deg,rgba(12,39,53,.86),rgba(8,27,39,.86))!important}
body.portal-dashboard .portal-control-state span{display:flex!important;align-items:center!important;gap:7px!important;color:#8eacba!important;font-size:8px!important}
body.portal-dashboard .portal-control-state span i{width:7px!important;height:7px!important;border-radius:50%!important;background:var(--portal-green)!important;box-shadow:0 0 10px rgba(81,209,160,.5)!important}
body.portal-dashboard .portal-control-state b{font-size:7px!important;letter-spacing:.06em!important;color:#7ce3b8!important}
body.portal-dashboard .side-user{padding:12px 7px 1px!important;border-top:1px solid var(--portal-line)!important}
body.portal-dashboard .side-user>span{width:32px!important;height:32px!important;border-radius:10px!important;font-size:11px!important;background:linear-gradient(135deg,#3b8df3,#2464c3)!important}
body.portal-dashboard .side-user b{font-size:10px!important}.portal-dashboard .side-user small{font-size:8px!important}

body.portal-dashboard .portal-top{min-height:72px!important;height:72px!important;padding:0 24px!important;background:rgba(6,19,29,.92)!important;border-bottom:1px solid var(--portal-line)!important;box-shadow:0 8px 30px rgba(0,0,0,.12)!important}
body.portal-dashboard .top-title{min-width:0!important}
body.portal-dashboard .top-title .kicker{font-size:7px!important;letter-spacing:.14em!important;margin-bottom:2px!important}
body.portal-dashboard .portal-top h1{font-size:18px!important;line-height:1.1!important;margin:1px 0 2px!important;letter-spacing:-.02em!important}
body.portal-dashboard .portal-top p{font-size:9px!important;line-height:1.25!important;color:#738f9e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:720px!important}
body.portal-dashboard .top-actions{gap:8px!important}
body.portal-dashboard .tenant-pill,body.portal-dashboard .ghost-btn{min-height:36px!important;padding:0 11px!important;border-radius:10px!important;background:#0a2130!important;border:1px solid rgba(92,199,221,.18)!important;color:#b9d0d9!important;font-size:8px!important}
body.portal-dashboard .ghost-btn:hover{border-color:rgba(92,199,221,.36)!important;color:#effbfe!important}
body.portal-dashboard .tenant-pill i{width:7px!important;height:7px!important}

body.portal-dashboard .portal-content{padding:20px 24px 28px!important;max-width:1500px!important}
body.portal-dashboard .hero{min-height:142px!important;padding:22px 24px!important;align-items:center!important;border-radius:17px!important;border:1px solid rgba(92,199,221,.24)!important;background:radial-gradient(circle at 87% 14%,rgba(92,199,221,.12),transparent 26%),radial-gradient(circle at 67% 86%,rgba(67,140,240,.08),transparent 34%),linear-gradient(135deg,#0e2737,#0a1b28 62%,#0a202c)!important;box-shadow:0 18px 46px rgba(0,0,0,.18)!important;overflow:hidden!important;position:relative!important}
body.portal-dashboard .hero:after{content:""!important;position:absolute!important;right:-52px!important;top:-92px!important;width:250px!important;height:250px!important;border:1px solid rgba(92,199,221,.10)!important;border-radius:50%!important;box-shadow:0 0 0 44px rgba(92,199,221,.022),0 0 0 88px rgba(67,140,240,.016)!important;pointer-events:none!important}
body.portal-dashboard .hero-copy{position:relative!important;z-index:1!important;min-width:0!important}
body.portal-dashboard .hero h2{max-width:760px!important;margin:7px 0 6px!important;font-size:27px!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#f3fafc!important}
body.portal-dashboard .hero p{max-width:760px!important;font-size:10px!important;line-height:1.55!important;color:#8ea7b4!important}
body.portal-dashboard .hero-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:14px!important}
body.portal-dashboard .hero-tags span{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:0 9px!important;border:1px solid rgba(92,199,221,.14)!important;border-radius:999px!important;background:rgba(8,30,43,.72)!important;color:#9eb9c5!important;font-size:7px!important;font-weight:800!important;letter-spacing:.03em!important}
body.portal-dashboard .hero-health{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(3,minmax(82px,1fr))!important;gap:7px!important;flex:0 0 auto!important}
body.portal-dashboard .hero-health div{min-width:84px!important;min-height:54px!important;padding:9px 10px!important;border-radius:11px!important;background:rgba(5,24,34,.78)!important;border:1px solid rgba(92,199,221,.16)!important;box-shadow:none!important}
body.portal-dashboard .hero-health span{font-size:7px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#698797!important}
body.portal-dashboard .hero-health b{margin-top:4px!important;display:block!important;font-size:9px!important;letter-spacing:.03em!important;color:#72dfb4!important}

body.portal-dashboard .kpi-grid{gap:10px!important;margin:12px 0 20px!important}
body.portal-dashboard .kpi-grid article{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:86px!important;padding:14px 15px!important;border-radius:14px!important;background:linear-gradient(145deg,#0d2230,#091822)!important;border:1px solid var(--portal-line)!important;overflow:hidden!important;box-shadow:0 10px 26px rgba(0,0,0,.11)!important}
body.portal-dashboard .kpi-grid article:after{content:""!important;position:absolute!important;right:-24px!important;top:-34px!important;width:88px!important;height:88px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.04)!important;pointer-events:none!important}
body.portal-dashboard .kpi-grid .kpi-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;border:1px solid rgba(92,199,221,.16)!important;background:rgba(92,199,221,.07)!important;color:#80d8e8!important;font-size:11px!important;font-weight:900!important;font-style:normal!important}
body.portal-dashboard .kpi-grid article>div{min-width:0!important}
body.portal-dashboard .kpi-grid span{font-size:7px!important;font-weight:900!important;letter-spacing:.11em!important;color:#6f8d9d!important}
body.portal-dashboard .kpi-grid b{font-size:22px!important;line-height:1!important;margin:5px 0 4px!important;color:#f5fbfd!important}
body.portal-dashboard .kpi-grid b.money{font-size:17px!important;white-space:nowrap!important}
body.portal-dashboard .kpi-grid small{font-size:8px!important;color:#718d9c!important}
body.portal-dashboard .kpi-customers{border-top-color:rgba(67,140,240,.40)!important}.portal-dashboard .kpi-customers .kpi-icon{color:#80b5ff!important;border-color:rgba(67,140,240,.24)!important;background:rgba(67,140,240,.08)!important}
body.portal-dashboard .kpi-network{border-top-color:rgba(92,199,221,.42)!important}.portal-dashboard .kpi-network .kpi-icon{color:#81ddeb!important}
body.portal-dashboard .kpi-invoices{border-top-color:rgba(238,184,93,.42)!important}.portal-dashboard .kpi-invoices .kpi-icon{color:#f3c878!important;border-color:rgba(238,184,93,.22)!important;background:rgba(238,184,93,.07)!important}
body.portal-dashboard .kpi-revenue{border-top-color:rgba(81,209,160,.42)!important}.portal-dashboard .kpi-revenue .kpi-icon{color:#7de0b9!important;border-color:rgba(81,209,160,.22)!important;background:rgba(81,209,160,.07)!important}

body.portal-dashboard .section-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin:0 1px 9px!important}
body.portal-dashboard .section-heading h3{margin:2px 0 0!important;font-size:14px!important;letter-spacing:-.01em!important;color:#eaf5f8!important}
body.portal-dashboard .section-heading .kicker{font-size:7px!important}
body.portal-dashboard .section-heading>small{font-size:8px!important;color:#698595!important;text-align:right!important}
body.portal-dashboard .apps-grid{gap:12px!important}
body.portal-dashboard .app-card{min-height:205px!important;padding:18px!important;border-radius:16px!important;border:1px solid rgba(92,199,221,.20)!important;background:linear-gradient(145deg,#0d2433,#091821)!important;box-shadow:0 14px 36px rgba(0,0,0,.14)!important}
body.portal-dashboard .billing-card{border-top-color:rgba(67,140,240,.50)!important}
body.portal-dashboard .monitor-card{border-top-color:rgba(81,209,160,.46)!important}
body.portal-dashboard .app-card:before{width:180px!important;height:180px!important;right:-72px!important;top:-90px!important}
body.portal-dashboard .app-symbol{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:12px!important;font-size:16px!important;box-shadow:0 9px 22px rgba(67,140,240,.20)!important}
body.portal-dashboard .monitor-card .app-symbol{box-shadow:0 9px 22px rgba(81,209,160,.14)!important}
body.portal-dashboard .app-head>div:nth-child(2){min-width:0!important}
body.portal-dashboard .app-head span{font-size:7px!important;letter-spacing:.10em!important;color:#698c9e!important}
body.portal-dashboard .app-head h3{font-size:18px!important;margin:3px 0 2px!important;letter-spacing:-.02em!important}
body.portal-dashboard .app-head p{font-size:8px!important;line-height:1.4!important;color:#7694a4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:470px!important}
body.portal-dashboard .app-head .version{padding:5px 7px!important;border-radius:8px!important;background:#0b2534!important;border:1px solid rgba(92,199,221,.16)!important;color:#7799a9!important;font-size:7px!important}
body.portal-dashboard .app-metrics{gap:7px!important;margin:16px 0!important}
body.portal-dashboard .app-metrics div{min-height:48px!important;padding:9px 10px!important;border-radius:10px!important;background:#081b27!important;border:1px solid rgba(92,199,221,.12)!important}
body.portal-dashboard .app-metrics span{font-size:7px!important;color:#698695!important}
body.portal-dashboard .app-metrics b{margin-top:3px!important;font-size:14px!important;color:#eef8fb!important}
body.portal-dashboard .app-actions{gap:7px!important}
body.portal-dashboard .app-actions a{min-height:32px!important;padding:0 10px!important;border-radius:9px!important;border:1px solid rgba(92,199,221,.17)!important;color:#a4c1cd!important;font-size:8px!important}
body.portal-dashboard .app-actions a:hover{border-color:rgba(92,199,221,.36)!important;color:#f1fbfd!important}
body.portal-dashboard .app-actions a.primary{box-shadow:0 7px 20px rgba(67,140,240,.18)!important}
body.portal-dashboard .monitor-card .app-actions a.primary{box-shadow:0 7px 20px rgba(81,209,160,.13)!important}

body.portal-dashboard .quick-heading{margin-top:18px!important}
body.portal-dashboard .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:0!important}
body.portal-dashboard .quick-grid a{display:flex!important;align-items:center!important;gap:10px!important;min-height:62px!important;padding:11px 12px!important;border-radius:12px!important;border:1px solid rgba(92,199,221,.13)!important;background:linear-gradient(145deg,#0b1f2c,#081721)!important;box-shadow:none!important;transition:.16s ease!important}
body.portal-dashboard .quick-grid a:hover{border-color:rgba(92,199,221,.32)!important;background:linear-gradient(145deg,#0d2736,#091b27)!important;transform:translateY(-1px)!important}
body.portal-dashboard .quick-grid a>i{width:31px!important;height:31px!important;flex:0 0 31px!important;display:grid!important;place-items:center!important;border:1px solid rgba(92,199,221,.16)!important;border-radius:9px!important;background:#0b2a3b!important;color:#75d3e6!important;font-size:12px!important;font-style:normal!important}
body.portal-dashboard .quick-grid a>div{min-width:0!important;flex:1!important}
body.portal-dashboard .quick-grid b{font-size:9px!important;color:#e9f5f8!important;line-height:1.2!important}
body.portal-dashboard .quick-grid span{display:block!important;margin-top:3px!important;font-size:7px!important;line-height:1.3!important;color:#6f8d9c!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.portal-dashboard .quick-grid em{font-size:12px!important;font-style:normal!important;color:#52798c!important;transition:.16s ease!important}
body.portal-dashboard .quick-grid a:hover em{color:#7dd7e8!important;transform:translateX(2px)!important}
body.portal-dashboard .portal-footer{min-height:42px!important;padding:12px 24px!important;border-top:1px solid var(--portal-line)!important;color:#5f7f8f!important;font-size:7px!important}

@media(max-width:1180px){body.portal-dashboard{--portal-side:220px}body.portal-dashboard .portal-brand b{max-width:125px!important;font-size:9px!important}body.portal-dashboard .portal-brand span{font-size:6px!important}body.portal-dashboard .hero{align-items:flex-start!important}body.portal-dashboard .hero-health{grid-template-columns:1fr!important;min-width:94px!important}.portal-dashboard .hero-health div{min-height:42px!important}.portal-dashboard .section-heading>small{display:none!important}}
@media(max-width:1050px){body.portal-dashboard .portal-shell{grid-template-columns:76px 1fr!important}body.portal-dashboard .portal-side{width:76px!important;padding:14px 9px!important}body.portal-dashboard .portal-brand div,body.portal-dashboard .portal-side nav span,body.portal-dashboard .portal-side nav small,body.portal-dashboard .nav-ver,body.portal-dashboard .side-user div,body.portal-dashboard .portal-control-state{display:none!important}body.portal-dashboard .portal-brand{justify-content:center!important;padding:5px 0 13px!important}body.portal-dashboard .portal-side nav a{justify-content:center!important;padding:7px!important}body.portal-dashboard .side-user{justify-content:center!important}.portal-dashboard .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.portal-dashboard .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){body.portal-dashboard .portal-side{width:100%!important}body.portal-dashboard .portal-top{height:auto!important;min-height:64px!important;padding:10px 15px!important}body.portal-dashboard .top-title .kicker,body.portal-dashboard .portal-top p,body.portal-dashboard .tenant-pill{display:none!important}body.portal-dashboard .portal-content{padding:14px!important}.portal-dashboard .hero{display:block!important;min-height:0!important;padding:18px!important}.portal-dashboard .hero h2{font-size:23px!important}.portal-dashboard .hero-tags{display:none!important}.portal-dashboard .hero-health{grid-template-columns:repeat(3,1fr)!important;margin-top:14px!important}.portal-dashboard .kpi-grid,.portal-dashboard .apps-grid,.portal-dashboard .quick-grid{grid-template-columns:1fr!important}.portal-dashboard .section-heading{margin-top:14px!important}.portal-dashboard .app-head p{white-space:normal!important}.portal-dashboard .portal-footer{padding:12px 15px!important}}
@media(max-width:480px){body.portal-dashboard .hero-health{grid-template-columns:1fr 1fr 1fr!important}.portal-dashboard .hero-health div{min-width:0!important;padding:8px!important}.portal-dashboard .kpi-grid{grid-template-columns:1fr!important}.portal-dashboard .app-card{padding:15px!important}.portal-dashboard .app-head{align-items:flex-start!important}.portal-dashboard .app-head .version{display:none!important}}

/* SMARTTECH_PORTAL_V1_0_27_EXECUTIVE_BRONZE_COMMAND_CENTER
 * Visual target: premium navy/graphite command center with restrained bronze
 * highlights. Scoped to Portal Overview only; Billing/Monitoring feature logic
 * and their presentation layers are untouched.
 */
body.portal-dashboard{
  --portal-side:256px;
  --portal-bronze:#b99163;
  --portal-bronze-2:#d1ae82;
  --portal-bronze-soft:rgba(185,145,99,.16);
  --portal-bronze-line:rgba(203,166,122,.28);
  --portal-ink:#111827;
  --portal-ink-2:#151d2e;
  --portal-ink-3:#1b2436;
  --portal-panel:#192235;
  --portal-panel-soft:#202a3c;
  --portal-line:rgba(163,177,204,.13);
  --portal-line-strong:rgba(192,164,132,.25);
  background:
    radial-gradient(circle at 89% 18%,rgba(190,145,92,.14),transparent 25rem),
    radial-gradient(circle at 58% 80%,rgba(82,95,139,.08),transparent 38rem),
    linear-gradient(140deg,#101624 0%,#131a2a 52%,#101726 100%)!important;
}
body.portal-dashboard::before{
  background-image:
    linear-gradient(rgba(189,166,139,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(189,166,139,.014) 1px,transparent 1px)!important;
  background-size:56px 56px!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.34),transparent 72%)!important;
}
body.portal-dashboard .portal-side{
  background:
    radial-gradient(circle at 15% 11%,rgba(177,139,95,.06),transparent 13rem),
    linear-gradient(180deg,#141b2b 0%,#111827 100%)!important;
  border-right:1px solid rgba(186,166,143,.16)!important;
  box-shadow:16px 0 44px rgba(3,7,18,.22)!important;
}
body.portal-dashboard .portal-brand{border-color:rgba(192,165,134,.15)!important}
body.portal-dashboard .portal-brand img{
  border-color:rgba(202,164,121,.24)!important;
  background:linear-gradient(145deg,rgba(205,170,130,.09),rgba(255,255,255,.018))!important;
  box-shadow:0 9px 26px rgba(0,0,0,.18)!important;
}
body.portal-dashboard .portal-brand b{color:#f4f0ea!important;letter-spacing:.035em!important}
body.portal-dashboard .portal-brand span{color:#8f8f98!important}
body.portal-dashboard .portal-side nav small{color:#737a8d!important}
body.portal-dashboard .portal-side nav a{color:#adb1bd!important}
body.portal-dashboard .portal-side nav a:hover{
  border-color:rgba(199,167,130,.17)!important;
  background:linear-gradient(90deg,rgba(185,145,99,.08),rgba(115,126,153,.055))!important;
  color:#f5f2ed!important;
}
body.portal-dashboard .portal-side nav a.active{
  border-color:rgba(208,175,137,.24)!important;
  background:linear-gradient(90deg,rgba(185,145,99,.28),rgba(102,108,127,.28))!important;
  box-shadow:inset 3px 0 var(--portal-bronze-2),0 9px 24px rgba(0,0,0,.12)!important;
  color:#fffaf3!important;
}
body.portal-dashboard .portal-side nav i{
  border-color:rgba(187,170,151,.17)!important;
  background:rgba(122,126,143,.12)!important;
  color:#babac1!important;
}
body.portal-dashboard .portal-side nav a.active i{
  background:linear-gradient(145deg,rgba(191,151,105,.42),rgba(143,127,111,.26))!important;
  border-color:rgba(218,182,141,.30)!important;
  color:#fff5e8!important;
}
body.portal-dashboard .nav-ver{color:#8b8d98!important}
body.portal-dashboard .portal-control-state{
  background:linear-gradient(180deg,rgba(55,64,82,.78),rgba(33,42,58,.78))!important;
  border-color:rgba(183,167,149,.18)!important;
}
body.portal-dashboard .portal-control-state span{color:#b3b5bd!important}
body.portal-dashboard .portal-control-state b{color:#85dfb6!important}
body.portal-dashboard .side-user{border-color:rgba(190,168,143,.14)!important}
body.portal-dashboard .side-user>span{
  background:linear-gradient(145deg,#b68e61,#7c6c5d)!important;
  color:#fff9ef!important;
  box-shadow:0 8px 22px rgba(173,130,82,.16)!important;
}
body.portal-dashboard .side-user small{color:#888c99!important}

body.portal-dashboard .portal-top{
  background:linear-gradient(90deg,rgba(17,24,39,.95),rgba(21,29,46,.95))!important;
  border-color:rgba(186,165,141,.14)!important;
  box-shadow:0 8px 28px rgba(3,7,18,.17)!important;
}
body.portal-dashboard .top-title .kicker,
body.portal-dashboard .hero .kicker,
body.portal-dashboard .section-heading .kicker{color:#8ea6cf!important}
body.portal-dashboard .portal-top h1{color:#fffaf5!important}
body.portal-dashboard .portal-top p{color:#8f95a3!important}
body.portal-dashboard .tenant-pill,
body.portal-dashboard .ghost-btn{
  background:linear-gradient(180deg,rgba(65,67,75,.72),rgba(38,45,59,.80))!important;
  border-color:rgba(207,176,139,.24)!important;
  color:#e8e1d8!important;
}
body.portal-dashboard .ghost-btn{
  background:linear-gradient(145deg,#b48c61,#8e765f)!important;
  border-color:rgba(229,200,165,.30)!important;
  color:#fff9f0!important;
  box-shadow:0 8px 20px rgba(166,121,72,.16)!important;
}
body.portal-dashboard .ghost-btn:hover{filter:brightness(1.07)!important;border-color:rgba(239,210,174,.42)!important}

body.portal-dashboard .portal-content{max-width:1510px!important;padding-top:20px!important}
body.portal-dashboard .hero{
  min-height:166px!important;
  padding:25px 26px!important;
  border-color:rgba(197,169,137,.25)!important;
  background:
    radial-gradient(circle at 95% 46%,rgba(198,155,105,.26) 0 0,rgba(198,155,105,.19) 0 92px,transparent 93px),
    radial-gradient(circle at 83% 25%,rgba(191,150,103,.10),transparent 18rem),
    linear-gradient(130deg,#182135 0%,#171f31 58%,#202638 100%)!important;
  box-shadow:0 18px 48px rgba(3,7,18,.24),inset 0 1px rgba(255,255,255,.025)!important;
}
body.portal-dashboard .hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(100deg,transparent 58%,rgba(210,173,130,.035) 78%,rgba(210,173,130,.075) 100%)!important;
}
body.portal-dashboard .hero:after{
  right:-82px!important;top:-118px!important;width:318px!important;height:318px!important;
  border-color:rgba(220,186,146,.10)!important;
  box-shadow:0 0 0 42px rgba(196,156,109,.018),0 0 0 84px rgba(196,156,109,.010)!important;
}
body.portal-dashboard .hero h2{max-width:880px!important;font-size:29px!important;color:#fffaf6!important}
body.portal-dashboard .hero p{color:#9ba0ad!important;max-width:870px!important}
body.portal-dashboard .hero-tags span{
  border-color:rgba(207,176,140,.16)!important;
  background:linear-gradient(180deg,rgba(79,76,75,.64),rgba(49,53,66,.72))!important;
  color:#ddd6cd!important;
}
body.portal-dashboard .hero-tags span:first-child{
  background:linear-gradient(145deg,#b78e61,#88715c)!important;
  border-color:rgba(229,198,160,.32)!important;
  color:#fff8ef!important;
}
body.portal-dashboard .hero-health div{
  background:linear-gradient(155deg,rgba(77,79,86,.64),rgba(44,51,67,.78))!important;
  border-color:rgba(206,178,145,.20)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
body.portal-dashboard .hero-health span{color:#9c9da4!important}
body.portal-dashboard .hero-health b{color:#7fe1b2!important}

body.portal-dashboard .kpi-grid{gap:11px!important;margin:13px 0 23px!important}
body.portal-dashboard .kpi-grid article{
  min-height:91px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(190,145,95,.16) 0 0,rgba(190,145,95,.12) 0 48px,transparent 49px),
    linear-gradient(145deg,#20283a,#1a2234)!important;
  border-color:rgba(176,168,159,.16)!important;
  border-top-color:rgba(199,164,124,.25)!important;
  box-shadow:0 12px 28px rgba(4,8,17,.16),inset 0 1px rgba(255,255,255,.018)!important;
}
body.portal-dashboard .kpi-grid article:after{display:none!important}
body.portal-dashboard .kpi-grid .kpi-icon{
  border-color:rgba(206,176,141,.18)!important;
  background:linear-gradient(145deg,rgba(195,157,114,.30),rgba(115,112,112,.22))!important;
  color:#f2e3d2!important;
}
body.portal-dashboard .kpi-grid span{color:#9194a0!important}
body.portal-dashboard .kpi-grid small{color:#858997!important}
body.portal-dashboard .kpi-grid b{color:#fffdf8!important}
body.portal-dashboard .kpi-customers,
body.portal-dashboard .kpi-network,
body.portal-dashboard .kpi-invoices,
body.portal-dashboard .kpi-revenue{border-top-color:rgba(199,164,124,.25)!important}
body.portal-dashboard :is(.kpi-customers,.kpi-network,.kpi-invoices,.kpi-revenue) .kpi-icon{
  color:#f0e1cf!important;border-color:rgba(206,176,141,.18)!important;background:linear-gradient(145deg,rgba(195,157,114,.30),rgba(115,112,112,.22))!important
}

body.portal-dashboard .section-heading h3{color:#f7f3ed!important}
body.portal-dashboard .section-heading>small{color:#818594!important}
body.portal-dashboard .apps-grid{gap:12px!important}
body.portal-dashboard .app-card{
  min-height:214px!important;
  border-color:rgba(200,169,132,.28)!important;
  background:
    linear-gradient(180deg,rgba(33,41,58,.86),rgba(28,35,51,.98)),
    #1b2334!important;
  box-shadow:0 14px 38px rgba(3,7,18,.20),inset 0 1px rgba(255,255,255,.02)!important;
}
body.portal-dashboard .app-card:before{
  width:330px!important;height:150px!important;right:-18px!important;top:-18px!important;border-radius:0!important;
  background:
    linear-gradient(150deg,transparent 0 23%,rgba(203,167,125,.09) 24% 25%,transparent 26% 42%,rgba(203,167,125,.055) 43% 44%,transparent 45%),
    repeating-linear-gradient(90deg,transparent 0 24px,rgba(198,166,128,.035) 25px 26px),
    linear-gradient(135deg,rgba(192,152,107,.10),transparent 60%)!important;
  opacity:.9!important;
  transform:skewX(-8deg)!important;
}
body.portal-dashboard .app-card:after{
  content:""!important;position:absolute!important;right:24px!important;top:16px!important;width:145px!important;height:62px!important;
  border:1px solid rgba(215,181,140,.12)!important;border-radius:8px!important;
  background:
    linear-gradient(90deg,rgba(218,181,137,.055),transparent),
    repeating-linear-gradient(180deg,rgba(222,190,151,.09) 0 1px,transparent 1px 12px)!important;
  transform:perspective(180px) rotateY(-14deg) rotateX(3deg)!important;
  opacity:.55!important;pointer-events:none!important;
}
body.portal-dashboard .billing-card,
body.portal-dashboard .monitor-card{border-top-color:rgba(220,183,139,.42)!important}
body.portal-dashboard .app-symbol,
body.portal-dashboard .monitor-card .app-symbol{
  background:linear-gradient(145deg,#b58c60,#867161)!important;
  border:1px solid rgba(234,204,168,.23)!important;
  color:#fffaf2!important;
  box-shadow:0 8px 22px rgba(168,123,76,.15)!important;
}
body.portal-dashboard .app-head{z-index:2!important}
body.portal-dashboard .app-head span{color:#8f9098!important}
body.portal-dashboard .app-head h3{color:#fffaf5!important}
body.portal-dashboard .app-head p{color:#9296a2!important}
body.portal-dashboard .app-head .version{
  background:rgba(60,62,72,.70)!important;
  border-color:rgba(202,174,141,.17)!important;
  color:#aeadb2!important;
}
body.portal-dashboard .app-metrics{position:relative!important;z-index:2!important}
body.portal-dashboard .app-metrics div{
  background:linear-gradient(145deg,rgba(68,72,84,.78),rgba(49,56,73,.82))!important;
  border-color:rgba(201,176,148,.13)!important;
}
body.portal-dashboard .app-metrics span{color:#999aa1!important}
body.portal-dashboard .app-metrics b{color:#fffaf4!important}
body.portal-dashboard .app-actions{position:relative!important;z-index:2!important}
body.portal-dashboard .app-actions a{
  background:rgba(41,48,64,.64)!important;
  border-color:rgba(202,175,143,.18)!important;
  color:#d5d1cb!important;
}
body.portal-dashboard .app-actions a:hover{background:rgba(70,68,70,.74)!important;border-color:rgba(219,185,146,.30)!important;color:#fffaf3!important}
body.portal-dashboard .app-actions a.primary,
body.portal-dashboard .monitor-card .app-actions a.primary{
  background:linear-gradient(145deg,#b88f62,#8d755e)!important;
  border-color:rgba(234,203,166,.28)!important;
  color:#fff9f0!important;
  box-shadow:0 8px 20px rgba(165,119,70,.14)!important;
}

body.portal-dashboard .quick-grid a{
  min-height:61px!important;
  border-color:rgba(183,170,156,.14)!important;
  background:linear-gradient(145deg,#20283a,#1a2234)!important;
  box-shadow:0 8px 20px rgba(3,7,18,.10)!important;
}
body.portal-dashboard .quick-grid a:hover{
  border-color:rgba(212,177,136,.28)!important;
  background:linear-gradient(145deg,#292f3e,#20283a)!important;
}
body.portal-dashboard .quick-grid a>i{
  background:linear-gradient(145deg,rgba(188,151,108,.26),rgba(91,92,103,.24))!important;
  border-color:rgba(209,178,143,.18)!important;
  color:#f0e2d1!important;
}
body.portal-dashboard .quick-grid b{color:#f5f1eb!important}
body.portal-dashboard .quick-grid span{color:#8b8e99!important}
body.portal-dashboard .quick-grid em{color:#98918b!important}
body.portal-dashboard .quick-grid a:hover em{color:#d8b489!important}
body.portal-dashboard .portal-footer{border-color:rgba(180,164,146,.13)!important;color:#777c8b!important}

@media(max-width:1180px){
  body.portal-dashboard .hero{background:radial-gradient(circle at 108% 38%,rgba(198,155,105,.22) 0 0,rgba(198,155,105,.12) 0 76px,transparent 77px),linear-gradient(130deg,#182135,#171f31 66%,#202638)!important}
  body.portal-dashboard .app-card:after{opacity:.30!important}
}
@media(max-width:800px){
  body.portal-dashboard .portal-side{background:#121a2a!important}
  body.portal-dashboard .hero{background:linear-gradient(145deg,#1a2336,#171f31)!important}
  body.portal-dashboard .hero:after,body.portal-dashboard .hero:before{display:none!important}
  body.portal-dashboard .app-card:before,body.portal-dashboard .app-card:after{opacity:.24!important}
}

/* Smarttech Portal v1.0.28 — Canva quick-access icon */
body.portal-dashboard .portal-side nav a.canva-link .canva-nav-icon{
  padding:0!important;overflow:hidden!important;border-color:rgba(78,199,226,.24)!important;
  background:rgba(20,29,46,.72)!important;box-shadow:0 6px 18px rgba(33,146,198,.08)!important;
}
body.portal-dashboard .portal-side nav a.canva-link .canva-nav-icon img{
  width:18px!important;height:18px!important;display:block!important;border-radius:6px!important;
}
body.portal-dashboard .portal-side nav a.canva-link:hover .canva-nav-icon{
  border-color:rgba(88,205,229,.44)!important;box-shadow:0 8px 22px rgba(54,154,217,.14)!important;
}

/* SMARTTECH_PORTAL_V1_0_29_AUTO_MOBILE
 * Automatic phone/tablet presentation for Portal Overview.
 * Desktop Executive Bronze remains unchanged. Mobile mode is CSS-driven,
 * touch-friendly and safe-area aware; no business/session logic is changed.
 */
body.portal-dashboard .portal-mobile-dock{display:none}

@media (max-width: 960px){
  html{overflow-x:hidden}
  body.portal-dashboard{
    min-width:0!important;
    overflow-x:hidden!important;
    padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;
    background:
      radial-gradient(circle at 92% 4%,rgba(190,145,92,.12),transparent 18rem),
      linear-gradient(160deg,#111827 0%,#141c2d 52%,#101726 100%)!important;
  }
  body.portal-dashboard .portal-shell{display:block!important;min-height:100dvh!important}
  body.portal-dashboard .portal-side{display:none!important}
  body.portal-dashboard .portal-main{width:100%!important;min-width:0!important;padding:0!important}

  body.portal-dashboard .portal-top{
    position:sticky!important;top:0!important;z-index:35!important;
    min-height:62px!important;height:auto!important;
    padding:10px 13px!important;
    padding-top:max(10px,env(safe-area-inset-top,0px))!important;
    gap:10px!important;
    background:rgba(17,24,39,.94)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
    border-bottom:1px solid rgba(198,169,135,.15)!important;
  }
  body.portal-dashboard .top-title{min-width:0!important;flex:1!important}
  body.portal-dashboard .top-title .kicker{display:block!important;font-size:6px!important;letter-spacing:.13em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.portal-dashboard .portal-top h1{font-size:16px!important;line-height:1.15!important;margin:3px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.portal-dashboard .portal-top p{display:none!important}
  body.portal-dashboard .top-actions{gap:7px!important;flex:0 0 auto!important}
  body.portal-dashboard .tenant-pill{display:none!important}
  body.portal-dashboard .ghost-btn{min-height:36px!important;padding:0 11px!important;border-radius:10px!important;font-size:9px!important}

  body.portal-dashboard .portal-content{width:100%!important;max-width:none!important;margin:0!important;padding:13px 12px 18px!important}
  body.portal-dashboard .hero{
    display:block!important;min-height:0!important;
    padding:18px 16px!important;border-radius:16px!important;
    background:
      radial-gradient(circle at 104% 0%,rgba(190,145,92,.18),transparent 11rem),
      linear-gradient(145deg,#1a2336,#171f31)!important;
  }
  body.portal-dashboard .hero:before,body.portal-dashboard .hero:after{display:none!important}
  body.portal-dashboard .hero .kicker{font-size:7px!important}
  body.portal-dashboard .hero h2{font-size:24px!important;line-height:1.08!important;max-width:none!important;margin:8px 0 9px!important;letter-spacing:-.035em!important}
  body.portal-dashboard .hero p{font-size:10px!important;line-height:1.55!important;max-width:none!important}
  body.portal-dashboard .hero-tags{display:flex!important;gap:6px!important;margin-top:13px!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:none!important}
  body.portal-dashboard .hero-tags::-webkit-scrollbar{display:none!important}
  body.portal-dashboard .hero-tags span{flex:0 0 auto!important;font-size:7px!important;padding:6px 8px!important}
  body.portal-dashboard .hero-health{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;min-width:0!important;margin-top:14px!important}
  body.portal-dashboard .hero-health div{min-width:0!important;min-height:48px!important;padding:9px!important;border-radius:10px!important}
  body.portal-dashboard .hero-health span{font-size:7px!important}
  body.portal-dashboard .hero-health b{font-size:9px!important}

  body.portal-dashboard .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 18px!important}
  body.portal-dashboard .kpi-grid article{min-height:88px!important;padding:12px!important;border-radius:13px!important;gap:10px!important}
  body.portal-dashboard .kpi-grid .kpi-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important;font-size:12px!important}
  body.portal-dashboard .kpi-grid span{font-size:7px!important;letter-spacing:.08em!important}
  body.portal-dashboard .kpi-grid b{font-size:19px!important;margin:3px 0!important}
  body.portal-dashboard .kpi-grid b.money{font-size:15px!important;line-height:1.15!important}
  body.portal-dashboard .kpi-grid small{display:block!important;font-size:7px!important;line-height:1.25!important}

  body.portal-dashboard .section-heading{display:block!important;margin:0 1px 8px!important}
  body.portal-dashboard .section-heading h3{font-size:14px!important;margin-top:2px!important}
  body.portal-dashboard .section-heading>small{display:none!important}
  body.portal-dashboard .apps-grid{grid-template-columns:1fr!important;gap:10px!important}
  body.portal-dashboard .app-card{min-height:0!important;padding:15px!important;border-radius:15px!important}
  body.portal-dashboard .app-card:before,body.portal-dashboard .app-card:after{opacity:.22!important}
  body.portal-dashboard .app-head{align-items:flex-start!important;gap:10px!important}
  body.portal-dashboard .app-symbol{width:39px!important;height:39px!important;flex:0 0 39px!important;border-radius:11px!important;font-size:15px!important}
  body.portal-dashboard .app-head h3{font-size:17px!important;line-height:1.18!important}
  body.portal-dashboard .app-head p{font-size:8px!important;line-height:1.4!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  body.portal-dashboard .app-head .version{font-size:6px!important;padding:4px 6px!important;white-space:nowrap!important}
  body.portal-dashboard .app-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:13px 0!important}
  body.portal-dashboard .app-metrics div{min-width:0!important;min-height:47px!important;padding:8px!important}
  body.portal-dashboard .app-metrics span{font-size:6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.portal-dashboard .app-metrics b{font-size:13px!important}
  body.portal-dashboard .app-actions{display:grid!important;grid-template-columns:1.45fr 1fr 1fr!important;gap:6px!important}
  body.portal-dashboard .app-actions a{min-width:0!important;min-height:38px!important;padding:0 7px!important;font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  body.portal-dashboard .quick-heading{margin-top:17px!important}
  body.portal-dashboard .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.portal-dashboard .quick-grid a{min-width:0!important;min-height:67px!important;padding:10px!important;gap:8px!important;border-radius:12px!important}
  body.portal-dashboard .quick-grid a>i{width:30px!important;height:30px!important;flex:0 0 30px!important}
  body.portal-dashboard .quick-grid b{font-size:8px!important;line-height:1.2!important}
  body.portal-dashboard .quick-grid span{font-size:6.5px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  body.portal-dashboard .quick-grid em{display:none!important}

  body.portal-dashboard .portal-footer{display:block!important;padding:13px 12px 9px!important;font-size:7px!important;text-align:center!important;line-height:1.55!important}
  body.portal-dashboard .portal-footer span{display:block!important;margin:2px 0!important}

  body.portal-dashboard .portal-mobile-dock{
    position:fixed!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;z-index:60!important;
    min-height:58px!important;padding:6px!important;
    border:1px solid rgba(203,173,137,.20)!important;border-radius:17px!important;
    background:rgba(20,27,43,.94)!important;
    box-shadow:0 16px 44px rgba(3,7,18,.42),inset 0 1px rgba(255,255,255,.025)!important;
    backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
  }
  body.portal-dashboard .portal-mobile-dock a{
    min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
    min-height:46px!important;padding:4px 2px!important;border-radius:12px!important;color:#8f94a1!important;
    -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
  }
  body.portal-dashboard .portal-mobile-dock a.active{background:linear-gradient(145deg,rgba(185,145,99,.30),rgba(92,94,107,.22))!important;color:#fff8ef!important}
  body.portal-dashboard .portal-mobile-dock a:active{transform:scale(.97)!important}
  body.portal-dashboard .portal-mobile-dock i{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:11px!important;border-radius:8px!important;border:1px solid rgba(202,175,143,.16)!important;background:rgba(74,76,88,.20)!important;color:#d9c6b1!important}
  body.portal-dashboard .portal-mobile-dock span{font-size:6.5px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  body.portal-dashboard .portal-mobile-dock .mobile-canva i{padding:3px!important;overflow:hidden!important}
  body.portal-dashboard .portal-mobile-dock .mobile-canva img{display:block!important;width:16px!important;height:16px!important;border-radius:5px!important}
}

@media (max-width: 430px){
  body.portal-dashboard .portal-content{padding-left:10px!important;padding-right:10px!important}
  body.portal-dashboard .hero{padding:16px 14px!important}
  body.portal-dashboard .hero h2{font-size:22px!important}
  body.portal-dashboard .kpi-grid article{padding:10px!important;gap:8px!important}
  body.portal-dashboard .kpi-grid .kpi-icon{width:31px!important;height:31px!important;flex-basis:31px!important}
  body.portal-dashboard .kpi-grid b{font-size:17px!important}
  body.portal-dashboard .app-card{padding:13px!important}
  body.portal-dashboard .app-actions{grid-template-columns:1.35fr 1fr 1fr!important}
  body.portal-dashboard .quick-grid a{min-height:64px!important}
}

@media (max-width: 360px){
  body.portal-dashboard .portal-top{padding-left:10px!important;padding-right:10px!important}
  body.portal-dashboard .portal-top h1{font-size:15px!important}
  body.portal-dashboard .ghost-btn{padding:0 9px!important;font-size:8px!important}
  body.portal-dashboard .hero h2{font-size:20px!important}
  body.portal-dashboard .hero-health{gap:5px!important}
  body.portal-dashboard .kpi-grid{gap:6px!important}
  body.portal-dashboard .kpi-grid article{display:block!important;min-height:92px!important}
  body.portal-dashboard .kpi-grid .kpi-icon{margin-bottom:6px!important}
  body.portal-dashboard .app-actions{grid-template-columns:1fr!important}
  body.portal-dashboard .quick-grid{grid-template-columns:1fr!important}
  body.portal-dashboard .portal-mobile-dock span{font-size:6px!important}
}

@media (max-width: 960px) and (orientation: landscape){
  body.portal-dashboard{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}
  body.portal-dashboard .hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important}
  body.portal-dashboard .hero-health{margin-top:0!important;align-self:end!important;min-width:220px!important}
  body.portal-dashboard .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.portal-dashboard .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.portal-dashboard .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.portal-dashboard .portal-mobile-dock{min-height:52px!important}
  body.portal-dashboard .portal-mobile-dock a{min-height:40px!important}
}

/* v1.0.29 landscape-phone dock compaction */
@media (max-width:960px) and (orientation:landscape){
  body.portal-dashboard .portal-mobile-dock{left:18px!important;right:18px!important;min-height:46px!important;padding:4px!important;border-radius:14px!important}
  body.portal-dashboard .portal-mobile-dock a{min-height:36px!important;gap:0!important}
  body.portal-dashboard .portal-mobile-dock i{width:23px!important;height:23px!important}
  body.portal-dashboard .portal-mobile-dock span{display:none!important}
}