/* Blazor error UI */
#blazor-error-ui {
    background: #dc2626;
    color: white;
    padding: 0.5rem;
    text-align: center;
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .reload {
    color: white;
}

/* Responsive tabs - icon-only on mobile */
@media (max-width: 600px) {
    .mud-tabs .mud-tab {
        min-width: unset;
        padding: 6px 12px;
    }
    .mud-tabs .mud-tab .mud-tab-label {
        display: none;
    }
}

/* Ensure the date picker calendar popup always renders at its natural full width.
   Without this, MudBlazor's popover positioning can inherit the anchor element's
   width and render the calendar truncated with a horizontal scroll. */
.mud-picker-paper {
    min-width: 310px !important;
}

/* Date filter — stack pickers full-width on medium/small screens */
@media (max-width: 960px) {
    .date-range-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .date-range-row .mud-tooltip-root {
        align-self: flex-end;
    }
}