/* PREPARATION ONLY. Append after native CSS; enable only on verified GET/HEAD /login. */
body.cazus-badanie-login{
  --panel:rgba(0,42,85,.88);--line:rgba(84,197,208,.35);
  --text:#fff;--muted:#d9e5ee;--blue:#54c5d0;
  background:#002a55 url('/cazus-branding/login-background-2026-v1.jpg') center/cover fixed no-repeat;
}
/* These two existing nodes are decorative backgrounds, never form/security content. */
body.cazus-badanie-login>.grid-bg,
body.cazus-badanie-login>.brand-bg{background-image:none;opacity:0}
body.cazus-badanie-login .brand-panel{
  background:linear-gradient(135deg,rgba(0,42,85,.92),rgba(0,42,85,.52));
  border:1px solid rgba(84,197,208,.22);border-radius:16px;
}
/* Deployment must point only this original decorative image to original logo-white.svg. */
body.cazus-badanie-login .brand-panel img[src="/cazus-branding/logo-white.svg"]{
  width:100%;max-width:580px;height:auto;aspect-ratio:1.744933;
  object-fit:contain;border:0;background:transparent;
}
body.cazus-badanie-login .brand-panel h1{font-size:clamp(26px,3.2vw,38px)}
body.cazus-badanie-login .chip{color:#54c5d0;border-color:rgba(84,197,208,.35);background:rgba(0,42,85,.5)}
body.cazus-badanie-login .login-card{border-radius:16px}
body.cazus-badanie-login .login-card>.app-mark{background:transparent;border:0}
body.cazus-badanie-login .login-card>.app-mark>img{content:url('/cazus-branding/cube.svg')}
body.cazus-badanie-login .input-wrap{border-radius:8px}
body.cazus-badanie-login .input-wrap:focus-within{outline:2px solid #54c5d0;outline-offset:2px}
body.cazus-badanie-login .login-card form>button[type='submit']{
  background:#002a55;border-color:#54c5d0;border-radius:8px;
}
body.cazus-badanie-login .login-card form>button[type='submit']:focus-visible{
  outline:2px solid #54c5d0;outline-offset:3px;
}
/* Adds organization branding after, and without replacing, the native help text. */
body.cazus-badanie-login .login-card::after{
  content:'CAZUS Groupe';display:block;margin-top:18px;
  color:#d9e5ee;font-size:12px;letter-spacing:.06em;
}
@media(max-width:820px){
  body.cazus-badanie-login{background-attachment:scroll}
  body.cazus-badanie-login .brand-panel img[src="/cazus-branding/logo-white.svg"]{max-width:420px}
}
