/* ==================================================
   MudBlazor Custom Overrides - Placismo.NetCloud
   Versión: 1.0 | Fecha: 15 de enero de 2026
   ================================================== */

/* ==================================================
   APPBAR
   ================================================== */

.mud-appbar {
    background-color: var(--brand-secondary) !important;
}

.mud-appbar .mud-icon-button {
    color: white !important;
}

/* ==================================================
   DRAWER (MENU LATERAL)
   ================================================== */

.mud-drawer {
    background-color: var(--bg-card) !important;
    border-right: 1px solid var(--border-color) !important;
}

.mud-drawer .mud-nav-item {
    color: var(--text-main) !important;
}

.mud-drawer .mud-nav-item:hover {
    background-color: var(--bg-hover) !important;
}

.mud-drawer .mud-nav-item.active {
    background-color: rgba(31, 106, 225, 0.1) !important;
    color: var(--brand-primary) !important;
    font-weight: 600;
}

/* ==================================================
   TABLES
   ================================================== */

.mud-table {
    background-color: var(--bg-card) !important;
}

.mud-table-head {
    background-color: var(--bg-elevated) !important;
}

.mud-table-head .mud-table-cell {
    color: var(--text-main) !important;
    font-weight: 600;
}

.mud-table-row:hover {
    background-color: var(--bg-hover) !important;
}

.mud-table-cell {
    color: var(--text-main) !important;
    border-bottom-color: var(--border-color) !important;
}

/* Ensure striped rows have proper contrast */
.mud-table-striped .mud-table-row:nth-of-type(odd) {
    background-color: var(--bg-card) !important;
}

.mud-table-striped .mud-table-row:nth-of-type(even) {
    background-color: var(--bg-elevated) !important;
}

/* Table pagination */
.mud-table-pagination {
    color: var(--text-main) !important;
}

.mud-table-pagination .mud-table-pagination-caption,
.mud-table-pagination .mud-table-pagination-select {
    color: var(--text-main) !important;
}

/* ==================================================
   PAPER / CARDS
   ================================================== */

.mud-paper {
    background-color: var(--bg-card) !important;
    color: var(--text-main) !important;
}

.mud-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-main) !important;
}

/* ==================================================
   INPUTS
   ================================================== */

.mud-input {
    color: var(--text-main) !important;
}

.mud-input-outlined {
    background-color: var(--bg-card) !important;
}

.mud-input-outlined .mud-input-slot {
    color: var(--text-main) !important;
}

.mud-input-outlined:hover {
    border-color: var(--brand-primary) !important;
}

.mud-input-label {
    color: var(--text-secondary) !important;
}

.mud-input-adornment {
    color: var(--text-secondary) !important;
}

/* ==================================================
   BUTTONS
   ================================================== */

.mud-button-filled-primary {
    background-color: var(--brand-primary) !important;
}

.mud-button-filled-primary:hover {
    background-color: var(--brand-secondary) !important;
}

/* ==================================================
   DIALOGS
   ================================================== */

.mud-dialog {
    background-color: var(--bg-card) !important;
}

.mud-dialog-title {
    color: var(--text-main) !important;
}

/* ==================================================
   SNACKBAR
   ================================================== */

.mud-snackbar {
    background-color: var(--bg-elevated) !important;
    color: var(--text-main) !important;
    box-shadow: var(--shadow-lg) !important;
}

.mud-snackbar.mud-snackbar-success {
    background-color: var(--success) !important;
    color: white !important;
}

.mud-snackbar.mud-snackbar-error {
    background-color: var(--error) !important;
    color: white !important;
}

.mud-snackbar.mud-snackbar-warning {
    background-color: var(--warning) !important;
    color: white !important;
}

.mud-snackbar.mud-snackbar-info {
    background-color: var(--info) !important;
    color: white !important;
}

/* ==================================================
   CHIPS & BADGES
   ================================================== */

.mud-chip {
    color: var(--text-main) !important;
}

.mud-chip.mud-chip-outlined {
    border-color: var(--border-color) !important;
}

/* ==================================================
   ICONS & AVATARS
   ================================================== */

.mud-icon-root {
    color: inherit;
}

.mud-avatar {
    color: white !important;
}

/* ==================================================
   TEXT & TYPOGRAPHY
   ================================================== */

.mud-typography {
    color: var(--text-main) !important;
}

/* ==================================================
   SELECTION CONTROLS (Checkboxes, Radio, etc)
   ================================================== */

.mud-select {
    color: var(--text-main) !important;
}

.mud-select-input {
    color: var(--text-main) !important;
}

/* ==================================================
   PROGRESS INDICATORS
   ================================================== */

.mud-progress-linear {
    background-color: var(--bg-elevated) !important;
}

.mud-progress-circular {
    color: var(--brand-primary) !important;
}