/* Presentation-only dialog: no form fields or account actions. */
.recovery-auth-overlay{position:fixed;inset:0;z-index:10000020;display:flex;align-items:center;justify-content:center;padding:16px;background:#000b;overflow-y:auto;overscroll-behavior:contain}
.recovery-auth-overlay[hidden],.recovery-auth-panel[hidden]{display:none!important}
.recovery-auth-dialog{position:relative;flex:0 1 440px;width:440px;max-width:100%;max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:16px;background:#0f1923;color:#e8edf2;font:14px/1 Outfit,Arial,sans-serif;box-shadow:0 20px 70px #0005;outline:0;animation:recovery-auth-appear .16s ease-out}
.recovery-auth-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:56px;padding:0 56px;border-radius:16px 16px 0 0}
.recovery-auth-header h2{margin:0;color:#e8edf2;font-size:18px;line-height:24px;font-weight:600}
.recovery-auth-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:32px;height:32px;padding:4px;background:transparent;border:0;border-radius:6px;color:#e8edf2;cursor:pointer}
.recovery-auth-close:hover{background:#e8edf20f}.recovery-auth-close svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.recovery-auth-content{padding:16px 24px 8px}
.recovery-auth-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-bottom:16px;padding:0 16px;border:1px solid #384f68;border-radius:8px;background:#1f3246;color:#8a9aac;font-size:16px;line-height:1.2;font-weight:400;cursor:default;user-select:none;-webkit-user-select:none;pointer-events:none}
.recovery-auth-field svg{display:block;flex-shrink:0;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.recovery-auth-forgot{display:block;min-height:20px;margin:0 0 20px;color:#89a;font-size:14px;line-height:20px;text-align:right;user-select:none}
.recovery-auth-submit{display:flex;align-items:center;justify-content:center;width:100%;height:52px;padding:0;border:0;border-radius:8px;background:#d62828;color:#fff;font:600 18px/30px Outfit,Arial,sans-serif;text-align:center;cursor:default}
.recovery-auth-submit:disabled{background:#d62828;color:#fff;opacity:.72;cursor:default;filter:none}
.recovery-auth-switch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;min-height:46px;padding:16px 24px;color:#89a;font-size:14px;line-height:18px}
.recovery-auth-switch button{padding:0;border:0;background:none;color:#d62828;font:inherit;cursor:pointer}.recovery-auth-switch button:hover{color:#f14b4b}
.recovery-auth-register h3{margin:0 0 16px;color:#e8edf2;font-size:15px;line-height:20px;font-weight:500}
.recovery-auth-progress{display:flex;gap:8px;margin:0 0 20px}.recovery-auth-progress span{height:3px;border-radius:2px;background:#384f68;flex:1}.recovery-auth-progress span:first-child{background:#d62828}
.recovery-auth-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.recovery-auth-dialog button:focus-visible{outline:2px solid #d62828;outline-offset:3px}
.recovery-auth-dialog input:focus-visible{outline:0}
@keyframes recovery-auth-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:479px){.recovery-auth-overlay{padding:12px}.recovery-auth-dialog{max-height:calc(100dvh - 24px);border-radius:14px}.recovery-auth-content{padding:16px 20px 8px}.recovery-auth-content{padding-top:18px}.recovery-auth-field{font-size:14px}.recovery-auth-switch{padding:16px 20px}}
@media(prefers-reduced-motion:reduce){.recovery-auth-dialog{animation:none}}

/* ---- MOBIL: tam ekran giris (gorseldeki gibi) ---- */
@media (max-width: 900px) {
  .recovery-auth-overlay{padding:0;background:#08111c;align-items:stretch;display:block;overflow-y:auto}
  .recovery-auth-dialog{
    width:100%;max-width:100%;min-height:100dvh;max-height:none;border-radius:0;
    background:#08111c;box-shadow:none;display:flex;flex-direction:column;
    padding:0 0 env(safe-area-inset-bottom,0);font-family:Outfit,Arial,sans-serif
  }
  .recovery-auth-header{min-height:58px;padding:0 52px;border-radius:0;border-bottom:1px solid #16283a}
  .recovery-auth-header h2{font-size:15px;font-weight:800;letter-spacing:.2px;color:#fff}
  .recovery-auth-close{right:14px;top:13px;width:32px;height:32px;color:#c6d3de}
  .recovery-auth-close svg{width:22px;height:22px;stroke-width:2.2}
  .recovery-auth-content{padding:22px 22px 8px}
  .recovery-auth-field{min-height:54px;margin-bottom:14px;padding:0 16px;border-radius:8px;border:1px solid #24374d;background:#16273a}
  .recovery-auth-field .recovery-auth-input{width:100%;height:52px;border:0;background:transparent;color:#eaf2f9;font-size:15px;outline:0}
  .recovery-auth-field .recovery-auth-input::placeholder{color:#7e91a6}
  .recovery-auth-eye{color:#7e91a6}
  .recovery-auth-forgot{margin:2px 2px 20px;color:#a8bacb;font-size:13.5px;text-align:right}
  .recovery-auth-submit{height:50px;border-radius:8px;background:#e11d1d;color:#fff;font-size:15px;font-weight:800;letter-spacing:.4px}
  .recovery-auth-switch{margin-top:auto;padding:18px 22px 26px;color:#8ea3b7;font-size:13.5px}
  .recovery-auth-switch button{color:#e11d1d;font-weight:700}
  .recovery-auth-register h3{font-size:14px;color:#9fb2c4;font-weight:600}
  .recovery-auth-progress{margin:0 0 18px}
  .recovery-auth-progress span{height:4px;border-radius:2px;background:#1e3348}
  .recovery-auth-progress span:first-child{background:#e11d1d}
  .recovery-auth-field-pair{gap:10px}
}


/* giriş hatası kutusu */
.recovery-auth-alert{display:flex;align-items:center;gap:10px;margin:14px 0 20px;padding:12px 14px;border-radius:10px;background:#282129;color:#ff7b7b;font:500 13.5px/1.35 Outfit,Arial,sans-serif}
.recovery-auth-alert[hidden]{display:none}
.recovery-auth-alert svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}