/* /Layout/MainLayout.razor.rz.scp.css */
/* Inactive tabs must remain visible on the light AppBar surface.
   MudBlazor's own rule colors tabs with var(--mud-palette-app-bar-text) — which on this
   AppBar resolves to a near-white tone, making the inactive tabs blend into the background.
   The descendant-selector branch (`.mud-tab *`) forces every nested wrapper / span / svg
   to inherit a visible dark color — the previous version only targeted the button itself
   and the .mud-icon-root, missing whatever wrapper MudBlazor's current build inserts. */
[b-gd333xkh70] .mud-tabs .mud-tab,
[b-gd333xkh70] .mud-tabs .mud-tab * {
    color: #1f2937 !important;          /* dark slate gray — strong contrast on light bars */
    opacity: 1 !important;
}

[b-gd333xkh70] .mud-tabs .mud-tab {
    text-transform: none;
    font-weight: 500;
}

/* SVG icons paint via `fill`, not `color` — pin them to currentColor so the rule above
   actually shows the glyph (some MudBlazor builds set fill explicitly on the path). */
[b-gd333xkh70] .mud-tabs .mud-tab svg,
[b-gd333xkh70] .mud-tabs .mud-tab svg * {
    fill: currentColor !important;
}

[b-gd333xkh70] .mud-tabs .mud-tab:hover {
    background-color: var(--mud-palette-action-default-hover, rgba(0, 0, 0, 0.06));
}

/* Active tab: theme accent color + bolder weight + subtle bg tint. Repeat the descendant
   selector to override the inherited dark color from the rule above. */
[b-gd333xkh70] .mud-tabs .mud-tab.mud-tab-active,
[b-gd333xkh70] .mud-tabs .mud-tab.mud-tab-active * {
    color: var(--mud-palette-primary, #594ae2) !important;
    font-weight: 700 !important;
}

[b-gd333xkh70] .mud-tabs .mud-tab.mud-tab-active {
    background-color: rgba(0, 0, 0, 0.04);
}