/* ════════════════════════════════════════════════════
   MUD DARK OVERRIDES — Eliminar azul marino
   Pega al final de app.css  (o como mud-overrides.css)
   ════════════════════════════════════════════════════ */

/* ── Variables raíz de MudBlazor que filtran azul ── */
:root {
    --mud-palette-background:        #080808 !important;
    --mud-palette-surface:           #111111 !important;
    --mud-palette-drawer-background: #0C0C0C !important;
    --mud-palette-appbar-background: rgba(8,8,8,0.94) !important;
}

/* ── Diálogos ── */
.mud-dialog { background: #111111 !important; }
.mud-dialog-content { background: #111111 !important; }
.mud-dialog-title { background: #111111 !important; color: #F5F0E8 !important; }
.mud-dialog .mud-dialog-actions { background: #111111 !important; border-top: 1px solid rgba(255,255,255,0.07) !important; }
.mud-overlay-dialog { background: rgba(0,0,0,0.72) !important; }

/* ── Inputs / TextFields ── */
.mud-input-root { background: #181818 !important; color: #F5F0E8 !important; }
.mud-input-root input,
.mud-input-root textarea { color: #F5F0E8 !important; background: transparent !important; }
.mud-input-slot { background: #181818 !important; }
.mud-input-outlined .mud-input-outlined-border { border-color: rgba(255,255,255,0.09) !important; border-radius: 6px !important; }
.mud-input-outlined:hover .mud-input-outlined-border { border-color: rgba(255,255,255,0.18) !important; }
.mud-input-outlined:focus-within .mud-input-outlined-border { border-color: #C8A96E !important; }
.mud-input-label { color: #9A9080 !important; }
.mud-input-label.mud-input-label-inputcontrol { color: #9A9080 !important; }
.mud-input-helper-text { color: #5A5248 !important; }

/* ── Select ── */
.mud-select-input { background: #181818 !important; color: #F5F0E8 !important; }
.mud-list { background: #161616 !important; border: 1px solid rgba(255,255,255,0.09) !important; }
.mud-list-item { color: #F5F0E8 !important; }
.mud-list-item:hover { background: #202020 !important; }
.mud-list-item.mud-selected { background: rgba(200,169,110,0.12) !important; color: #C8A96E !important; }
.mud-select-popover .mud-list { background: #161616 !important; }

/* ── Popover (dropdowns, selects) ── */
.mud-popover { background: #161616 !important; border: 1px solid rgba(255,255,255,0.09) !important; border-radius: 8px !important; }
.mud-popover-overflow-flip-onopen { background: #161616 !important; }

/* ── Paper / Surface ── */
.mud-paper { background: #111111 !important; }
.mud-paper.mud-elevation-0 { background: transparent !important; }

/* ── Drawer ── */
.mud-drawer { background: #0C0C0C !important; border-right: 1px solid rgba(255,255,255,0.07) !important; }
.mud-drawer-content { background: #0C0C0C !important; }

/* ── Table ── */
.mud-table-root { background: transparent !important; }
.mud-table-container { background: transparent !important; }
.mud-table-head .mud-table-row { background: #161616 !important; }
.mud-table-head .mud-table-cell { background: #161616 !important; color: #9A9080 !important; border-bottom: 1px solid rgba(255,255,255,0.07) !important; }
.mud-table-body .mud-table-row:hover td { background: #181818 !important; }
.mud-table-body .mud-table-cell { color: #F5F0E8 !important; border-bottom: 1px solid rgba(255,255,255,0.05) !important; background: transparent !important; }
.mud-table-row.mud-table-row-selected { background: rgba(200,169,110,0.08) !important; }

/* ── Chips ── */
.mud-chip { background: #1e1e1e !important; color: #9A9080 !important; border: 1px solid rgba(255,255,255,0.09) !important; }
.mud-chip:hover { background: #252525 !important; }

/* ── Snackbar ── */
.mud-snackbar { background: #1a1a1a !important; border: 1px solid rgba(255,255,255,0.1) !important; }

/* ── Skeleton ── */
.mud-skeleton { background: #1a1a1a !important; }

/* ── Autocomplete ── */
.mud-autocomplete-popover .mud-list { background: #161616 !important; }

/* ── Alert ── */
.mud-alert { border-radius: 8px !important; }

/* ── Nav menu (public site drawer) ── */
.mud-nav-link { color: #F5F0E8 !important; }
.mud-nav-link:hover { background: rgba(255,255,255,0.05) !important; }
.mud-nav-group-title { color: #F5F0E8 !important; }

/* ── Admin panel específico: anular el azul en admin-content ── */
.adm-content .mud-paper          { background: transparent !important; }
.adm-content .mud-input-root     { background: #181818 !important; }
.adm-content .mud-input-slot     { background: #181818 !important; }
.adm-content .mud-list           { background: #161616 !important; }
.adm-content .mud-popover        { background: #161616 !important; }
.adm-content .mud-dialog         { background: #111111 !important; }
.adm-content .mud-dialog-content { background: #111111 !important; }
.adm-content .mud-table-head .mud-table-cell { background: #161616 !important; }