/* auth.css — صفحات الدخول وتغيير كلمة المرور (تحمّل بعد tokens/icons/main/app) */
body.auth-page { min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: var(--sp-4); background: var(--color-bg); }
.auth-box { width: 100%; max-width: 400px; }
.auth-logo { text-align: center; margin-bottom: var(--sp-6); }
.auth-logo .logo-mark { width: 48px; height: 48px; border-radius: var(--radius-lg); font-size: 24px; margin-bottom: var(--sp-3); }
.auth-logo h1 { font-size: var(--fs-xl); margin: 0 0 4px; }
.auth-logo p { margin: 0; color: var(--color-text-secondary); font-size: var(--fs-sm); }
.auth-card { background: var(--color-card); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--sp-6); box-shadow: var(--shadow-pop); }
.auth-card .btn-primary { width: 100%; min-height: 46px; }
.auth-note { text-align: center; margin-top: var(--sp-4); font-size: var(--fs-sm); color: var(--color-text-muted); }