/* ========================================================
   VARIABLES CORPORATIVAS (EXTRAÍDAS DEL DASHBOARD)
   ======================================================== */
:root {
    /* Fondos */
    --mt-bg-app: #f4f7f9; /* El gris hielo del fondo del dashboard */
    --mt-bg-sidebar: #ffffff; /* Sidebar blanco inmaculado */
    --mt-bg-header: #334155; /* Azul pizarra de la barra superior */
    /* Textos */
    --mt-text-main: #1e293b; /* Slate 900 para lectura pesada */
    --mt-text-muted: #64748b; /* Slate 500 para subtítulos */
    --mt-text-on-dark: #f8fafc; /* Texto claro para encabezados oscuros */
    /* Acentos y Bordes */
    --mt-accent: #7aa0b8; /* El azul acero de las gráficas */
    --mt-border: #e2e8f0; /* Gris suave para tablas y cards */
    --mt-success: #10b981; /* Verde esmeralda para el "Data Wash" */
}

/* ========================================================
   RESET BASE Y TIPOGRAFÍA
   ======================================================== */
*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: var(--mt-bg-app);
    color: var(--mt-text-main);
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden; /* Evita scrolls horizontales accidentales */
}

/* Estilo para links generales */
a {
    color: var(--mt-accent);
    text-decoration: none;
    transition: opacity 0.2s;
}

    a:hover {
        opacity: 0.8;
    }

/* ========================================================
   VALIDACIONES NATIVAS DE BLAZOR (SOFT DESIGN)
   ======================================================== */
.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--mt-success);
}

.invalid {
    outline: 1px solid #ef4444; /* Rojo corporativo */
}

.validation-message {
    color: #ef4444;
    font-size: 0.8rem;
    font-weight: 500;
    margin-top: 0.25rem;
}

/* ========================================================
   SISTEMA DE ERRORES BLAZOR (PERSONALIZADO)
   ======================================================== */
#blazor-error-ui {
    background: #fefce8; /* Un amarillo muy suave, menos agresivo */
    border-top: 2px solid #eab308;
    color: #854d0e;
    bottom: 0;
    box-shadow: 0 -4px 6px -1px rgb(0 0 0 / 0.1);
    display: none;
    left: 0;
    padding: 0.75rem 1.5rem;
    position: fixed;
    width: 100%;
    z-index: 2000;
    font-weight: 500;
}

    #blazor-error-ui .reload {
        color: #ca8a04;
        text-decoration: underline;
        margin-left: 0.5rem;
    }

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 1rem;
        top: 0.75rem;
        font-size: 1.2rem;
    }

/* ========================================================
   UTILERÍAS RÁPIDAS PARA EL "BUNKER"
   ======================================================== */
.mt-card {
    background: white;
    border-radius: 4px;
    border: 1px solid var(--mt-border);
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.mt-header-pills {
    background: var(--mt-bg-header);
    color: white;
}