.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%;
}

/* MudDialog força overflow-y no .mud-dialog-content, o que clippa
   os popovers de MudSelect/MudAutocomplete dentro de dialogs.
   O container do dialog (mud-dialog-container) já tem overflow:auto,
   então o conteúdo pode ter overflow:visible sem perder scroll. */
.mud-dialog .mud-dialog-content,
.mud-dialog .mud-dialog-content-overflow {
    overflow: visible !important;
    overflow-y: visible !important;
}

.mud-dialog.mud-dialog-width-mudblazor-chart-zoom .mud-dialog-content,
.mud-dialog.mud-dialog-width-mudblazor-chart-zoom .mud-dialog-content-overflow {
    min-width: 800px;
}

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

/* MudBlazor 9.7 z-index CSS variables — if undefined, calc() produces
   invalid z-index and ALL popovers render behind page content. */
:root {
    --mud-zindex-popover: 1300;
    --mud-zindex-select: 1300;
    --mud-zindex-dialog: 1200;
    --mud-zindex-appbar: 1100;
    --mud-zindex-drawer: 1000;
    --mud-zindex-snackbar: 1400;
    --mud-zindex-tooltip: 1500;
}

.mud-popover {
    z-index: 2000 !important;
    background-color: var(--mud-palette-surface, #fff) !important;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12) !important;
}

.mud-theme-dark .mud-popover {
    background-color: var(--mud-palette-surface, #111B21) !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;
}