.nav-group-header > .mud-nav-link {
    background-color: #cfe4ff;
}

.nav-group-header > .mud-nav-link:hover {
    background-color: #83b9ff;
}

.nav-group-header .mud-nav-group-text {
    color: #333 !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    opacity: 1 !important;
}

.mud-table-container {
    overflow: auto;
}

/* Dark side menu theme (drawer + nav) */
.mud-drawer.bitrehab-side-menu,
.mud-drawer.bitrehab-side-menu .mud-drawer-content {
    background: linear-gradient(180deg, #0a1840 0%, #0b1b3d 35%, #0a1531 100%) !important;
    color: rgba(255, 255, 255, 0.92);
}

/* MudBlazor renders a paper inside the drawer; ensure it also uses the dark background */
.mud-drawer.bitrehab-side-menu .mud-paper,
.mud-drawer.bitrehab-side-menu aside,
.mud-drawer.bitrehab-side-menu .mud-navmenu {
    background: transparent !important;
}

.mud-drawer.bitrehab-side-menu .mud-paper,
.mud-drawer.bitrehab-side-menu .mud-drawer-content,
.mud-drawer.bitrehab-side-menu aside {
    background-color: transparent !important;
}

/* Fallback: if drawer uses its own CSS variable */
.mud-drawer.bitrehab-side-menu {
    --mud-palette-drawer-background: transparent;
}

/* Split app bar (left rail + main) */
.mud-appbar.bitrehab-appbar,
.mud-appbar.bitrehab-appbar .mud-toolbar {
    background: linear-gradient(180deg, #0a1840 0%, #0b1b3d 35%, #0a1531 100%) !important;
    color: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.mud-appbar.bitrehab-appbar .mud-icon-root,
.mud-appbar.bitrehab-appbar .mud-typography {
    color: rgba(255, 255, 255, 0.92) !important;
}

/* Keep main appbar buttons/icons readable on dark */
.mud-appbar.bitrehab-appbar .mud-icon-button {
    color: rgba(255, 255, 255, 0.92) !important;
}

.bitrehab-appbar-rail {
    width: 260px; /* default MudDrawer width */
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 16px;
    background: linear-gradient(180deg, #0a1840 0%, #0b1b3d 35%, #0a1531 100%) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

.bitrehab-appbar-rail .mud-icon-root,
.bitrehab-appbar-rail .mud-typography {
    color: rgba(255, 255, 255, 0.92) !important;
}

.bitrehab-appbar-main {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
}

/* Keep main appbar buttons/icons readable on white */
.mud-appbar.bitrehab-split-appbar .mud-icon-root {
    color: rgba(0, 0, 0, 0.70);
}

.mud-drawer.bitrehab-side-menu .mud-divider {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.mud-drawer.bitrehab-side-menu .mud-nav-link,
.mud-drawer.bitrehab-side-menu .mud-nav-group .mud-nav-link {
    color: rgba(255, 255, 255, 0.86) !important;
}

.mud-drawer.bitrehab-side-menu .mud-nav-link .mud-nav-link-text,
.mud-drawer.bitrehab-side-menu .mud-nav-group-text {
    color: rgba(255, 255, 255, 0.86) !important;
}

.mud-drawer.bitrehab-side-menu .mud-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

.mud-drawer.bitrehab-side-menu .mud-nav-link.mud-nav-link-active {
    background-color: rgba(35, 114, 245, 0.18) !important;
    color: #ffffff !important;
    border-left: 3px solid #2372f5 !important;
}

.mud-drawer.bitrehab-side-menu .mud-nav-link.mud-nav-link-active .mud-icon-root {
    color: #ffffff !important;
}

.mud-drawer.bitrehab-side-menu .mud-icon-root {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Make group headers fit dark theme */
.mud-drawer.bitrehab-side-menu .nav-group-header > .mud-nav-link {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

.mud-drawer.bitrehab-side-menu .nav-group-header > .mud-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.10) !important;
}

.mud-drawer.bitrehab-side-menu .nav-group-header .mud-nav-group-text {
    color: rgba(255, 255, 255, 0.92) !important;
    font-weight: 600 !important;
}

/* Dashboard link styling: prominent CTA when active, muted when inactive */
.mud-drawer.bitrehab-side-menu a.mud-nav-link.bitrehab-dashboard-link,
.mud-drawer.bitrehab-side-menu .bitrehab-dashboard-link a.mud-nav-link {
    height: 50px !important;
    padding-top: 15px !important;
}

.mud-drawer.bitrehab-side-menu a.mud-nav-link.bitrehab-dashboard-link .mud-nav-link-text,
.mud-drawer.bitrehab-side-menu a.mud-nav-link.bitrehab-dashboard-link .mud-icon-root,
.mud-drawer.bitrehab-side-menu .bitrehab-dashboard-link a.mud-nav-link .mud-nav-link-text,
.mud-drawer.bitrehab-side-menu .bitrehab-dashboard-link a.mud-nav-link .mud-icon-root {
    color: rgba(255, 255, 255, 0.92) !important;
    font-weight: 600;
}

.mud-drawer.bitrehab-side-menu a.mud-nav-link.bitrehab-dashboard-link:hover,
.mud-drawer.bitrehab-side-menu .bitrehab-dashboard-link a.mud-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.10) !important;
}

/* Active dashboard: full primary color highlight */
.mud-drawer.bitrehab-side-menu a.mud-nav-link.bitrehab-dashboard-link.mud-nav-link-active,
.mud-drawer.bitrehab-side-menu .bitrehab-dashboard-link a.mud-nav-link.mud-nav-link-active {
    background-color: #2372f5 !important;
    border-left: 3px solid #2372f5 !important;
}

/* Patient picker chip strip (client portal) */
.patient-picker-strip {
    background-color: var(--mud-palette-background-grey) !important;
    border: 1px solid var(--mud-palette-lines-default);
}

.patient-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px 6px 6px;
    border-radius: 999px;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    user-select: none;
}

.patient-pill:hover {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.patient-pill.active {
    background-color: rgba(35, 114, 245, 0.10);
    border-color: var(--mud-palette-primary);
    box-shadow: 0 1px 4px rgba(35, 114, 245, 0.20);
}