/* MudBlazor palette CSS variables: fallbacks so linters resolve "custom property". Theme overwrites at runtime. */
:root {
    --mud-palette-primary: #594ae2;
    --mud-palette-secondary: #f50057;
    --mud-palette-tertiary: #1ec8a5;
    --mud-palette-default: #9e9e9e;
    --mud-palette-info: #2196f3;
    --mud-palette-text-primary: #424242;
    --mud-palette-error: #f44336;
    /* Match prod scrollbar appearance */
    scrollbar-color: #c4c4c4 transparent;
    scrollbar-width: thin;
}

.nav-menu-title {
    padding-left: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.25em;
}

/* Mermaid XY Chart Bar Colors - Make bars more vibrant */
/* Target rects with the default passive color and make them more vibrant */
.mermaid svg rect[fill="#ECECFF"],
.mermaid svg rect[fill="#ececff"],
svg.mermaid rect[fill="#ECECFF"],
svg.mermaid rect[fill="#ececff"] {
    fill: #4A90E2 !important;
    stroke: #4A90E2 !important;
}

/* Also target rects by stroke color to catch variations */
.mermaid svg rect[stroke="#ECECFF"],
.mermaid svg rect[stroke="#ececff"],
svg.mermaid rect[stroke="#ECECFF"],
svg.mermaid rect[stroke="#ececff"] {
    fill: #4A90E2 !important;
    stroke: #4A90E2 !important;
}

/* Docflow Packages/Documents table: single scrollbar, visible pagination (global so it applies to MudTable child component output) */
.docflow-packages-table-wrapper .mud-table-sticky-footer {
    position: relative;
}

.docflow-packages-table-wrapper .mud-table-sticky-footer .mud-table-container {
    box-sizing: border-box;
    height: auto;
    max-height: calc(100vh - 280px);
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
}

.docflow-packages-table-wrapper .mud-simple-table.mud-table-sticky-header table thead th {
    position: sticky;
    z-index: 1;
    top: 0;
}

.docflow-documents-table-wrapper .mud-table-sticky-footer {
    position: relative;
}

.docflow-documents-table-wrapper .mud-table-sticky-footer .mud-table-container {
    box-sizing: border-box;
    height: auto;
    max-height: calc(100vh - 280px);
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
}

.docflow-documents-table-wrapper .mud-simple-table.mud-table-sticky-header table thead th {
    position: sticky;
    z-index: 1;
    top: 0;
}