/* ============================================================
   מסך התחברות/הרשמה — עיצוב חם ("שולחן מטבח משפחתי")
   ============================================================ */
:root{
  --a-cream:#FBF8F2; --a-paper:#FFFFFF; --a-ink:#2A2550; --a-muted:#7B7699;
  --a-indigo:#4338CA; --a-indigo2:#5B52D6; --a-isoft:#ECEBFB;
  --a-gold:#C9A24B; --a-goldd:#A9822F; --a-line:#EDE7DB; --a-red:#C0455E;
}
.auth-screen{
  min-height:100vh; min-height:100dvh;
  background:radial-gradient(900px 480px at 50% -6%, #FDF6E7, transparent 60%), var(--a-cream);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:34px 22px calc(26px + env(safe-area-inset-bottom,0px));
  font-family:'Heebo',system-ui,sans-serif; direction:rtl;
}
.auth-hero{ text-align:center; max-width:360px; }
.auth-mark{ width:88px; height:88px; margin:0 auto 8px; }
.auth-mark svg{ width:100%; height:100%; display:block; }
.auth-title{ font-size:32px; font-weight:900; color:var(--a-ink); letter-spacing:-.02em; margin:0; }
.auth-sub{ color:var(--a-muted); font-size:16px; line-height:1.55; max-width:280px; margin:6px auto 22px; }

.auth-card{
  width:100%; max-width:400px; background:var(--a-paper);
  border:1px solid var(--a-line); border-radius:22px; padding:22px;
  box-shadow:0 22px 48px -28px rgba(42,37,80,.42);
}
.auth-tabs{ display:flex; background:var(--a-cream); border-radius:14px; padding:5px; gap:5px; margin-bottom:18px; }
.auth-tab{ flex:1; padding:11px; border:none; background:none; border-radius:10px; font-weight:700; font-size:15px; color:var(--a-muted); cursor:pointer; font-family:inherit; }
.auth-tab.is-on{ background:var(--a-paper); color:var(--a-indigo); box-shadow:0 3px 10px -4px rgba(67,56,202,.4); }

.auth-form{ display:block; }
.auth-field{ margin-bottom:14px; }
.auth-field.is-hidden{ display:none; }
.auth-field label{ display:block; font-size:13px; font-weight:700; color:var(--a-ink); margin-bottom:7px; }
.auth-input{
  width:100%; background:var(--a-cream); border:1.5px solid var(--a-line);
  border-radius:13px; padding:13px 14px; font-size:15px; color:var(--a-ink); font-family:inherit;
}
.auth-input::placeholder{ color:#B7B2C7; }
.auth-input:focus{ outline:none; border-color:var(--a-indigo2); background:var(--a-paper); }

.auth-error{ background:#FBEAEE; color:var(--a-red); border-radius:11px; padding:10px 13px; font-size:13.5px; font-weight:600; margin-bottom:12px; }

.auth-btn{
  width:100%; margin-top:4px; background:var(--a-indigo); color:#fff; border:none;
  border-radius:14px; padding:15px; font-weight:800; font-size:16px; cursor:pointer; font-family:inherit;
  box-shadow:0 14px 26px -12px rgba(67,56,202,.8); transition:transform .06s, opacity .2s;
}
.auth-btn:active{ transform:scale(.98); }
.auth-btn:disabled,.auth-btn.is-loading{ opacity:.7; cursor:default; }

.auth-switch{ text-align:center; margin-top:16px; font-size:14px; color:var(--a-muted); }
.auth-switch-btn{ background:none; border:none; color:var(--a-indigo); font-weight:800; font-size:14px; cursor:pointer; font-family:inherit; padding:2px; }

.auth-foot{ margin-top:22px; color:var(--a-muted); font-size:13px; font-weight:600; }
.auth-foot .sg1{ color:var(--a-indigo); font-weight:800; }
.auth-foot .sg2{ font-weight:800; background:linear-gradient(90deg,#4B4FB0,#7A4BC8,#A83FB5); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* אישור קבלת דיוור (ברירת מחדל מסומן) */
.auth-consent{display:flex;align-items:flex-start;gap:9px;margin:4px 2px 14px;font-size:12.5px;color:#6b6a86;line-height:1.5;cursor:pointer}
.auth-consent input{margin-top:2px;flex:0 0 auto;width:16px;height:16px;accent-color:#4338CA}
.auth-consent span{flex:1}

.auth-consent.is-hidden{display:none}