/* ============================================================ Login + shared auth-banner styles — NUN ============================================================ */ .loginPanel { width: 100%; max-width: 460px; margin: 0 auto; padding: clamp(3.5rem, 9vw, 7rem) clamp(1.25rem, 4vw, 2rem) clamp(3rem, 6vw, 5rem); } /* The global rule `.footer { margin-left: var(--sidebar-width); }` pushes the footer right to clear the sidebar. The login page has no sidebar, so on we reclaim that column and let the footer span the full viewport. (We deliberately do NOT touch
— .loginPanel uses `margin: 0 auto` to center itself, and resetting margin-left here would pin it left.) */ .body--no-sidebar .footer { margin-left: 0; } .login-header { text-align: center; margin-bottom: 2.4rem; } .login-title { font-style: normal; font-size: clamp(2.2rem, 5vw, 3.2rem); margin-bottom: 1.2rem; } .login-rule { display: flex; align-items: center; justify-content: center; gap: 1.2rem; margin: 0 auto 1.2rem; max-width: 12rem; } .login-rule::before, .login-rule::after { content: ""; flex: 1; height: 1px; background: var(--rule); } .login-rule-mark { display: inline-flex; align-items: center; justify-content: center; width: 1em; height: 1em; font-family: var(--arabic); font-size: 1.8rem; line-height: 1; color: var(--ink); } /* ───────────────────────────────────────────── Auth banners (login + change-password feedback) ───────────────────────────────────────────── */ .auth-banner { text-align: center; padding: 0.85rem 1rem; margin-bottom: 1.6rem; font-family: var(--display); font-size: 0.78rem; letter-spacing: 0.18em; text-transform: uppercase; border: 1px solid var(--rule); } .auth-banner--err { color: var(--oxblood); border-color: var(--oxblood); background: rgba(122, 28, 28, 0.04); } .auth-banner--ok { color: var(--ink); border-color: var(--ink); background: var(--paper-soft); }