/* hs-koyu-tema */
/* Yönetici + işveren giriş/kayıt/şifre sayfaları: App teması (indigo). auth-modern.css'ten sonra yüklenir. */
body.ap.ap-auth--em, body.ap.ap-auth--ad {background: var(--kart,#343739); color: var(--yazi,#ffffff); font-family:var(--font)}
.ap-auth--em .au-bg, .ap-auth--ad .au-bg {display: none !important}
.ap-auth--em :is(.au-h1, .au-card__t, .ap-logo), .ap-auth--ad :is(.au-h1, .au-card__t, .ap-logo) {font-family:var(--font)}
.ap-auth--em .ap-nav, .ap-auth--ad .ap-nav, .ap-auth--em .ap-nav.is-scrolled, .ap-auth--ad .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--em .ap-nav__in, .ap-auth--ad .ap-nav__in {max-width: 976px; margin: 0 auto}
.ap-auth--em .ap-logo, .ap-auth--ad .ap-logo {color: var(--yazi,#ffffff); font-weight:600; font-size: 22px; letter-spacing: -.02em; text-transform: none}
.ap-auth--em .ap-logo__sub, .ap-auth--ad .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--em .ap-nav__contact, .ap-auth--ad .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}
.ap-auth--em .au, .ap-auth--ad .au {padding: clamp(24px, 5vw, 56px) 0 clamp(40px, 6vw, 72px); min-height: calc(100vh - 56px - 96px)}
.ap-auth--em .au-grid, .ap-auth--ad .au-grid {max-width: 976px; padding: 0 20px; gap: 24px 48px}
@media (min-width: 900px) {
.ap-auth--em .au-grid, .ap-auth--ad .au-grid {grid-template-columns: minmax(0, 1fr) minmax(0, 440px)}
.ap-auth--em .au-grid--wide, .ap-auth--ad .au-grid--wide {grid-template-columns: minmax(0, 1fr) minmax(0, 520px)}
.ap-auth--em .au-grid--solo, .ap-auth--ad .au-grid--solo {grid-template-columns: minmax(0, 1fr); max-width: 520px} }
.ap-auth--em .au-grid--solo, .ap-auth--ad .au-grid--solo {max-width: 520px}
.ap-auth--em .au-head .ap-eyebrow, .ap-auth--ad .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--em .au-h1, .ap-auth--ad .au-h1 {font-size: clamp(32px, 5vw, 52px); font-weight:600; line-height: 1.06; letter-spacing: -.035em; color: var(--yazi,#ffffff)}
.ap-auth--em .au-grad, .ap-auth--ad .au-grad {background: none; -webkit-background-clip: initial; background-clip: initial; color: var(--vurgu,#8ab4f8); -webkit-text-fill-color: currentColor}
.ap-auth--em .au-lead, .ap-auth--ad .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--em .au-badge, .ap-auth--ad .au-badge {background: var(--vurgu-acik,#2e3c54); color: var(--vurgu,#8ab4f8); box-shadow: none; border-radius: 18px; border: 1px solid var(--vurgu-orta,#5c7096)}
.ap-auth--em .au-card, .ap-auth--ad .au-card {border-radius: 20px; border: 1px solid var(--cizgi,#4f5153); box-shadow: none; padding: 28px; background: var(--kart,#343739)}
.ap-auth--em .au-card__t, .ap-auth--ad .au-card__t {font-size: 28px; font-weight:600; letter-spacing: -.03em; margin-top: 22px; color: var(--yazi,#ffffff)}
.ap-auth--em .au-card__s, .ap-auth--ad .au-card__s {color: var(--yazi-2,#c4c7c5); font-size: 15px}
.ap-auth--em .au-seg, .ap-auth--ad .au-seg {border-radius: 999px; background: var(--kart,#343739); border: 1px solid var(--cizgi,#4f5153); padding: 3px}
.ap-auth--em .au-seg a, .ap-auth--ad .au-seg a {border-radius: 999px; min-height: 38px; color: var(--yazi-2,#c4c7c5); font-weight: 500}
.ap-auth--em .au-seg a[aria-current="page"], .ap-auth--ad .au-seg a[aria-current="page"] {background: var(--vurgu-acik,#2e3c54); color: var(--vurgu,#8ab4f8); font-weight: 600; box-shadow: none}
.ap-auth--em .au-in, .ap-auth--ad .au-in {height: 56px; border-radius: 14px; border: 1px solid var(--vurgu-orta,#5c7096); font-size: 16px; background: var(--kart,#343739)}
.ap-auth--em .au-in:hover, .ap-auth--ad .au-in:hover {border-color: var(--cizgi-koyu,#5e6368)}
.ap-auth--em .au-in:focus, .ap-auth--ad .au-in:focus {border-color: var(--vurgu,#8ab4f8); box-shadow: 0 0 0 3px rgba(129,201,149,0.16)}
.ap-auth--em .au-in:disabled, .ap-auth--ad .au-in:disabled {background: var(--kart,#343739); color: var(--yazi-3,#a2a3aa); border-style: dashed}
.ap-auth--em .au-in:focus ~ label, .ap-auth--ad .au-in:focus ~ label {color: var(--vurgu,#8ab4f8)}
.ap-auth--em .au-err, .ap-auth--ad .au-err {border-radius: 12px; background: var(--kart,#343739); border: 1px solid var(--hata-orta,#7a4146); color: var(--hata,#f28b82)}
.ap-auth--em .au-chip span, .ap-auth--ad .au-chip span {border-radius: 14px; border: 1px solid var(--vurgu-orta,#5c7096); background: var(--kart,#343739)}
.ap-auth--em .au-chip input:checked + span, .ap-auth--ad .au-chip input:checked + span {border-color: var(--vurgu,#8ab4f8); background: var(--vurgu-acik,#2e3c54); box-shadow: none; color: var(--vurgu,#8ab4f8)}
.ap-auth--em .au-chip input:checked + span svg, .ap-auth--ad .au-chip input:checked + span svg {stroke: var(--vurgu,#8ab4f8)}
.ap-auth--em .au-check__box, .ap-auth--ad .au-check__box {border-radius: 6px; border-color: var(--cizgi-koyu,#5e6368)}
.ap-auth--em .au-check input:checked ~ .au-check__box, .ap-auth--ad .au-check input:checked ~ .au-check__box {background: var(--vurgu,#8ab4f8); border-color: var(--vurgu,#8ab4f8)}
.ap-auth--em .au-steps i, .ap-auth--ad .au-steps i, .ap-auth--em .au-meter i, .ap-auth--ad .au-meter i {border-radius: 999px}
.ap-auth--em .au-stephead__ic, .ap-auth--ad .au-stephead__ic, .ap-auth--em .au-points__ic, .ap-auth--ad .au-points__ic, .ap-auth--em .au-trust, .ap-auth--ad .au-trust, .ap-auth--em .au-map, .ap-auth--ad .au-map {border-radius: 14px; background: var(--kart,#343739); border: 1px solid var(--cizgi,#4f5153); box-shadow: none}
.ap-auth--em .au-stephead__ic, .ap-auth--ad .au-stephead__ic, .ap-auth--em .au-points__ic, .ap-auth--ad .au-points__ic {color: var(--vurgu,#8ab4f8); background: var(--vurgu-acik,#2e3c54); border-color: var(--vurgu-orta,#5c7096)}
.ap-auth--em .ap-btn, .ap-auth--ad .ap-btn {border-radius: 999px; font-weight: 600; letter-spacing: -.005em}
.ap-auth--em .ap-btn--primary, .ap-auth--ad .ap-btn--primary {background: var(--vurgu,#8ab4f8); color: var(--vurgu-ustu,#202124); box-shadow: none}
.ap-auth--em .ap-btn--primary:hover, .ap-auth--ad .ap-btn--primary:hover {background: var(--vurgu,#8ab4f8); box-shadow: none}
.ap-auth--em .ap-btn--outline, .ap-auth--ad .ap-btn--outline {background: var(--kart,#343739); border: 1px solid var(--vurgu-orta,#5c7096); color: var(--yazi,#ffffff); border-radius: 999px}
.ap-auth--em .ap-btn--outline:hover, .ap-auth--ad .ap-btn--outline:hover {background: var(--vurgu-acik,#2e3c54); border-color: var(--vurgu-orta,#5c7096); color: var(--vurgu,#8ab4f8)}
.ap-auth--em .au-link, .ap-auth--ad .au-link, .ap-auth--em .au-linkbtn, .ap-auth--ad .au-linkbtn, .ap-auth--em .au-alt a, .ap-auth--ad .au-alt a {color: var(--vurgu,#8ab4f8); font-weight: 600}
.ap-auth--em .au-link:hover, .ap-auth--ad .au-link:hover, .ap-auth--em .au-alt a:hover, .ap-auth--ad .au-alt a:hover {text-decoration: underline}
.ap-auth--em .au-alt, .ap-auth--ad .au-alt {color: var(--yazi-2,#c4c7c5); border-top: 1px solid var(--cizgi,#4f5153)}
.ap-auth--em .toast, .ap-auth--ad .toast {border-radius: 999px; background: #1b1f27; border-left: 0}
.ap-auth--em :is(a, button, input, select, textarea):focus-visible, .ap-auth--ad :is(a, button, input, select, textarea):focus-visible {outline: 2px solid var(--vurgu,#8ab4f8); outline-offset: 2px}
.ap-auth--em .au-foot, .ap-auth--ad .au-foot {background: var(--kart,#343739); border-top: 1px solid var(--cizgi,#4f5153)}
.ap-auth--em .au-foot__in, .ap-auth--ad .au-foot__in {max-width: 976px; margin: 0 auto}
.ap-auth--em .hsck-card, .ap-auth--ad .hsck-card {border-radius: 20px; border: 1px solid var(--cizgi,#4f5153); box-shadow: 0 8px 30px rgba(10, 30, 24, .10)}
.ap-auth--em .hsck-btn, .ap-auth--ad .hsck-btn {border-radius: 999px !important}
.ap-auth--em .hsck-btn--primary, .ap-auth--ad .hsck-btn--primary {background: var(--vurgu,#8ab4f8) !important; color: var(--vurgu-ustu,#202124) !important}
.ap-auth--em .hsck-card a, .ap-auth--ad .hsck-card a {color: var(--vurgu,#8ab4f8); text-decoration: underline}
@media (max-width: 559px) {
.ap-auth--em .au-grid, .ap-auth--ad .au-grid {padding: 0 16px}
.ap-auth--em .au-card, .ap-auth--ad .au-card {padding: 22px 18px; border-radius: 18px}
.ap-auth--em .au-card__t, .ap-auth--ad .au-card__t {font-size: 26px} }
.ap-auth--em, .ap-auth--ad { --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)}
body.ap.ap-auth--em, body.ap.ap-auth--ad { background: var(--girdi,#26282b)}
.ap-auth--em .ap-nav, .ap-auth--ad .ap-nav, .ap-auth--em .ap-nav.is-scrolled, .ap-auth--ad .ap-nav.is-scrolled { background: var(--kart,#343739); box-shadow: none}
.ap-auth--em .ap-logo, .ap-auth--ad .ap-logo { color: #fff}
.ap-auth--em .ap-logo__sub, .ap-auth--ad .ap-logo__sub { background: rgba(126, 224, 181, .16); color: var(--vurgu,#8ab4f8)}
.ap-auth--em .ap-nav__contact, .ap-auth--ad .ap-nav__contact { background: rgba(255, 255, 255, .1); color: #fff !important; border-radius: 10px}
.ap-auth--em .au-card, .ap-auth--ad .au-card, .ap-auth--em .au-foot, .ap-auth--ad .au-foot { background: var(--kart,#343739)}
.ap-auth--em .au-in, .ap-auth--ad .au-in, .ap-auth--em .au-chip span, .ap-auth--ad .au-chip span { border-radius: 10px}
.ap-auth--em .ap-btn, .ap-auth--ad .ap-btn, .ap-auth--em .au-seg, .ap-auth--ad .au-seg, .ap-auth--em .au-seg a, .ap-auth--ad .au-seg a, .ap-auth--em .ap-nav__contact, .ap-auth--ad .ap-nav__contact, .ap-auth--em .hsck-btn, .ap-auth--ad .hsck-btn { border-radius: 10px !important}
.ap-auth--em .au-card, .ap-auth--ad .au-card { border-radius: 14px}
.ap-auth--em .au-head .ap-eyebrow, .ap-auth--ad .au-head .ap-eyebrow { border-radius: 6px}

/* App görünümü */
body.ap.ap-auth--em, body.ap.ap-auth--ad { background: radial-gradient(900px 420px at 85% -10%, rgba(59, 155, 255, .20), transparent 60%), radial-gradient(800px 420px at -5% 0%, rgba(0, 113, 227, .20), transparent 60%), var(--girdi,#26282b)}
.ap-auth--em :is(.au-h1, .au-card__t), .ap-auth--ad :is(.au-h1, .au-card__t) { font-weight:600; letter-spacing: -.04em}
.ap-auth--em .au-card, .ap-auth--ad .au-card { border: 0 !important; border-radius: 28px !important; box-shadow: 0 2px 4px rgba(138,180,248,0.05), 0 24px 60px rgba(138,180,248,0.14) !important; animation: ap-rise .55s cubic-bezier(.34, 1.4, .5, 1) both}
.ap-auth--em .au-card .btn, .ap-auth--ad .au-card .btn, .ap-auth--em .au-card button[type=submit], .ap-auth--ad .au-card button[type=submit] { border-radius: 14px !important; background: linear-gradient(120deg, var(--vurgu,#8ab4f8), var(--vurgu,#8ab4f8) 60%, var(--vurgu,#8ab4f8)) !important; border: 0 !important; color: var(--vurgu-ustu,#202124) !important; box-shadow: 0 10px 22px rgba(138,180,248,0.32); transition: transform .25s cubic-bezier(.34, 1.4, .5, 1)}
.ap-auth--em .au-card button[type=submit]:active, .ap-auth--ad .au-card button[type=submit]:active { transform: scale(.97)}
.ap-auth--em .au-card input, .ap-auth--ad .au-card input, .ap-auth--em .au-card select, .ap-auth--ad .au-card select { border-radius: 14px !important}
@keyframes ap-rise { from { opacity: 0; transform: translateY(16px)} to { opacity: 1; transform: none} }
@media (prefers-reduced-motion: reduce) { .ap-auth--em .au-card, .ap-auth--ad .au-card { animation: none} }
body.ap.ap-auth--em .ap-nav .ap-logo, body.ap.ap-auth--ad .ap-nav .ap-logo, body.ap.ap-auth--em .ap-nav .ap-logo span:not(.ap-logo__sub), body.ap.ap-auth--ad .ap-nav .ap-logo span:not(.ap-logo__sub) { color: var(--yazi,#ffffff) !important}
body.ap.ap-auth--em .ap-nav .ap-nav__contact, body.ap.ap-auth--ad .ap-nav .ap-nav__contact { background: var(--vurgu-acik,#2e3c54) !important; color: var(--vurgu,#8ab4f8) !important}
body.ap.ap-auth--em .ap-nav .ap-logo__sub, body.ap.ap-auth--ad .ap-nav .ap-logo__sub { background: var(--vurgu-acik,#2e3c54) !important; color: var(--vurgu,#8ab4f8) !important}

/* İşletme giriş/kayıt: beyaz, sade */
body.ap.ap-auth.ap-auth--em, html:has(body.ap-auth--em) { background: var(--kart,#343739) !important; background-image: none !important}
body.ap-auth--em .au-bg, body.ap-auth--em .au-foot, body.ap-auth--em .au-seg, body.ap-auth--em .au-head .ap-eyebrow { display: none !important}
body.ap-auth--em .au-card { box-shadow: none !important; border: 1px solid var(--cizgi,#4f5153) !important}
body.ap-auth--em .au-card__t { margin-top: 0 !important}
body.ap-auth--em :is(.au-btn, .ap-btn, button[type="submit"]) { box-shadow: none !important}
body.ap-auth--em .au-submit { background: var(--vurgu,#8ab4f8) !important}
body.ap-auth--em .au-submit:hover { background: var(--vurgu,#8ab4f8) !important}
body.ap-auth--em .au-submit { background-image: none !important; box-shadow: none !important}
body.ap-auth--em .au-card button[type=submit], body.ap-auth--em .au-card .btn { background: var(--vurgu,#8ab4f8) !important; background-image: none !important; box-shadow: none !important}
body.ap-auth--em .au-card button[type=submit]:hover { background: var(--vurgu,#8ab4f8) !important}