/* ==========================================================================
   AUTH.CSS - أنماط صفحة تسجيل الدخول والتسجيل
   ========================================================================== */

/* --- تخطيط المصادقة (Auth Layout: Login/Register) --- */
.auth-layout { display: grid; grid-template-columns: 1fr 1fr; min-height: 100vh; }
.auth-visual { background: var(--bg-alt); display: flex; align-items: center; justify-content: center; color: #fff; padding: 2rem; text-align: center; }
.auth-form-container { display: flex; align-items: flex-start; justify-content: center; padding: 4rem 2rem 2rem 2rem; background: var(--bg); }
.auth-box { width: 100%; max-width: 600px; }
@media (max-width: 768px) {
  .auth-layout { grid-template-columns: 1fr; min-height: auto; }
  .auth-visual { display: none; }
  .auth-form-container { padding: 1.5rem 1rem; }
}

/* تفتيح خلفية الشعار في الوضع الداكن لتوضيح تفاصيل الشعار */
:root.theme-dark .auth-visual,
:root:not(.theme-light) .auth-visual {
  background: #1e2429 !important;
}