/* =============================================================
   ReelCoach · הכניסה לאזור האישי - לפי קובץ העיצוב המאושר
   =============================================================
   המידות נמדדו מהרפרנס ב-1440x900 דרך getComputedStyle. **הטופס
   עצמו לא נגעתי בו**: אותו `#login-form`, אותם `#username`
   ו-`#password` עם אותם `name` ו-`autocomplete`, ואותה שליחה
   ל-/api/login. עמוד כניסה שנראה טוב ולא מצליח להכניס הוא נעילה
   של לקוחות משלמים מחוץ למוצר.
   ============================================================= */

body.rc-login{
  --rc-orange:#ff4d0a; --rc-paper:#f5f2ec; --rc-muted:#aaa7a2;
  --rc-line:#38383c; --rc-panel:#101011;
  background:#050505; color:var(--rc-paper);
  font-family:Assistant,Arial,sans-serif;
  min-height:100vh; isolation:isolate; margin:0;
}
body.rc-login::before{
  content:"";position:fixed;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(5,5,5,.55) 0%,rgba(5,5,5,.80) 55%,rgba(5,5,5,.97) 100%),
             url('/assets/court-hero.jpg') center/cover no-repeat !important;
  filter:saturate(.78) contrast(1.08) !important;
}
body.rc-login::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 28% 46%,rgba(255,77,10,.14),transparent 30%),
             linear-gradient(180deg,transparent 62%,#050505 100%);
}

/* ---------- שתי העמודות ---------- */
body.rc-login .rc-loginwrap{
  display:grid;
  grid-template-columns:minmax(0,520px) minmax(0,596px);
  gap:100px;align-items:center;justify-content:center;
  min-height:100vh;padding:54px 72px;
}

/* ---------- כרטיס הכניסה (העמודה הימנית) ---------- */
body.rc-login .rc-login-panel{
  padding:48px;
  border:1px solid rgba(245,242,236,.16);border-radius:16px;
  background:rgba(16,16,17,.94);
  box-shadow:0 28px 80px rgba(0,0,0,.45);
}
body.rc-login .rc-eyebrow{
  font:600 15px "IBM Plex Mono",monospace;color:var(--rc-orange);
  letter-spacing:.08em;text-transform:uppercase;
}
body.rc-login .rc-login-panel h1{
  font:700 54px/1.02 Heebo,Assistant,Arial,sans-serif;
  margin:12px 0;color:var(--rc-paper);letter-spacing:-1px;
}
body.rc-login .rc-lead{font-size:19px;color:#d2cfca;margin:0 0 30px;line-height:1.45}

body.rc-login .rc-field{display:block;margin:0 0 18px}
body.rc-login .rc-field label{
  display:block;font-size:16px;color:var(--rc-paper);margin-bottom:8px;font-weight:600;
}
body.rc-login .rc-field input{
  width:100%;height:54px;padding:0 16px;
  border:1px solid #4c4c50;border-radius:10px;
  background:#080809;color:#fff;font:400 17px Assistant,Arial,sans-serif;
}
body.rc-login .rc-field input:focus{
  border-color:var(--rc-orange);outline:none;
  box-shadow:0 0 0 3px rgba(255,77,10,.2);
}
body.rc-login .rc-input-wrap{position:relative;display:block}
/* כפתור ההצגה יושב בקצה השדה, בצד ההתחלה של הכתיבה */
body.rc-login .rc-show-pass{
  position:absolute;top:7px;inset-inline-start:7px;
  height:40px;padding:0 10px;
  background:transparent;border:0;color:var(--rc-muted);
  font:400 16px Assistant,Arial,sans-serif;cursor:pointer;border-radius:8px;
}
body.rc-login .rc-show-pass:hover{color:var(--rc-paper)}
body.rc-login .rc-show-pass:focus-visible{outline:2px solid var(--rc-orange);outline-offset:2px}
/* מרווח לטקסט כדי שלא ייכנס מתחת לכפתור ההצגה */
body.rc-login .rc-input-wrap input{padding-inline-start:74px}

body.rc-login .rc-primary{
  width:100%;min-height:54px;margin-top:8px;
  border:0;border-radius:10px;
  background:var(--rc-orange);color:#130703;
  font:800 17px Assistant,Arial,sans-serif;cursor:pointer;
  transition:background .15s ease;
}
body.rc-login .rc-primary:hover{background:#ff672f}
body.rc-login .rc-primary:disabled{opacity:.6;cursor:default}
body.rc-login .rc-form-note{min-height:24px;margin:14px 0 0;color:#ffb89a;font-size:16px}

/* ---------- הצד המספר (העמודה השמאלית) ---------- */
body.rc-login .rc-login-story{padding:0 0 54px}
body.rc-login .rc-time-mark{
  font:400 96px "IBM Plex Mono",monospace;
  color:rgba(245,242,236,.18);line-height:1;
}
body.rc-login .rc-login-story h2{
  font:700 100.8px/.92 Heebo,Assistant,Arial,sans-serif;
  margin:14px 0 22px;color:var(--rc-paper);letter-spacing:-3px;
}
body.rc-login .rc-login-story p{font-size:20px;color:#d0cdc8;max-width:520px;line-height:1.45;margin:0}

/* ---------- המבנה הישן נשאר, מוסתר ---------- */
/* **ה-padding של ה-body התווסף ל-100vh.** לעמוד הישן יש
   `body{padding:24px}`, והעטיפה שלי היא `min-height:100vh` - יחד
   948 פיקסלים בחלון של 900, כלומר פס גלילה בעמוד כניסה שאמור
   להיכנס במסך אחד. העטיפה מספקת את הריווח שלה בעצמה. */
body.rc-login{padding:0}
body.rc-login main.shell > .mark,
body.rc-login main.shell > section.card{display:none !important;margin:0}
body.rc-login main.shell{max-width:none;width:100%;margin:0;padding:0;display:block;min-height:0}

@media (max-width:1100px){
  body.rc-login .rc-loginwrap{grid-template-columns:1fr;gap:40px;padding:36px 24px}
  body.rc-login .rc-login-story{order:-1;padding:0}
  body.rc-login .rc-login-story h2{font-size:52px;letter-spacing:-1.5px}
  body.rc-login .rc-time-mark{font-size:52px}
  body.rc-login .rc-login-panel{padding:28px}
  body.rc-login .rc-login-panel h1{font-size:38px}
}

/* שורת התמיכה, בתוך הכרטיס מתחת לטופס */
body.rc-login .rc-login-help{
  margin:18px 0 0;padding-top:16px;
  border-top:1px solid rgba(245,242,236,.12);
  font-size:15px;color:var(--rc-muted);text-align:center;
}
body.rc-login .rc-login-help a{color:var(--rc-orange)}