/* auth.css — صفحة الدخول/التسجيل (لوحة العلامة + النموذج) + التبويبات */

  /* ─── صفحة الدخول: لوحة علامة + لوحة نموذج، عمود واحد على الجوال وعمودان على الشاشات الواسعة ─── */
  @media (min-width:880px) {
    body:has(#authView:not(.hidden)) .wrap { max-width:900px; }
  }
  #authView.card {
    text-align:start; padding:0; overflow:hidden; display:block;
  }
  @media (min-width:880px) {
    #authView.card { display:grid; grid-template-columns:1fr 1.15fr; align-items:stretch; }
  }
  .auth-brand {
    padding:34px 30px; position:relative; overflow:hidden;
    background:
      radial-gradient(ellipse 120% 100% at 20% -10%, rgba(250,10,27,.22), transparent 60%),
      linear-gradient(180deg, rgba(250,10,27,.08), transparent 40%);
    display:flex; flex-direction:column; justify-content:center; gap:18px;
  }
  .auth-brand .brand-logo { width:54px; height:54px; border-radius:16px; background:var(--card-solid);
    border:1px solid var(--border); display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 22px rgba(250,10,27,.22); }
  .auth-brand .brand-logo img { width:34px; height:34px; object-fit:contain; }
  .auth-brand h1 { font-size:24px; margin:0; }
  .auth-brand .pitch { color:var(--muted); font-size:14px; line-height:1.8; margin:0; max-width:34ch; }
  .auth-feature-list { display:flex; flex-direction:column; gap:12px; margin-top:6px; }
  .auth-feature-list .feat { display:flex; align-items:flex-start; gap:11px; font-size:13.5px; color:var(--text); }
  .auth-feature-list .feat .fi {
    flex-shrink:0; width:30px; height:30px; border-radius:9px; background:var(--accent-soft, rgba(250,10,27,.14));
    color:var(--accent); display:flex; align-items:center; justify-content:center; font-size:13px; margin-top:1px;
  }
  .auth-feature-list .feat b { display:block; font-size:13.5px; }
  .auth-feature-list .feat span.desc { color:var(--muted); font-size:12.5px; }
  @media (max-width:879px) {
    .auth-brand { padding:26px 22px 6px; text-align:center; align-items:center; }
    .auth-brand .brand-logo { margin:0 auto; }
    .auth-brand .pitch { max-width:none; }
    .auth-feature-list { display:none; } /* على الجوال نكتفي بجملة واحدة موجزة كي لا نثقل الشاشة */
  }
  .auth-form-panel { padding:30px 30px 26px; }
  @media (max-width:879px) { .auth-form-panel { padding:8px 22px 26px; } }

  .field-label {
    display:block; font-size:12.5px; font-weight:700; color:var(--muted);
    margin-bottom:6px; padding-inline-start:2px;
  }
  .field-help { font-size:11.5px; color:var(--muted); margin-top:-8px; margin-bottom:14px; padding-inline-start:2px; }

  /* ─── التبويبات ─── */
  .tabs {
    display:flex; background:rgba(0,0,0,.28); border-radius:14px; padding:5px; margin-bottom:20px;
    border:1px solid var(--border);
  }
  .tabs button {
    flex:1; padding:11px; border:none; border-radius:10px; background:transparent;
    color:var(--muted); cursor:pointer; font-size:14px; font-weight:700; font-family:inherit;
    transition:.25s;
  }
  .tabs button.active { background:var(--grad); color:#fff; box-shadow:0 4px 14px rgba(250,10,27,.35); }


/* v6.6.9 — auth screen mobile polish: never let the sticky controls cover/crop the full CarYou artwork. */
.auth-logo{display:block!important;width:min(250px,78%)!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:8px auto 0!important;flex:0 0 auto}
[data-theme="light"] .auth-logo.logo-dark{display:none!important}
[data-theme="light"] .auth-logo.logo-light{display:block!important}
html:not([data-theme="light"]) .auth-logo.logo-light{display:none!important}
@media(max-width:879px){
  body:has(#authView:not(.hidden)) .topbar{position:relative!important;top:auto!important}
  .auth-brand{padding-top:18px!important;overflow:hidden}
  .auth-logo{width:min(270px,88%)!important;margin-top:6px!important}
}