/* ===== ShamCash Auth pages (login / register) — dark theme ===== */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;
  padding:40px 18px;position:relative;overflow:hidden}
.auth-wrap::before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);
  width:820px;height:560px;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(129,160,242,.18),rgba(129,242,189,.08) 42%,transparent 70%);filter:blur(12px)}
.auth-card{position:relative;z-index:1;width:100%;max-width:430px;
  background:linear-gradient(180deg,var(--surface),var(--bg-2));
  border:1px solid var(--border);border-radius:24px;padding:40px 34px;
  box-shadow:0 30px 70px rgba(0,0,0,.45)}
.auth-card.wide{max-width:500px}
.auth-logo{display:flex;justify-content:center;margin-bottom:22px}
.auth-logo img{height:48px;width:auto}
.auth-card h1{text-align:center;font-size:1.6rem;font-weight:700;color:var(--text)}
.auth-sub{text-align:center;color:var(--muted);font-size:.98rem;margin:8px 0 26px}
.field{margin-bottom:18px}
.field label{display:block;color:var(--text);font-size:.92rem;font-weight:500;margin-bottom:8px}
.field .input-wrap{position:relative}
.field input{width:100%;height:50px;border-radius:12px;padding:0 16px;
  background:rgba(255,255,255,.03);border:1px solid var(--border-2);color:var(--text);
  font-size:1rem;font-family:inherit;transition:.2s}
.field input::placeholder{color:var(--muted-2)}
.field input:focus{outline:none;border-color:var(--teal);background:rgba(255,255,255,.05)}
.field .toggle-pass{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);
  color:var(--muted);cursor:pointer;background:none;border:0;font-size:1rem}
.field.has-icon input{padding-inline-start:44px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.auth-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:10px;flex-wrap:wrap}
.auth-row label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.92rem;cursor:pointer}
.auth-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--teal)}
.auth-row a{color:var(--blue);font-size:.92rem}
.auth-row a:hover{color:var(--teal)}
.btn-submit{width:100%;height:52px;border:0;border-radius:12px;cursor:pointer;
  font-size:1.05rem;font-weight:600;color:#0c1020;
  background:linear-gradient(135deg,var(--teal),var(--blue));transition:.25s}
.btn-submit:hover{filter:brightness(1.06);box-shadow:0 10px 30px rgba(129,160,242,.3)}
.auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0;color:var(--muted-2);font-size:.9rem}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--border)}
.btn-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:52px;
  border-radius:12px;border:1px solid var(--border-2);background:rgba(255,255,255,.04);
  color:var(--text);font-size:1rem;font-weight:500;transition:.25s;cursor:pointer}
.btn-google:hover{background:rgba(255,255,255,.08);border-color:var(--border-2)}
.btn-google svg{width:22px;height:22px}
.auth-register{text-align:center;color:var(--muted);font-size:.95rem;margin-top:24px}
.auth-register a{color:var(--teal);font-weight:600}
.auth-back{display:block;text-align:center;color:var(--muted-2);font-size:.9rem;margin-top:18px}
.auth-back:hover{color:var(--muted)}
.auth-alert{border-radius:12px;padding:12px 16px;margin-bottom:18px;font-size:.93rem;border:1px solid}
.auth-alert.err{background:rgba(224,70,90,.1);border-color:rgba(224,70,90,.4);color:#ffb3bd}
.auth-alert.ok{background:rgba(129,242,189,.1);border-color:rgba(129,242,189,.35);color:#9af2c4}

/* intl-tel-input dark overrides */
.iti{width:100%;direction:ltr!important}
.iti input,.iti input[type=tel]{height:50px;border-radius:12px;
  background:rgba(255,255,255,.03)!important;border:1px solid var(--border-2)!important;
  color:var(--text)!important}
.iti__selected-flag{border-radius:0 12px 12px 0;background:rgba(255,255,255,.04)!important}
.iti--separate-dial-code .iti__selected-dial-code{color:var(--text)}
.iti__country-list{background:var(--surface)!important;border:1px solid var(--border-2)!important;
  color:var(--text);border-radius:12px;text-align:left}
.iti__country{color:var(--text)}
.iti__country.iti__highlight{background:rgba(255,255,255,.08)!important}
.iti__country .iti__dial-code{color:var(--muted)}
[dir="rtl"] .iti--allow-dropdown .iti__flag-container,[dir="rtl"] .iti--separate-dial-code .iti__flag-container{right:auto;left:0}

@media(max-width:480px){.auth-card{padding:32px 22px}.field-row{grid-template-columns:1fr}}