/* hs-koyu-tema */
/* ==========================================================================
   Hadi Sende - Giriş / Kayıt / Şifre sayfaları: herkese açık site teması
   (beyaz zemin, ince çizgili kartlar, hap düğmeler, Outfit/Inter, mavi vurgu).
   auth.css ve auth-flix.css'ten SONRA yüklenir; üç rol için de geçerlidir
   (iş arayan, işletme, yönetici). Kapatmak için <link> satırını kaldırın.
   ========================================================================== */
body.ap.ap-auth { background: var(--kart,#343739); color: var(--yazi,#ffffff); font-family:var(--font)}
body.ap.ap-auth :is(.ap-auth--js, .ap-auth--em, .ap-auth--ad),
.ap-auth, .ap-auth--em, .ap-auth--ad, .ap-auth--js {
  --ap-blue: var(--vurgu,#8ab4f8); --ap-blue-h: var(--vurgu,#8ab4f8); --ap-link: var(--vurgu,#8ab4f8); --ap-ink: var(--yazi,#ffffff); --ap-mute: var(--yazi-2,#c4c7c5); --ap-soft: var(--yazi-3,#a2a3aa);
  --au-a: var(--vurgu,#8ab4f8); --au-b: var(--vurgu,#8ab4f8); --au-tint: var(--vurgu-acik,#2e3c54); --au-eb: var(--vurgu,#8ab4f8)}
.ap-auth .au-bg { display: none !important}
.ap-auth :is(.au-h1, .au-card__t, .ap-logo) { font-family:var(--font)}

/* Üst çubuk */
.ap-auth .ap-nav, .ap-auth .ap-nav.is-scrolled { background: var(--kart,#343739); box-shadow: 0 1px 0 var(--kart,#343739); -webkit-backdrop-filter: none; backdrop-filter: none}
.ap-auth .ap-nav__in { max-width: 976px; margin: 0 auto}
.ap-auth .ap-logo { color: var(--yazi,#ffffff); font-weight:600; font-size: 22px; letter-spacing: -.02em; text-transform: none}
.ap-auth .ap-logo__sub { display: inline-block; margin-left: 8px; padding: 3px 10px; border-radius: 999px; background: var(--vurgu-acik,#2e3c54); color: var(--vurgu,#8ab4f8); font-size: 11px; font-weight: 600; letter-spacing: 0; text-transform: none}
.ap-auth .ap-nav__contact { display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border-radius: 999px; background: var(--vurgu-acik,#2e3c54); color: var(--vurgu,#8ab4f8) !important; font-weight: 600; font-size: 14px}

/* İskelet: indeks sayfasıyla aynı genişlik */
.ap-auth .au { padding: clamp(24px, 5vw, 56px) 0 clamp(40px, 6vw, 72px); min-height: calc(100vh - 56px - 96px)}
.ap-auth .au-grid { max-width: 976px; padding: 0 20px; gap: 24px 48px}
@media (min-width: 900px) {
  .ap-auth .au-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 440px)}
  .ap-auth .au-grid--wide { grid-template-columns: minmax(0, 1fr) minmax(0, 520px)}
  .ap-auth .au-grid--solo { grid-template-columns: minmax(0, 1fr); max-width: 520px}
}
.ap-auth .au-grid--solo { max-width: 520px}

/* Başlık alanı */
.ap-auth .au-head .ap-eyebrow { display: inline-flex; padding: 5px 12px; border-radius: 999px; background: var(--vurgu-acik,#2e3c54); color: var(--vurgu,#8ab4f8); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none}
.ap-auth .au-h1 { font-size: clamp(32px, 5vw, 52px); font-weight:600; line-height: 1.06; letter-spacing: -.035em; color: var(--yazi,#ffffff)}
.ap-auth .au-grad { background: none; -webkit-background-clip: initial; background-clip: initial; color: var(--vurgu,#8ab4f8); -webkit-text-fill-color: currentColor}
.ap-auth .au-lead { font-size: clamp(16px, 1.8vw, 18px); font-weight: 400; line-height: 1.5; letter-spacing: -.005em; color: var(--yazi-2,#c4c7c5)}
.ap-auth .au-badge { background: var(--vurgu-acik,#2e3c54); color: var(--vurgu,#8ab4f8); box-shadow: none; border-radius: 18px; border: 1px solid var(--vurgu-orta,#5c7096)}

/* Kart: ince çizgili, gölgesiz */
.ap-auth .au-card { border-radius: 20px; border: 1px solid var(--cizgi,#4f5153); box-shadow: none; padding: 28px; background: var(--kart,#343739)}
.ap-auth .au-card__t { font-size: 28px; font-weight:600; letter-spacing: -.03em; margin-top: 22px; color: var(--yazi,#ffffff)}
.ap-auth .au-card__s { color: var(--yazi-2,#c4c7c5); font-size: 15px}
.ap-auth .au-seg { border-radius: 999px; background: var(--kart,#343739); border: 1px solid var(--cizgi,#4f5153); padding: 3px}
.ap-auth .au-seg a { border-radius: 999px; min-height: 38px; color: var(--yazi-2,#c4c7c5); font-weight: 500}
.ap-auth .au-seg a[aria-current="page"] { background: var(--vurgu-acik,#2e3c54); color: var(--vurgu,#8ab4f8); font-weight: 600; box-shadow: none}

/* Form alanları */
.ap-auth .au-in { height: 56px; border-radius: 14px; border: 1px solid var(--cizgi,#4f5153); font-size: 16px; background: var(--kart,#343739)}
.ap-auth .au-in:hover { border-color: var(--cizgi-koyu,#5e6368)}
.ap-auth .au-in:focus { border-color: var(--vurgu,#8ab4f8); box-shadow: 0 0 0 3px rgba(138,180,248,0.16)}
.ap-auth .au-in:disabled { background: var(--kart,#343739); color: var(--yazi-3,#a2a3aa); border-style: dashed}
.ap-auth .au-in:focus ~ label { color: var(--vurgu,#8ab4f8)}
.ap-auth .au-err { border-radius: 12px; background: var(--kart,#343739); border: 1px solid var(--hata-orta,#7a4146); color: var(--hata,#f28b82)}
.ap-auth .au-chip span { border-radius: 14px; border: 1px solid var(--cizgi,#4f5153); background: var(--kart,#343739)}
.ap-auth .au-chip input:checked + span { border-color: var(--vurgu,#8ab4f8); background: var(--vurgu-acik,#2e3c54); box-shadow: none; color: var(--vurgu,#8ab4f8)}
.ap-auth .au-chip input:checked + span svg { stroke: var(--vurgu,#8ab4f8)}
.ap-auth .au-check__box { border-radius: 6px; border-color: var(--cizgi-koyu,#5e6368)}
.ap-auth .au-check input:checked ~ .au-check__box { background: var(--vurgu,#8ab4f8); border-color: var(--vurgu,#8ab4f8)}
.ap-auth .au-steps i, .ap-auth .au-meter i { border-radius: 999px}
.ap-auth .au-stephead__ic, .ap-auth .au-points__ic, .ap-auth .au-trust, .ap-auth .au-map { border-radius: 14px; background: var(--kart,#343739); border: 1px solid var(--cizgi,#4f5153); box-shadow: none}
.ap-auth .au-stephead__ic, .ap-auth .au-points__ic { color: var(--vurgu,#8ab4f8); background: var(--vurgu-acik,#2e3c54); border-color: var(--vurgu-orta,#5c7096)}

/* Düğmeler ve bağlantılar */
.ap-auth .ap-btn { border-radius: 999px; font-weight: 600; letter-spacing: -.005em}
.ap-auth .ap-btn--primary { background: var(--vurgu,#8ab4f8); color: var(--vurgu-ustu,#202124); box-shadow: none}
.ap-auth .ap-btn--primary:hover { background: var(--vurgu,#8ab4f8); box-shadow: none}
.ap-auth .ap-btn--outline { background: var(--kart,#343739); border: 1px solid var(--cizgi,#4f5153); color: var(--yazi,#ffffff); border-radius: 999px}
.ap-auth .ap-btn--outline:hover { background: var(--vurgu-acik,#2e3c54); border-color: var(--vurgu-orta,#5c7096); color: var(--vurgu,#8ab4f8)}
.ap-auth .au-link, .ap-auth .au-linkbtn, .ap-auth .au-alt a { color: var(--vurgu,#8ab4f8); font-weight: 600}
.ap-auth .au-link:hover, .ap-auth .au-alt a:hover { text-decoration: underline}
.ap-auth .au-alt { color: var(--yazi-2,#c4c7c5); border-top: 1px solid var(--cizgi,#4f5153)}
.ap-auth .toast { border-radius: 999px; background: #1b1f27; border-left: 0}
.ap-auth :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--vurgu,#8ab4f8); outline-offset: 2px}

/* Alt bilgi: beyaz, ince çizgi */
.ap-auth .au-foot { background: var(--kart,#343739); border-top: 1px solid var(--cizgi,#4f5153)}
.ap-auth .au-foot__in { max-width: 976px; margin: 0 auto}

/* Çerez bandı */
.ap-auth .hsck-card { border-radius: 20px; border: 1px solid var(--cizgi,#4f5153); box-shadow: 0 8px 30px rgba(27, 31, 39, .10)}
.ap-auth .hsck-btn { border-radius: 999px !important}
.ap-auth .hsck-btn--primary { background: var(--vurgu,#8ab4f8) !important; color: var(--vurgu-ustu,#202124) !important}
.ap-auth .hsck-card a { color: var(--vurgu,#8ab4f8); text-decoration: underline}

@media (max-width: 559px) {
  .ap-auth .au-grid { padding: 0 16px}
  .ap-auth .au-card { padding: 22px 18px; border-radius: 18px}
  .ap-auth .au-card__t { font-size: 26px}
}