.mud-theme-dark .mud-paper {
    background-color: transparent !important;
}

/* ── Dark/Light mode body backgrounds ── */
html.mud-theme-dark,
body.mud-theme-dark {
    background: #111B21 !important;
    color: #E9EDEF !important;
    --mud-palette-background: #111B21 !important;
    --mud-palette-surface: #111B21 !important;
}
html.mud-theme-light,
body.mud-theme-light {
    background: #F0F2F5 !important;
    color: #111B21 !important;
    --mud-palette-background: #F0F2F5 !important;
    --mud-palette-surface: #F8F9FA !important;
}

/* MudMainContent e page wrapper: transparente para herdar do body */
.mud-main-content {
    background: transparent !important;
}
.mud-theme-dark .mud-container,
.mud-theme-light .mud-container {
    background: transparent !important;
}

.mud-theme-dark .mud-input-control textarea,
.mud-theme-dark .mud-input textarea {
    background-color: transparent !important;
    color: inherit !important;
}

.mud-theme-dark .mud-input-surface {
    background-color: transparent !important;
}
.mud-theme-dark textarea.mud-input-root {
    background-color: transparent !important;
    color: inherit !important;
}

.help-tooltip .mud-tooltip-root {
    text-align: left !important;
    max-width: 400px !important;
}

.help-tooltip .mud-tooltip-root .mud-tooltip-text {
    text-align: left !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
}

/* Forçar alinhamento esquerdo em tooltips MudBlazor */
.mud-tooltip {
    text-align: left !important;
}

.mud-tooltip .mud-tooltip-text {
    text-align: left !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* Permitir quebra de linha em labels longos do MudInput/MudNumericField
   para que labels como "Minutos mínimos antes do atendimento" ou
   "Timeout para confirmação (minutos)" não extrapolem a largura
   do input quando o input tem max-width pequena. */
.mud-input-label-inputcontrol {
    white-space: normal !important;
    line-height: 1.5rem;
    max-width: 100%;
}

/* ChartZoomDialog: prevent forced vertical scrollbar.
   O MudDialog do MudBlazor 9.5 força overflow-y no .mud-dialog-content.
   Precisamos sobrescrever para que o gráfico seja exibido sem scroll
   forçado quando aberto via zoom. */
.mud-dialog.mud-dialog-width-mudblazor-chart-zoom .mud-dialog-content,
.mud-dialog.mud-dialog-width-mudblazor-chart-zoom .mud-dialog-content-overflow {
    overflow: visible !important;
    overflow-y: visible !important;
    min-width: 800px;
}

.mud-popover .mud-paper {
    background-color: var(--mud-palette-surface) !important;
}

/* Fix popover overlap inside dialogs — MudBlazor 9.5 popovers
   need z-index above dialog (1300) so dropdowns (MudSelect,
   MudAutocomplete, MudDatePicker) render above dialog content. */
.mud-popover {
    z-index: 2000 !important;
}

.native-select-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}
.native-select-cover option {
    color: var(--mud-palette-text-primary);
    background: var(--mud-palette-surface);
}
.mud-input-control .mud-select-input option {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
}
.mud-input-control .mud-select-arrow {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.mud-input-control:focus-within .mud-input-outlined-border {
    border-color: var(--mud-palette-primary) !important;
}