/* Petrivara sign-in skin for the Aqua auth page (petrivara.com/aqua/auth/).
   Every rule is scoped under html.pv-login, which the companion JS sets only while
   the login card is on screen, so the signed-in admin app is never restyled.
   Targets Aqua's stable structural classes (login-*), never its build-hashed ones. */
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;
  src:url(/aqua-skin/archivo-var.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

html.pv-login{
  --pv-paper:#ffffff; --pv-ink:#20272B; --pv-orange:#F36B21; --pv-orange-deep:#C24F10;
  --pv-mist:#F1F3F4; --pv-steel:#566166; --pv-line:#DCE1E3; --pv-dim:#AEB8BC;
  --pv-font:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; --pv-cut:14px;
  color-scheme:light;
}
html.pv-login body{background:var(--pv-paper)!important}
html.pv-login .login-shell{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,6fr)!important;min-height:100vh!important;
  font-family:var(--pv-font)!important;color:var(--pv-ink);-webkit-font-smoothing:antialiased;background:var(--pv-paper)!important}
html.pv-login .login-shell *{font-family:inherit}

/* ---- brand pane ---- */
html.pv-login .login-brand{position:relative!important;overflow:hidden!important;background:var(--pv-ink)!important;background-image:none!important;
  color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:40px!important;
  padding:44px clamp(24px,4vw,56px)!important;border:0!important;box-shadow:none!important}
