/* STAS ERP v255 - strict no-fake-scroll + transparent weather video surface repair */
:root{
  --sa-topbar-h:58px;
  --sa-footer-h:40px;
  --stas-header-h:88px;
  --stas-footer-h:56px;
}

/* Never show an internal scrollbar on SuperAdmin login when all login content fits the viewport. */
body.auth-superadmin-login,
body.auth-superadmin-login .sa-shell,
body.auth-superadmin-login .sa-main{
  height:100svh!important;
  max-height:100svh!important;
  overflow:hidden!important;
}
body.auth-superadmin-login .sa-content{
  height:calc(100svh - var(--sa-topbar-h,58px) - var(--sa-footer-h,40px))!important;
  max-height:calc(100svh - var(--sa-topbar-h,58px) - var(--sa-footer-h,40px))!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:12px 22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  scrollbar-width:none!important;
}
body.auth-superadmin-login .sa-content::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
body.auth-superadmin-login .auth-foundation-shell{
  width:100%!important;
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
}
body.auth-superadmin-login .auth-foundation-grid{
  width:100%!important;
  height:auto!important;
  max-height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:clamp(.5rem,1.6vh,1rem) clamp(1rem,3vw,2.2rem)!important;
  gap:clamp(1rem,4vw,3.2rem)!important;
  align-items:center!important;
}
body.auth-superadmin-login .auth-live-quote-card{
  margin-bottom:clamp(.75rem,1.8vh,1.05rem)!important;
  padding:.95rem 1.15rem!important;
}
body.auth-superadmin-login .auth-hero-panel{
  padding:1.05rem 1.18rem!important;
}
body.auth-superadmin-login .auth-foundation-card-panel{
  padding:1.15rem 1.25rem!important;
}
body.auth-superadmin-login .auth-foundation-form-copy{margin-bottom:.95rem!important;}
body.auth-superadmin-login .auth-field-stack{gap:.78rem!important;}
body.auth-superadmin-login .auth-foundation-form .form-control,
body.auth-superadmin-login .auth-foundation-form .form-select{
  min-height:48px!important;
  padding:.72rem 1rem!important;
}
body.auth-superadmin-login .auth-action-row{margin-top:.05rem!important;}
body.auth-superadmin-login .auth-btn-primary,
body.auth-superadmin-login .auth-btn-secondary{min-height:46px!important;}

/* If an element is not genuinely scrollable, never show a fake hover scrollbar. */
body.stas-global-weather .sa-content:not(.is-scrollable),
body.stas-global-weather .sa-sidebar:not(.is-scrollable),
body.stas-global-weather .sa-sidebar-nav:not(.is-scrollable),
body.stas-global-weather .stas-page-scroll:not(.is-scrollable){
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
body.stas-global-weather .sa-content:not(.is-scrollable)::-webkit-scrollbar,
body.stas-global-weather .sa-sidebar:not(.is-scrollable)::-webkit-scrollbar,
body.stas-global-weather .sa-sidebar-nav:not(.is-scrollable)::-webkit-scrollbar,
body.stas-global-weather .stas-page-scroll:not(.is-scrollable)::-webkit-scrollbar{
  width:0!important;height:0!important;display:none!important;
}

/* Make the single fixed weather video visible through SuperAdmin chrome and dashboard surfaces. */
body.stas-weather-superadmin .sa-sidebar,
body.stas-weather-superadmin .sa-sidebar .brand,
body.stas-weather-superadmin .sa-topbar,
body.stas-weather-superadmin .portal-footer,
body.stas-weather-superadmin .sa-auth-footer{
  background:rgba(2,8,23,.045)!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.15)!important;
}
body.stas-weather-superadmin .sa-content,
body.stas-weather-superadmin .sa-main,
body.stas-weather-superadmin .sa-shell,
body.stas-weather-superadmin .sa-page-shell,
body.stas-weather-superadmin main,
body.stas-weather-superadmin section,
body.stas-weather-superadmin .container,
body.stas-weather-superadmin .container-fluid{
  background:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.stas-weather-superadmin .sa-page-shell,
body.stas-weather-superadmin .card,
body.stas-weather-superadmin .sa-analytics-card,
body.stas-weather-superadmin .sa-map-panel,
body.stas-weather-superadmin .sa-visitor-globe-card,
body.stas-weather-superadmin .stat-card,
body.stas-weather-superadmin .metric-card,
body.stas-weather-superadmin .dashboard-card,
body.stas-weather-superadmin .glass-card,
body.stas-weather-superadmin .quick-action-card,
body.stas-weather-superadmin .panel,
body.stas-weather-superadmin .table-responsive,
body.stas-weather-superadmin .list-group-item,
body.stas-weather-superadmin .auth-live-quote-card,
body.stas-weather-superadmin .auth-hero-panel,
body.stas-weather-superadmin .auth-foundation-card,
body.stas-weather-superadmin .auth-foundation-card-panel{
  background:rgba(2,12,27,.115)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 12px 28px rgba(2,6,23,.12), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
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,.075)!important;
}

/* Preserve readability over a live video without covering 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 .auth-foundation-copy,
body.stas-weather-superadmin .auth-foundation-form-copy,
body.stas-weather-superadmin .auth-live-quote-text{
  color:#f8fbff!important;
  text-shadow:0 2px 7px rgba(0,0,0,.82),0 1px 1px rgba(0,0,0,.72)!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{
  color:#fff!important;
  text-shadow:0 3px 12px rgba(0,0,0,.86),0 1px 1px rgba(0,0,0,.72)!important;
}

/* Keep weather video as the bottom-most app surface, behind every area. */
body.stas-global-weather .auth-weather-stage-global,
body.stas-global-weather .stas-global-weather-stage{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100svh!important;
  z-index:-1!important;
  pointer-events:none!important;
  overflow:hidden!important;
  background:#020617!important;
}
body.stas-global-weather .auth-weather-stage-global video,
body.stas-global-weather .stas-global-weather-stage video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
body.stas-global-weather .auth-weather-stage-global video.is-active,
body.stas-global-weather .stas-global-weather-stage video.is-active{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}

@media (max-height:760px) and (min-width:992px){
  body.auth-superadmin-login .auth-live-quote-card{display:none!important;}
  body.auth-superadmin-login .auth-foundation-title{font-size:clamp(2rem,3.2vw,3rem)!important;}
  body.auth-superadmin-login .auth-foundation-copy{font-size:.98rem!important;line-height:1.48!important;}
}