/* STAS ERP v234 - Crystal Clear Full Page Weather Video Mode
   One global video runs behind every surface. UI remains readable without blurring the video. */

:root{
  --stas-video-visible-panel:rgba(3,18,36,.18);
  --stas-video-visible-panel-strong:rgba(3,18,36,.26);
  --stas-video-visible-panel-soft:rgba(3,18,36,.10);
  --stas-video-visible-border:rgba(255,255,255,.24);
  --stas-video-visible-shadow:0 18px 42px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.11);
}

html,
body.sa-live-weather-enabled,
body.sa-live-weather-enabled .sa-shell,
body.sa-live-weather-enabled .sa-main,
body.sa-live-weather-enabled .sa-content,
body.sa-live-weather-enabled .sa-page-shell,
body.sa-live-weather-enabled .auth-foundation-shell,
body.sa-live-weather-enabled .auth-foundation-grid{
  background:transparent!important;
}

body.sa-live-weather-enabled .auth-weather-stage-global{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  overflow:hidden!important;
  background-size:cover!important;
  background-position:center!important;
}

body.sa-live-weather-enabled .auth-weather-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:translateZ(0) scale(1.01)!important;
  backface-visibility:hidden!important;
  filter:none!important;
  image-rendering:auto!important;
  will-change:opacity!important;
}

body.sa-live-weather-enabled .auth-weather-video.is-active:not(.has-error){
  opacity:1!important;
  visibility:visible!important;
}

body.sa-live-weather-enabled .auth-weather-video-overlay,
body.sa-live-weather-enabled .auth-weather-stage-local,
body.sa-live-weather-enabled .auth-weather-stage-local::before,
body.sa-live-weather-enabled .auth-weather-stage-local::after,
body.sa-live-weather-enabled .auth-foundation-shell::before,
body.sa-live-weather-enabled .auth-foundation-shell::after,
body.sa-live-weather-enabled .sa-content::before,
body.sa-live-weather-enabled .sa-content::after,
body.sa-live-weather-enabled .sa-page-shell::before,
body.sa-live-weather-enabled .sa-page-shell::after{
  display:none!important;
  opacity:0!important;
  background:transparent!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.sa-live-weather-enabled .sa-backdrop,
body.sa-live-weather-enabled .sa-shell,
body.sa-live-weather-enabled .sa-main,
body.sa-live-weather-enabled .sa-sidebar,
body.sa-live-weather-enabled .sa-topbar,
body.sa-live-weather-enabled .sa-content,
body.sa-live-weather-enabled .portal-footer{
  position:relative!important;
  z-index:1!important;
}

/* Remove all video-blurring frosted glass from the app chrome. */
body.sa-live-weather-enabled .sa-sidebar,
body.sa-live-weather-enabled .sa-sidebar .brand,
body.sa-live-weather-enabled .sa-topbar,
body.sa-live-weather-enabled .portal-footer,
body.sa-live-weather-enabled .sa-auth-footer,
body.sa-live-weather-enabled .card,
body.sa-live-weather-enabled .modal-content,
body.sa-live-weather-enabled .offcanvas,
body.sa-live-weather-enabled .dropdown-menu,
body.sa-live-weather-enabled .sa-page-shell,
body.sa-live-weather-enabled .auth-live-quote-card,
body.sa-live-weather-enabled .auth-hero-panel,
body.sa-live-weather-enabled .auth-foundation-card,
body.sa-live-weather-enabled .auth-foundation-card-panel{
  background:linear-gradient(180deg,var(--stas-video-visible-panel-strong),var(--stas-video-visible-panel))!important;
  border-color:var(--stas-video-visible-border)!important;
  box-shadow:var(--stas-video-visible-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
}

/* Make main page area almost completely open so the video is visible between and behind cards. */
body.sa-live-weather-enabled .sa-content,
body.sa-live-weather-enabled .auth-foundation-shell{
  background:rgba(2,8,23,.03)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.sa-live-weather-enabled .sa-page-shell{
  background:rgba(2,8,23,.04)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}

/* Cards: transparent but readable; video stays obvious inside the cards. */
body.auth-page.sa-live-weather-enabled .auth-live-quote-card,
body.auth-page.sa-live-weather-enabled .auth-hero-panel,
body.auth-page.sa-live-weather-enabled .auth-foundation-card-panel{
  background:linear-gradient(180deg,rgba(4,18,38,.22),rgba(4,18,38,.13))!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 16px 34px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.13)!important;
}

body.auth-page.sa-live-weather-enabled .auth-foundation-card{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}

body.sa-live-weather-enabled:not(.auth-page) .card,
body.sa-live-weather-enabled:not(.auth-page) .modal-content,
body.sa-live-weather-enabled:not(.auth-page) .offcanvas,
body.sa-live-weather-enabled:not(.auth-page) .dropdown-menu{
  background:linear-gradient(180deg,rgba(4,18,38,.20),rgba(4,18,38,.12))!important;
  border:1px solid rgba(255,255,255,.22)!important;
}

body.sa-live-weather-enabled .sa-sidebar,
body.sa-live-weather-enabled .sa-sidebar .brand{
  background:linear-gradient(180deg,rgba(2,13,32,.30),rgba(2,13,32,.18))!important;
}

body.sa-live-weather-enabled .sa-topbar,
body.sa-live-weather-enabled .portal-footer{
  background:linear-gradient(180deg,rgba(2,13,32,.22),rgba(2,13,32,.12))!important;
}

body.sa-live-weather-enabled .live-weather-badge{
  background:rgba(2,13,32,.22)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 12px 28px rgba(2,6,23,.20), inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.sa-live-weather-enabled .sa-live-trigger,
body.sa-live-weather-enabled .sa-shell-toggle{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.sa-live-weather-enabled .auth-foundation-title,
body.sa-live-weather-enabled .auth-foundation-copy,
body.sa-live-weather-enabled .auth-foundation-form-title,
body.sa-live-weather-enabled .auth-foundation-form-copy,
body.sa-live-weather-enabled .auth-live-quote-text,
body.sa-live-weather-enabled .auth-live-quote-author,
body.sa-live-weather-enabled .form-label,
body.sa-live-weather-enabled .sa-topbar-title,
body.sa-live-weather-enabled .portal-footer,
body.sa-live-weather-enabled .sa-sidebar a.nav-link,
body.sa-live-weather-enabled .sa-sidebar .nav-group-label,
body.sa-live-weather-enabled .sa-sidebar .brand-copy *{
  color:#ffffff!important;
  text-shadow:0 2px 7px rgba(0,0,0,.66),0 1px 2px rgba(0,0,0,.50)!important;
}

/* Bright sunny mode: keep white cards/forms readable while video is still visible around them. */
body.sa-live-weather-enabled .form-control,
body.sa-live-weather-enabled .form-select,
body.sa-live-weather-enabled textarea{
  background:rgba(255,255,255,.93)!important;
  color:#334155!important;
  text-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.sa-live-weather-enabled .auth-btn-primary,
body.sa-live-weather-enabled .btn-primary{
  background:linear-gradient(180deg,#3b82f6,#1d4ed8)!important;
  border-color:rgba(147,197,253,.45)!important;
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
}

body.sa-live-weather-enabled .portal-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

body.sa-live-weather-enabled .portal-footer > span{
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}