html.pv-login .login-brand::before,html.pv-login .login-brand::after{display:none!important}
html.pv-login .pv-mark{position:absolute;right:-90px;bottom:-60px;width:460px;height:auto;opacity:.07;pointer-events:none;z-index:0}
html.pv-login .login-brand-top,html.pv-login .login-brand-body,html.pv-login .login-brand-foot{position:relative;z-index:1}
html.pv-login .login-brand-top > :not(.pv-logo){display:none!important}
html.pv-login .pv-logo{display:block;width:210px;height:auto}
html.pv-login .login-brand-body{display:flex!important;flex-direction:column!important;gap:22px!important;max-width:30rem}
html.pv-login .login-brand-title{display:none!important}
html.pv-login .pv-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:650;letter-spacing:.02em;color:var(--pv-steel)}
html.pv-login .pv-eyebrow::before{content:"";width:18px;height:2px;background:var(--pv-orange)}
html.pv-login .login-brand .pv-eyebrow{color:var(--pv-dim)}
html.pv-login .pv-h1{margin:0;font-weight:760;font-variation-settings:"wdth" 116;font-size:clamp(34px,3.6vw,54px);line-height:.98;
  letter-spacing:-.035em;color:#fff;text-wrap:balance}
html.pv-login .pv-h1 span{display:block}
html.pv-login .pv-h1 .pv-l2{color:var(--pv-orange)}
html.pv-login .login-brand-sub{margin:0!important;color:var(--pv-dim)!important;font-size:16.5px!important;line-height:1.55!important;max-width:34ch}
html.pv-login .login-brand-apps{display:none!important}
html.pv-login .login-brand-foot{font-size:13.5px!important;color:var(--pv-dim)!important}
html.pv-login .login-brand-foot a{color:#fff!important;text-decoration:underline!important;text-decoration-color:var(--pv-orange)!important;text-underline-offset:3px}

/* ---- form pane ---- */
html.pv-login .login-form-panel{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;padding:56px clamp(20px,5vw,72px)!important;background:var(--pv-paper)!important}
html.pv-login .login-utilities{position:absolute!important;top:18px!important;right:18px!important;display:flex!important;gap:6px!important}
html.pv-login .login-utilities button{border-radius:0!important;border:1px solid var(--pv-line)!important;background:transparent!important;color:var(--pv-steel)!important}
html.pv-login .login-utilities button:hover{border-color:var(--pv-ink)!important;color:var(--pv-ink)!important}
html.pv-login .login-form-card{width:100%!important;max-width:400px!important;display:flex!important;flex-direction:column!important;gap:26px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--pv-ink)!important}
html.pv-login .login-form-card.pv-rewrote .login-form-head{display:none!important}
html.pv-login .pv-head h2{margin:10px 0 8px;font-weight:740;font-variation-settings:"wdth" 112;font-size:32px;line-height:1.05;letter-spacing:-.025em;color:var(--pv-ink)}
html.pv-login .pv-head p{margin:0;color:var(--pv-steel);font-size:15.5px;line-height:1.55}
html.pv-login .login-form-head{color:var(--pv-ink)!important}
html.pv-login .login-form-eyebrow svg{display:none!important}

html.pv-login .login-form-card label{font-size:13.5px!important;font-weight:650!important;color:var(--pv-ink)!important}
html.pv-login .login-form-card form div:has(> div > input),
html.pv-login .login-form-card form div:has(> input){border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;outline:0!important}
html.pv-login .login-form-card input{font-size:16px!important;color:var(--pv-ink)!important;background:var(--pv-mist)!important;border:1px solid transparent!important;
  border-bottom:2px solid var(--pv-line)!important;border-radius:0!important;padding:12px 14px!important;min-height:48px!important;width:100%!important;box-shadow:none!important}
html.pv-login .login-form-card input::placeholder{color:#8A9599!important}
html.pv-login .login-form-card input:focus{outline:none!important;background:var(--pv-paper)!important;border-color:var(--pv-line)!important;border-bottom-color:var(--pv-orange)!important}

html.pv-login .login-form-card button[type="submit"]{min-height:52px!important;border:0!important;border-radius:0!important;background:var(--pv-orange)!important;
  color:var(--pv-ink)!important;font-weight:650!important;font-size:16px!important;box-shadow:none!important;
  clip-path:polygon(0 0,calc(100% - var(--pv-cut)) 0,100% var(--pv-cut),100% 100%,0 100%);transition:background .2s,color .2s}
html.pv-login .login-form-card button[type="submit"] *{color:inherit!important}
html.pv-login .login-form-card button[type="submit"]:hover{background:var(--pv-ink)!important;color:#fff!important}
html.pv-login .login-form-card button[type="submit"]:disabled{opacity:.6}

html.pv-login .login-form-card form button[type="button"]:not(.login-sso),
html.pv-login .login-form-card form button[type="button"]:not(.login-sso) *{color:var(--pv-ink)!important;background:none!important}
html.pv-login .login-form-card form button[type="button"]:not(.login-sso) > *{text-decoration:underline;text-decoration-color:var(--pv-orange);text-underline-offset:3px;font-size:13.5px!important}

html.pv-login .login-divider{display:flex!important;align-items:center!important;gap:14px!important;font-size:12px!important;font-weight:650!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--pv-steel)!important;background:none!important}
html.pv-login .login-divider::before,html.pv-login .login-divider::after{content:""!important;flex:1!important;height:1px!important;background:var(--pv-line)!important;border:0!important}
html.pv-login .login-sso{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;min-height:52px!important;
  border:0!important;border-radius:0!important;background:var(--pv-mist)!important;color:var(--pv-ink)!important;font-weight:650!important;font-size:16px!important;box-shadow:none!important}
html.pv-login .login-sso:hover{background:var(--pv-line)!important}
html.pv-login .login-sso img{width:18px!important;height:18px!important}

html.pv-login .login-form-foot{margin:0!important;font-size:14px!important;color:var(--pv-steel)!important}
html.pv-login .login-form-foot a{color:var(--pv-ink)!important;font-weight:550;text-decoration:underline!important;text-decoration-color:var(--pv-orange)!important;text-underline-offset:3px}
html.pv-login .login-form-foot a:hover{color:var(--pv-orange-deep)!important}
html.pv-login .login-form-card a:focus-visible,html.pv-login .login-form-card button:focus-visible,html.pv-login .login-utilities button:focus-visible{outline:2px solid var(--pv-orange)!important;outline-offset:3px}

html.pv-login .pv-status{display:flex;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--pv-line);font-size:12px;letter-spacing:.06em;color:var(--pv-steel)}
html.pv-login .pv-status .pv-on{display:inline-flex;align-items:center;gap:8px}
html.pv-login .pv-status .pv-on::before{content:"";width:7px;height:7px;background:var(--pv-orange)}

@media (max-width:860px){
  html.pv-login .login-shell{grid-template-columns:1fr!important;min-height:0!important}
  html.pv-login .login-brand{padding:28px 22px!important;gap:20px!important}
  html.pv-login .pv-mark{width:260px;right:-60px;bottom:-40px}
  html.pv-login .pv-logo{width:160px}
  html.pv-login .pv-h1{font-size:32px}
  html.pv-login .login-brand-sub,html.pv-login .login-brand-apps,html.pv-login .login-brand-foot{display:none!important}
  html.pv-login .login-form-panel{padding:64px 20px 36px!important}
}
@media (prefers-reduced-motion:reduce){html.pv-login .login-shell *{transition:none!important}}