/* Global polish shared by all Sanadi heads; MudBlazor theme carries colors and type. */
html, body { min-height: 100%; }
body { background: var(--mud-palette-background); -webkit-font-smoothing: antialiased; }

:focus-visible { outline: 3px solid var(--mud-palette-primary); outline-offset: 2px; }

a, button, [role="button"], .mud-nav-link { cursor: pointer; }

.sanadi-page { max-width: 1200px; margin-inline: auto; }

.sanadi-auth {
    min-height: calc(100vh - var(--mud-appbar-height) - 96px);
    display: grid;
    place-items: center;
    padding-block: 24px;
}
.sanadi-auth-card { width: 100%; max-width: 440px; }
.sanadi-auth-logo { width: 56px; height: 56px; display: block; margin-inline: auto; }

.sanadi-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; }
.sanadi-brand img { width: 32px; height: 32px; }

.mud-typography-h4 { font-size: clamp(1.375rem, 1rem + 1.6vw, 1.75rem); }
.mud-button-root { white-space: nowrap; }

.mud-appbar { border-bottom: 1px solid var(--mud-palette-lines-default); }
.mud-drawer { border-inline-end: 1px solid var(--mud-palette-lines-default); }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}