/* Shared icon-rail + workspace-tab nav styling for the Dunning/Invoices workspace pages
   (DunningDashboard, CustomerOverview, CustomerProfile, Invoices). Keep page-specific
   overrides in each page's own .razor.css; only the common nav look lives here. */

.icon-rail .rail-button.workspace-rail-button {
    background: transparent;
}

.icon-rail .rail-button.workspace-rail-button:hover,
.icon-rail .rail-button.workspace-rail-button.selected {
    background: #E9F7FE;
}

.icon-rail .rail-button.workspace-rail-button svg {
    width: 36px;
    height: 36px;
    fill: var(--button-icon-color);
}

/* TODO follow-up: reduce reliance on !important/selector-length once the ocfo theme's
   tab-strip specificity can be addressed at the theme level instead of per consumer. */
.icon-rail .rail-button.workspace-rail-button svg path {
    fill: var(--button-icon-color) !important;
}

/* The workspace icon's first path is its own light-blue background box —
   keep it fixed regardless of selected/hover state. */
.icon-rail .rail-button.workspace-rail-button svg path:nth-child(1) {
    fill: none !important;
}

/* Reads as a nav menu rather than tab labels. Selectors are deliberately full-length: the ocfo
   theme's vertical rules are (0,6,0), so this needs the .workspace-shell/.workspace-panel
   ancestry (0,7,0) to win without !important. */
.workspace-shell .workspace-panel .workspace-tabs .tx-glu-tab-control .tab-strip.tab-strip-vertical .tab-button,
.workspace-shell .workspace-panel .workspace-tabs .tx-glu-tab-control .tab-strip.tab-strip-vertical .tab-button:hover,
.workspace-shell .workspace-panel .workspace-tabs .tx-glu-tab-control .tab-strip.tab-strip-vertical .tab-button.active {
    color: var(--nav-menu-text);
    font-size: 16px;
}

.workspace-shell .workspace-panel .workspace-tabs .tx-glu-tab-control .tab-strip.tab-strip-vertical .tab-button.active {
    font-weight: 700;
}

.workspace-tabs .tab-content {
    display: none;
}