/*
 * App-level polish that the MudBlazor theme object can't express.
 * Kept intentionally small — the theme (AppTheme.cs) does the heavy lifting.
 * Everything here is driven by MudBlazor CSS variables so it follows light/dark.
 */

html {
    scroll-behavior: smooth;
}

/* Palette-aware scrollbars (WebKit + Firefox). */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--mud-palette-lines-default) transparent;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--mud-palette-lines-default);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: content-box;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: var(--mud-palette-action-default);
}

/* Frosted, lightly bordered app bar instead of a hard drop shadow. */
.app-bar {
    backdrop-filter: saturate(180%) blur(8px);
    -webkit-backdrop-filter: saturate(180%) blur(8px);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

/* Gentle lift on interactive surfaces (cards, table rows) for the M3 refresh. */
.mud-table-hover tbody tr {
    transition: background-color 120ms ease, box-shadow 120ms ease;
}

/* Soft branded backdrop behind the anonymous (login/setup) cards. */
.auth-layout {
    min-height: 100vh;
    background:
        radial-gradient(1200px 600px at 50% -10%, rgba(79, 91, 213, 0.18), transparent 60%),
        var(--mud-palette-background);
}

/* Reusable rounded surface helper for in-page form/content cards. */
.page-surface {
    background-color: var(--mud-palette-surface);
    border-radius: var(--mud-default-borderradius);
}

/* Home dashboard quick-link cards. */
.quick-link {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.quick-link .mud-paper {
    transition: transform 120ms ease, box-shadow 120ms ease;
}

.quick-link:hover .mud-paper {
    transform: translateY(-2px);
    box-shadow: var(--mud-elevation-4);
}