/** * Atlas login gate — vendored-asset reconciliation. * Loaded ONLY on the login page (Login-scoped render hook), so rs-* never * reaches data-dense panel pages. * * Section 1: brand lockup / mark light-dark swap. * The design-system tokens (tokens.css) follow prefers-color-scheme / * [data-theme]; Filament toggles a `.dark` class on . Honour all three so * the logo matches whichever mechanism drives the card theme. Height/width rules * never touch `display`, so they don't collide with the swap. */ .rs-logo { width: auto; } .rs-auth-card__logo .rs-logo { height: 2.25rem; } .rs-btn__mark .rs-logo { height: 1.25rem; } /* default (light): light variant shown, dark hidden */ .rs-logo--light { display: block; } .rs-logo--dark { display: none; } /* OS dark preference (unless an explicit light theme override is set) */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .rs-logo--light { display: none; } :root:not([data-theme="light"]) .rs-logo--dark { display: block; } } /* explicit dark — Filament `.dark` class or DS [data-theme="dark"] */ html.dark .rs-logo--light, :root[data-theme="dark"] .rs-logo--light { display: none; } html.dark .rs-logo--dark, :root[data-theme="dark"] .rs-logo--dark { display: block; } /* explicit light override beats OS dark preference */ :root[data-theme="light"] .rs-logo--light { display: block; } :root[data-theme="light"] .rs-logo--dark { display: none; } /** * Section 2: Filament credential form inside the rs-auth-card. * A tidy approximation — auth correctness outranks pixel-perfection, so we do * NOT override Filament field internals, only the vertical rhythm and the * secondary submit's separation from the last field. The card is width:100% * (max 25.5rem) and the Filament fields are full-width, so the gate stays * single-column and readable at 375px with no horizontal scroll. */ .rs-auth-form { margin-top: var(--rs-space-2); } .rs-auth-form .rs-btn--secondary { margin-top: var(--rs-space-5); }