/* Login page: same palette and components as the app shell (sc-app.css). */
body.sc-login {
    min-height: 100vh; margin: 0; display: flex; align-items: center; justify-content: center; padding: 20px;
    background: radial-gradient(1200px 600px at 50% -10%, rgba(37, 99, 235, .18), transparent 60%), var(--bg);
    color: var(--text); font: 15px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Tahoma, Arial, sans-serif;
}
[dir="rtl"] body.sc-login { font-family: "Segoe UI", Tahoma, "Noto Sans Arabic", Arial, sans-serif; }
.login-card {
    width: 100%; max-width: 380px; background: var(--card); border: 1px solid var(--line); border-radius: 18px;
    padding: 28px 24px; box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
}
.login-brand { margin: 0 0 4px; padding: 0; font-size: 26px; text-align: center; margin-bottom: 4px; }
.login-sub { text-align: center; color: var(--muted); font-size: 13px; margin: 0 0 20px; }
.login-card .app-form { gap: 14px; }
.login-pass { position: relative; display: block; }
.login-pass input { padding-inline-end: 44px !important; }
.login-eye {
    position: absolute; inset-inline-end: 4px; top: 50%; transform: translateY(-50%); width: 36px; height: 34px;
    border: 0; background: none; color: var(--muted); cursor: pointer; font-size: 16px; border-radius: 8px;
}
.login-eye:hover { color: var(--text); background: var(--card2); }
.login-submit { width: 100%; justify-content: center; min-height: 44px; font-size: 15px; margin-top: 4px; }
.login-lang { position: fixed; top: 14px; inset-inline-end: 14px; }
.login-card .app-flash { font-weight: 500; font-size: 13px; }
.login-card input:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, .25); }