/* Platfon auth overrides — dark theme, green accent (loads after auth.css) */
html:has(body.auth-layout) {
  background: #060e07;
}

body.auth-layout {
  --blue: #599a43;
  --navy: #ffffff;
  --white: #ffffff;
  --surface: #060e07;
  --blue-dark: #67a75c;
  --line: rgba(255, 255, 255, .14);
  --panel: rgba(25, 26, 25, .92);
  --platfon-green: #599a43;
  --platfon-green-soft: #67a75c;
  --platfon-charcoal: #191A19;
  color: #ffffff;
  font-family: "Outfit", Arial, sans-serif;
  font-weight: 400;
  background: #060e07 !important;
}

body.auth-layout::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(520px 760px at -180px 18%, rgba(89,154,67,.13), rgba(6,14,7,.06) 42%, transparent 72%),
    radial-gradient(560px 820px at calc(100% + 210px) 34%, rgba(103,167,92,.12), rgba(6,14,7,.055) 44%, transparent 74%);
  opacity: .72;
}

body.auth-layout .site-header,
body.auth-layout .site-footer,
body.auth-layout .auth-page {
  position: relative;
  z-index: 1;
}

body.auth-layout .auth-page {
  min-height: calc(100vh - 120px);
  padding: 40px 24px 48px;
}

body.auth-layout .auth-shell {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 26px;
  background: rgba(25, 26, 25, .72);
  backdrop-filter: blur(18px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
}

body.auth-layout .brand-panel {
  background:
    radial-gradient(460px 420px at 8% 100%, rgba(89, 154, 67, .32), rgba(89, 154, 67, .08) 42%, transparent 72%),
    linear-gradient(180deg, rgba(25, 26, 25, .72), rgba(6, 14, 7, .88));
}

body.auth-layout .brand-logo-image {
  height: 42px;
  max-width: min(180px, 100%);
  filter: none;
}

body.auth-layout .eyebrow {
  color: var(--platfon-green-soft);
}

body.auth-layout .eyebrow::before {
  background: var(--platfon-green);
}

body.auth-layout .brand-intro h2 {
  color: transparent;
  background: linear-gradient(to right, #599A43, #8BBD87);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

body.auth-layout .brand-intro p {
  color: rgba(255, 255, 255, .62);
}

body.auth-layout .benefits li {
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
}

body.auth-layout .benefit-icon {
  color: var(--platfon-green-soft);
  border: 1px solid rgba(89, 154, 67, .28);
  background: rgba(89, 154, 67, .12);
}

body.auth-layout .parts-art {
  background-image: url(../platfon/assets/images/depo.webp);
  background-size: cover;
  background-position: center;
  mix-blend-mode: normal;
  opacity: .28;
  filter: saturate(.85) contrast(1) brightness(.7);
  border-radius: 0;
  -webkit-mask-image: linear-gradient(to top, #000 20%, transparent 95%);
  mask-image: linear-gradient(to top, #000 20%, transparent 95%);
}

body.auth-layout .form-panel {
  background: transparent;
}

body.auth-layout .form-stage {
  background: rgba(25, 26, 25, .94);
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 16px 38px rgba(0, 0, 0, .28);
}

body.auth-layout .form-inner h1 {
  color: transparent;
  background: linear-gradient(to right, #599A43, #8BBD87);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}

body.auth-layout .field,
body.auth-layout .field:hover,
body.auth-layout .field:focus-within {
  border: 1.5px solid rgba(255, 255, 255, .14);
  background: #191A19 !important;
  box-shadow: none;
}

body.auth-layout .field:focus-within {
  border-color: var(--platfon-green);
  background: #151615 !important;
}

body.auth-layout .field-icon,
body.auth-layout .eye-toggle i {
  color: rgba(255, 255, 255, .55);
}

body.auth-layout .eye-toggle:hover i {
  color: var(--platfon-green-soft);
}

body.auth-layout .field input {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  caret-color: #ffffff;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.auth-layout .field input::placeholder {
  color: rgba(255, 255, 255, .45);
  -webkit-text-fill-color: rgba(255, 255, 255, .45);
}

/* Chrome/Safari autofill white/blue fill override */
body.auth-layout .field input:-webkit-autofill,
body.auth-layout .field input:-webkit-autofill:hover,
body.auth-layout .field input:-webkit-autofill:focus,
body.auth-layout .field input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #191A19 inset !important;
  box-shadow: 0 0 0 1000px #191A19 inset !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff;
  border: 0 !important;
  transition: background-color 99999s ease-out 0s;
}

body.auth-layout .form-options,
body.auth-layout .check-label,
body.auth-layout .register-consents .check-label,
body.auth-layout .switch-copy,
body.auth-layout .forgotten-copy {
  color: rgba(255, 255, 255, .68);
}

body.auth-layout .custom-check {
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .04);
}

body.auth-layout .check-label input:checked + .custom-check {
  border-color: var(--platfon-green);
  background: var(--platfon-green);
}

body.auth-layout .check-label input:focus-visible + .custom-check {
  outline: 3px solid rgba(89, 154, 67, .35);
}

body.auth-layout .text-button,
body.auth-layout .switch-button,
body.auth-layout .guest-continue,
body.auth-layout .guest-continue:hover,
body.auth-layout .guest-continue:active,
body.auth-layout .consent-link {
  color: var(--platfon-green-soft);
}

body.auth-layout .text-button:hover,
body.auth-layout .switch-button:hover {
  color: #8BBD87;
}

body.auth-layout .submit-button {
  background: linear-gradient(108deg, #599a43, #67a75c);
  color: #ffffff;
  box-shadow: none;
}

body.auth-layout .submit-button:hover {
  filter: brightness(1.06);
}

body.auth-layout .notice {
  color: var(--platfon-green-soft);
}

body.auth-layout .notice.error {
  color: #ff8f8f;
}

body.auth-layout .forgotten-back {
  color: var(--platfon-green-soft);
}