.slide-bottom { animation: slide-bottom .3s ease-out both; }
@keyframes slide-bottom { from { transform: translateY(-100%); } to { transform: translateY(0); } }
.fade-out-top { animation: fade-out-top .2s ease-in both; }
@keyframes fade-out-top { to { transform: translateY(-50px); opacity: 0; } }
.slide-in-left { animation: slide-in-left .35s ease-out both; }
@keyframes slide-in-left { from { transform: translateX(-24px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
.MainDrawerUI { --mud-palette-primary: #ff7a70 !important; border-right: 1px solid rgba(255,255,255,.08) !important; }
.MainDrawerUI .mud-input-label, .MainDrawerUI .mud-input-slot { color: #eef5f4 !important; }
.MainDrawerUI .mud-input-outlined-border { border-color: rgba(255,255,255,.22) !important; }
.MainDrawerUI .mud-navmenu { padding: 6px 10px 14px; border: 0 !important; scrollbar-width: thin; }
.MainDrawerUI .mud-nav-link, .MainDrawerUI .mud-nav-group .mud-nav-link { min-height: 42px; margin: 2px 0; border-radius: 6px; font-weight: 600; }
.MainDrawerUI .mud-nav-link:hover { background: rgba(255,255,255,.07); }
.MainDrawerUI .mud-nav-link.active { background: rgba(240,0,0,.16); color: #ff7a70; }
.MainDrawerUI .mud-nav-link.active .mud-nav-link-icon { color: #ff7a70; }
.MainDrawerUI .mud-nav-group > .mud-nav-link { color: #c5d1cf; }
.MainDrawerUI .mud-divider { border-color: rgba(255,255,255,.09); }
.mud-drawer.mud-drawer-mini { border-right: 1px solid rgba(255,255,255,.08); }
.mud-appbar { border-bottom: 1px solid rgba(255,255,255,.08); }
* { --mud-drawer-width-left: 272px !important; }
@media (max-width: 960px) { .mud-appbar { height: 60px; backdrop-filter: blur(14px); background: rgba(0,0,0,.96) !important; } }

/* Keep every date-picker week visible, including six-week months at scaled display sizes. */
.mud-picker-calendar-transition {
    height: auto !important;
    min-height: 252px !important;
}

.mud-picker-content:has(.mud-picker-calendar-transition) {
    height: auto !important;
    min-height: 341px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.mud-picker-popover-paper:has(.mud-picker-calendar-transition) {
    max-height: calc(100dvh - 16px) !important;
    overflow-y: auto !important;
}