html, body, .theme-wrapper { background: var(--app-gradient) fixed; color: var(--app-text); }
.theme-wrapper { min-height: 100vh; display: flex; flex-direction: column; }
.theme-wrapper .mud-layout { background: transparent; flex: 1; }
.mud-main-content :where(.mud-paper, .mud-card),
:is(.mud-dialog, .mud-appbar, .mud-drawer, .glass-card) {
    background: var(--app-glass-bg);
    border: 1px solid var(--app-glass-border);
    box-shadow: var(--app-shadow-md);
    backdrop-filter: blur(var(--app-glass-blur)) saturate(160%);
    -webkit-backdrop-filter: blur(var(--app-glass-blur)) saturate(160%);
}
.mud-main-content :is(.mud-paper, .mud-card) :where(.mud-paper, .mud-card),
.mud-dialog :where(.mud-paper, .mud-card), .mud-table :where(.mud-paper, .mud-card) {
    background: var(--app-glass-nested);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}
.mud-dialog, .mud-popover, .mud-menu-list { background: var(--app-glass-strong); }
.mud-popover, .mud-menu-list { backdrop-filter: none; -webkit-backdrop-filter: none; }
.mud-table { background: var(--app-glass-bg); }
.mud-table-sticky-header .mud-table-head .mud-table-cell,
.mud-table-cell.sticky-left, .mud-table-cell.sticky-right { background: var(--app-surface-solid); }
.mud-table-hover .mud-table-body .mud-table-row:hover { background-color: var(--app-hover); }
.mud-input-outlined { background: var(--app-glass-nested); }
.mud-input-outlined-border { border-color: var(--app-glass-border); }
.apple-nav-item .mud-nav-link:hover:not(.mud-nav-link-active), .nav-search-input .mud-input-slot { background: var(--app-hover); }
.contract-stripe { border-block: 1px solid var(--app-glass-border); }
.vehicle-swatch { border: 1px solid var(--app-glass-border); }
.heatmap-cell { width: 28px; height: 28px; min-width: 28px; padding: 0; cursor: pointer; }
.heatmap-cell:hover { box-shadow: inset 0 0 0 2px var(--mud-palette-primary); }
.heatmap-cell .mud-tooltip-root { display: block; width: 100%; height: 100%; }
.heatmap-cell:nth-child(2) { border-radius: 5px 0 0 5px; }
.heatmap-cell:last-child { border-radius: 0 5px 5px 0; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .mud-main-content :is(.mud-paper, .mud-card), .mud-dialog, .mud-drawer, .mud-appbar, .glass-card, .mud-popover {
        background: var(--app-surface-solid);
    }
}
@media (prefers-reduced-motion: reduce) {
    .theme-wrapper *, .apple-card-hover { transition: none !important; }
}