/*
 * BESTAND: css/auth-pages.css
 * TYPE: BEVEILIGING / AUTHENTICATIE
 * DOEL: Bevat beveiligings- of authenticatielogica. Wijzig controles, tokens of sessiegedrag alleen wanneer de volledige aanroepketen is gecontroleerd.
 * ONDERHOUD: Gebruik de sectiekoppen als zoekpunten. Pas gekoppelde selectors, routes en beveiligingscontroles niet los van hun aanroepers aan.
 */

/* =========================================================================
   1. BASIS & BESTANDSSPECIFIEKE STIJLEN
   ========================================================================= */
.admin-login {
  background:radial-gradient(circle at 50% 0,rgba(169,227,75,.22),transparent 34%),linear-gradient(145deg,#eef4ef,#f8faf7 58%,#e8f0eb)
}
.admin-login-card {
  width:min(100%,460px);
  padding:clamp(1.6rem,5vw,2.6rem);
  border-radius:20px
}
.auth-logo {
  display:block;
  width:min(100%,315px);
  height:80px;
  margin:0 0 1.5rem;
  background:url('../images/logo-modern.svg?v=52043') left center/contain no-repeat
}
.admin-login-card .eyebrow {
  display:flex;
  align-items:center;
  gap:.65rem;
  letter-spacing:0;
  text-transform:none
}
.admin-login-card .eyebrow::before {
  width:3px;
  height:21px;
  margin:0;
  border-radius:99px;
  background:var(--brand)
}
.admin-login-card h1 {
  margin-top:.8rem;
  letter-spacing:-.04em
}
.admin-login-card>p a {
  color:var(--brand);
  font-weight:800
}
/* -------------------------------------------------------------------------
   RESPONSIVE: Regels binnen deze mediaquery passen de bestaande layout aan
   voor deze schermbreedte of gebruikersvoorkeur.
   ------------------------------------------------------------------------- */
@media(max-width:480px) {
  .auth-logo {
    width:270px;
    height:68px
  }
}