/* STAS ERP v257 - SuperAdmin before/after visual parity repair
   Scope: final override only. No template rewrite. Keep login quote. Harmonize dashboard with login weather glass. */

:root{
  --sa-weather-glass-bg: rgba(3,18,42,.20);
  --sa-weather-glass-bg-soft: rgba(3,18,42,.14);
  --sa-weather-glass-border: rgba(255,255,255,.24);
  --sa-weather-text-shadow: 0 2px 8px rgba(0,0,0,.78), 0 1px 1px rgba(0,0,0,.7);
}

/* Fixed video surface must sit behind every SuperAdmin route, before and after login. */
body.stas-weather-superadmin .auth-weather-stage-global,
body.stas-weather-superadmin .stas-global-weather-stage{
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  width:100vw!important;
  height:100svh!important;
  overflow:hidden!important;
  background:#020617!important;
  pointer-events:none!important;
}
body.stas-weather-superadmin .auth-weather-stage-global video,
body.stas-weather-superadmin .stas-global-weather-stage video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
body.stas-weather-superadmin .auth-weather-stage-global video.is-active,
body.stas-weather-superadmin .stas-global-weather-stage video.is-active{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}

/* Login quote and hero must remain visible; do not hide quote for compact desktop heights. */
body.auth-superadmin-login .auth-live-quote-card{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  background:var(--sa-weather-glass-bg)!important;
  border:1px solid var(--sa-weather-glass-border)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.auth-superadmin-login .auth-live-quote-text,
body.auth-superadmin-login .auth-live-quote-author,
body.auth-superadmin-login .auth-foundation-copy,
body.auth-superadmin-login .auth-foundation-title,
body.auth-superadmin-login .auth-foundation-form-title,
body.auth-superadmin-login .auth-foundation-form-copy{
  text-shadow:var(--sa-weather-text-shadow)!important;
}

/* Make SuperAdmin after-login chrome use the same transparent glass family as login. */
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-shell,
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-main,
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-content,
body.stas-weather-superadmin:not(.auth-superadmin-login) main,
body.stas-weather-superadmin:not(.auth-superadmin-login) section,
body.stas-weather-superadmin:not(.auth-superadmin-login) .container,
body.stas-weather-superadmin:not(.auth-superadmin-login) .container-fluid{
  background:transparent!important;
  background-image:none!important;
}
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-sidebar,
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-sidebar .brand,
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-topbar,
body.stas-weather-superadmin:not(.auth-superadmin-login) .portal-footer,
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-auth-footer{
  background:rgba(3,18,42,.18)!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(2,6,23,.10)!important;
}

/* The dashboard page shell should not look like a separate dark block; cards should match login panels. */
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-page-shell{
  background:transparent!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.stas-weather-superadmin:not(.auth-superadmin-login) .card,
body.stas-weather-superadmin:not(.auth-superadmin-login) .text-bg-dark,
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-analytics-card,
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-map-panel,
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-visitor-globe-card,
body.stas-weather-superadmin:not(.auth-superadmin-login) .stat-card,
body.stas-weather-superadmin:not(.auth-superadmin-login) .metric-card,
body.stas-weather-superadmin:not(.auth-superadmin-login) .dashboard-card,
body.stas-weather-superadmin:not(.auth-superadmin-login) .glass-card,
body.stas-weather-superadmin:not(.auth-superadmin-login) .quick-action-card,
body.stas-weather-superadmin:not(.auth-superadmin-login) .panel,
body.stas-weather-superadmin:not(.auth-superadmin-login) .table-responsive,
body.stas-weather-superadmin:not(.auth-superadmin-login) .list-group-item{
  background:var(--sa-weather-glass-bg)!important;
  background-image:none!important;
  border:1px solid var(--sa-weather-glass-border)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 14px 30px rgba(2,6,23,.16), inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:#f8fbff!important;
}
body.stas-weather-superadmin:not(.auth-superadmin-login) .card:hover,
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-analytics-card:hover{
  background:rgba(3,18,42,.24)!important;
}
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-dashboard-realtime-wrap > .row,
body.stas-weather-superadmin:not(.auth-superadmin-login) .sa-dashboard-realtime-wrap > .d-flex{
  position:relative!important;
  z-index:2!important;
}

/* Active menu should stay recognizable but should not become a solid block. */
body.stas-weather-superadmin .sa-sidebar a.nav-link.active,
body.stas-weather-superadmin .sa-sidebar a.nav-link:hover{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(251,191,36,.45)!important;
}
body.stas-weather-superadmin .sa-sidebar a.nav-link.active::after{
  background:#fbbf24!important;
}

/* Readability over moving video, without hiding the video. */
body.stas-weather-superadmin,
body.stas-weather-superadmin p,
body.stas-weather-superadmin li,
body.stas-weather-superadmin label,
body.stas-weather-superadmin .small,
body.stas-weather-superadmin .text-muted,
body.stas-weather-superadmin .text-secondary,
body.stas-weather-superadmin .card-title,
body.stas-weather-superadmin .sa-topbar-title,
body.stas-weather-superadmin .sa-sidebar a.nav-link,
body.stas-weather-superadmin .sa-country-row,
body.stas-weather-superadmin .auth-foundation-copy,
body.stas-weather-superadmin .auth-foundation-form-copy,
body.stas-weather-superadmin .auth-live-quote-text{
  color:#f8fbff!important;
  text-shadow:var(--sa-weather-text-shadow)!important;
}
body.stas-weather-superadmin h1,
body.stas-weather-superadmin h2,
body.stas-weather-superadmin h3,
body.stas-weather-superadmin h4,
body.stas-weather-superadmin h5,
body.stas-weather-superadmin h6,
body.stas-weather-superadmin .auth-foundation-title,
body.stas-weather-superadmin .auth-foundation-form-title,
body.stas-weather-superadmin .sa-stat-number{
  color:#fff!important;
  text-shadow:0 3px 12px rgba(0,0,0,.84),0 1px 1px rgba(0,0,0,.72)!important;
}

/* Keep form controls readable and consistent on login. */
body.auth-superadmin-login .form-control,
body.auth-superadmin-login .form-select{
  background:rgba(248,250,252,.94)!important;
  color:#0f172a!important;
  text-shadow:none!important;
}

/* Scrollbar: show only for real overflow. JS adds .is-scrollable. */
body.stas-weather-superadmin .sa-content,
body.stas-weather-superadmin .sa-sidebar{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
body.stas-weather-superadmin .sa-content::-webkit-scrollbar,
body.stas-weather-superadmin .sa-sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
body.stas-weather-superadmin .sa-content.is-scrollable:hover,
body.stas-weather-superadmin .sa-sidebar.is-scrollable:hover{scrollbar-width:thin!important;}
body.stas-weather-superadmin .sa-content.is-scrollable:hover::-webkit-scrollbar,
body.stas-weather-superadmin .sa-sidebar.is-scrollable:hover::-webkit-scrollbar{width:8px!important;height:8px!important;display:block!important;}
body.stas-weather-superadmin .sa-content.is-scrollable:hover::-webkit-scrollbar-thumb,
body.stas-weather-superadmin .sa-sidebar.is-scrollable:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.38)!important;border-radius:999px!important;}

@media (max-height:760px) and (min-width:992px){
  body.auth-superadmin-login .auth-live-quote-card{display:flex!important;min-height:76px!important;}
}
