/* Custom surfaces use these tokens; standard controls use ApplicationTheme's Mud palette.
   Defaults also paint the correct startup page before the Blazor circuit is connected. */
html[data-theme="dark"] {
    color-scheme: dark;
    --app-background: #0b0f14;
    --app-surface: #121821;
    --app-text: #e7edf6;
    --app-muted: #9baabd;
    --app-border: #273140;
    --app-primary: #5b9cff;
    --app-primary-text: #07111f;
    --app-primary-hover: #9bc2ff;
    --app-warning: #ffb74d;
    --app-auth-left: #0a111a;
    --app-auth-right: #080c12;
    --app-auth-card: #101720;
    --app-autofill: #111a26;
    --app-kicker: #8ca3c7;
    --app-grid: rgba(140,163,199,.12);
    --app-hover: rgba(255,255,255,.06);
    --app-shadow: 0 24px 55px rgba(0,0,0,.28);
    --app-card-shadow: 0 5px 16px rgba(0,0,0,.15);
    --app-overlay: rgba(5,9,15,.72);
    --app-task-filter: rgba(18,24,33,.72);
    --app-task-column: rgba(13,19,27,.76);
    --app-task-card: #151d28;
    --app-task-overdue: #ff7d86;
    --app-drop-target: #203249;
    --app-chart-blue: #5b8cff;
    --app-chart-green: #45c693;
    --app-chart-amber: #f2a74b;
    --app-legend-work: #81d6a0;
    --app-legend-rest: #b6c2d0;
    --app-legend-leave: #8dbbff;
    --app-legend-sick: #ff9da5;
    --app-legend-family: #d2a8f0;
    --app-legend-trip: #f2c96d;
    --app-legend-remote: #79d3cd;
    --app-legend-missing: #ff9b94;
}
:root, html[data-theme="light"] {
    color-scheme: light;
    --app-background: #f3f5f9;
    --app-surface: #fff;
    --app-text: #233147;
    --app-muted: #52647a;
    --app-border: #d9e1ec;
    --app-primary: #245bc4;
    --app-primary-text: #fff;
    --app-primary-hover: #1c4aab;
    --app-warning: #8c550b;
    --app-auth-left: #edf2f9;
    --app-auth-right: #f8fafd;
    --app-auth-card: #fff;
    --app-autofill: #edf3fc;
    --app-kicker: #52647a;
    --app-grid: rgba(46,74,114,.16);
    --app-hover: rgba(36,91,196,.06);
    --app-shadow: 0 20px 55px rgba(35,49,71,.09);
    --app-card-shadow: 0 3px 12px rgba(35,49,71,.06);
    --app-overlay: rgba(35,49,71,.38);
    --app-task-filter: #fff;
    --app-task-column: #edf1f7;
    --app-task-card: #fff;
    --app-task-overdue: #b52f47;
    --app-drop-target: #e4edfc;
    --app-chart-blue: #245bc4;
    --app-chart-green: #16704a;
    --app-chart-amber: #945807;
    --app-legend-work: #16704a;
    --app-legend-rest: #52647a;
    --app-legend-leave: #245bc4;
    --app-legend-sick: #b52f47;
    --app-legend-family: #7d3eaa;
    --app-legend-trip: #8c550b;
    --app-legend-remote: #087571;
    --app-legend-missing: #ac3529;
}
html, body { background: var(--app-background); color: var(--app-text); }
/* Fallback is only used until MudThemeProvider has emitted its palette. */
body { background: var(--mud-palette-background, var(--app-background)); }
.theme-startup { min-height: 100svh; display: grid; place-items: center; color: var(--app-muted); }
.theme-toggle { flex-shrink: 0; margin-inline: .25rem; }
html[data-theme="light"] .mud-paper { box-shadow: var(--app-card-shadow); }
html[data-theme="light"] .mud-dialog { box-shadow: var(--app-shadow); }
html[data-theme="light"] .mud-overlay-dark { background-color: var(--app-overlay); }
html[data-theme="light"] .mud-tooltip { box-shadow: 0 8px 24px rgba(35,49,71,.15); }
/* Tooltips deliberately retain a dark, high-contrast surface in either theme. */
html[data-theme="light"] .mud-input-outlined:hover:not(.mud-disabled) .mud-input-outlined-border { border-color: #52647a; }
@media (max-width: 600px) {
    .theme-toggle { margin-inline: 0; }
}
/* MudAppBar renders its own root, so this chrome rule deliberately isn't isolated. */
@media (max-width: 480px) {
    .mud-layout:has(.tenant-switcher) { --mud-appbar-height: 112px; }
    .shell-appbar .mud-toolbar { flex-wrap: wrap; height: auto; min-height: var(--mud-appbar-height); padding: 4px 12px; }
}