/* --- ACCESIBILIDAD PREMIUM (V2) --- */

/* 1. MODO CIEGOS (ALTO CONTRASTE ABSOLUTO) */
body.blind-mode {
    background-color: #000000 !important;
    color: #FFFF00 !important;
}

body.blind-mode * {
    background-color: #000000 !important;
    color: #FFFF00 !important;
    border-color: #FFFF00 !important;
    box-shadow: none !important;
}

body.blind-mode input,
body.blind-mode select,
body.blind-mode textarea,
body.blind-mode button,
body.blind-mode nav,
body.blind-mode .card,
body.blind-mode .article {
    background-color: #000000 !important;
    color: #FFFF00 !important;
    border: 3px solid #FFFF00 !important;
    outline: 2px solid #FFFF00 !important;
}

body.blind-mode i,
body.blind-mode svg {
    color: #FFFF00 !important;
}

body.blind-mode .bg-green-50,
body.blind-mode .bg-blue-50,
body.blind-mode .bg-red-50,
body.blind-mode .bg-slate-50 {
    background-color: #000000 !important;
}

/* 2. TEXTO GRANDE (ESCALADO INTELIGENTE) */
:root {
    --text-scale-base: 1.25;
    --text-scale-data: 1.45;
    --text-scale-ui: 1.20;
    --text-scale-nav: 1.10;
}

body.large-font {
    font-size: calc(1rem * var(--text-scale-base)) !important;
}

/* Prioridad Máxima: Datos CRUD y Números (Lo más importante para el usuario) */
body.large-font .font-mono, 
body.large-font .data-val,
body.large-font input,
body.large-font select,
body.large-font td,
body.large-font .qty-badge,
body.large-font .amount-big {
    font-size: calc(1em * var(--text-scale-data)) !important;
    font-weight: 900 !important;
}

/* Prioridad Media: Etiquetas y Títulos de Sección */
body.large-font label,
body.large-font h2,
body.large-font h3,
body.large-font p,
body.large-font .section-header {
    font-size: calc(1em * var(--text-scale-ui)) !important;
    font-weight: 700 !important;
}

/* Ajuste de Contenedores para evitar roturas */
body.large-font .card,
body.large-font .article {
    padding: 1.5rem !important;
}

body.large-font button:not(.a11y-btn) {
    min-height: 64px !important;
    padding: 1rem 2rem !important;
}

/* 3. MEJORAS DE FOCO VISUAL */
*:focus-visible {
    outline: 4px solid var(--primary-blue, #2563eb) !important;
    outline-offset: 2px !important;
}

body.blind-mode *:focus-visible {
    outline: 6px solid #FFFF00 !important;
}

/* 4. TABLAS ACCESIBLES (Diseño Técnico 7 Días) */
.a11y-technical-table .grid > div {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #f1f5f9;
}

.a11y-technical-table .row-label {
    justify-content: flex-start !important;
    padding-left: 8px;
    font-weight: 800;
}

.a11y-technical-table .row-total-val {
    background-color: #f8fafc;
    font-weight: 900;
}

body.large-font .a11y-technical-table .grid {
    gap: 4px !important;
}

body.large-font .a11y-technical-table .row-label {
    font-size: 0.9em !important;
}