/* =====================================================================
   MONDO CÁRNICO — Modo Accesible (alta legibilidad para operadores)
   ---------------------------------------------------------------------
   Capa de OVERRIDES que se carga al final. Botones y texto grandes,
   colores SÓLIDOS, alto contraste y áreas de clic amplias.
   Para REVERTIR todo: quita el <link> de accesible.css en views/layout.php.
   ===================================================================== */

/* Base más grande y con más contraste general */
body { font-size: 16.5px !important; color: #0f0f0f !important; }

/* Texto "atenuado" con MÁS contraste (ya no gris claro ilegible) */
.text-mc-muted, .td-muted, .mc-breadcrumb,
.mc-corte-pick-meta, small.text-mc-muted { color: #3f3f3f !important; }

/* ----------------------------------------------------------------
   BOTONES — grandes, sólidos, alto contraste
   ---------------------------------------------------------------- */
.btn-mc, .btn-mc-outline, .btn-mc-ghost,
button[type="submit"], .btn, .btn-primary {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    padding: .8rem 1.4rem !important;
    min-height: 54px !important;
    border-radius: 8px !important;
    border-width: 2px !important;
    line-height: 1.15 !important;
}
.btn-mc, button[type="submit"], .btn-primary {
    background: #CC0000 !important; color: #fff !important;
    border: 2px solid #990000 !important;
}
.btn-mc:hover, button[type="submit"]:hover, .btn-primary:hover { background: #990000 !important; }
.btn-mc-outline { background: #ffffff !important; color: #CC0000 !important; border: 2px solid #CC0000 !important; }
.btn-mc-outline:hover { background: #CC0000 !important; color: #fff !important; }
.btn-mc-ghost { background: #eeeeee !important; color: #111 !important; border: 2px solid #c9c9c9 !important; }
.btn-mc-ghost:hover { background: #e0e0e0 !important; }
.btn-mc-sm { min-height: 42px !important; font-size: 1rem !important; padding: .5rem 1rem !important; }
.btn-mc i, .btn-mc-outline i, .btn-mc-ghost i, button i { font-size: 1.15rem !important; }

/* ----------------------------------------------------------------
   CAMPOS — grandes, con borde marcado y buen foco
   ---------------------------------------------------------------- */
.mc-form-control,
input[type="text"], input[type="number"], input[type="date"], input[type="time"],
input[type="email"], input[type="password"], input[type="search"], input[type="tel"],
select, textarea {
    font-size: 1.15rem !important;
    min-height: 52px !important;
    padding: .6rem .85rem !important;
    border: 2px solid #b0b0b0 !important;
    border-radius: 8px !important;
    color: #0f0f0f !important;
    background: #fff !important;
}
textarea { min-height: 84px !important; }
.mc-form-control:focus,
input:focus, select:focus, textarea:focus {
    border-color: #CC0000 !important;
    box-shadow: 0 0 0 3px rgba(204,0,0,.22) !important;
    outline: none !important;
}
.mc-form-control::placeholder, input::placeholder { color: #8a8a8a !important; }
.mc-form-label, label { font-size: 1.03rem !important; font-weight: 700 !important; color: #111 !important; margin-bottom: .3rem !important; }

/* Casillas y radios GRANDES (fáciles de tocar/ver) */
input[type="checkbox"], input[type="radio"] {
    width: 22px !important; height: 22px !important; min-height: 0 !important;
    accent-color: #CC0000 !important;
}

/* ----------------------------------------------------------------
   TABLAS — texto grande, filas altas, franjas para no perderse
   ---------------------------------------------------------------- */
.mc-table thead th {
    font-size: .98rem !important; text-transform: none !important; letter-spacing: 0 !important;
    background: #111 !important; color: #fff !important; padding: .85rem .9rem !important;
}
.mc-table tbody td { font-size: 1.06rem !important; padding: .8rem .9rem !important; }
.mc-table .td-muted { font-size: .96rem !important; }
.mc-table tbody tr { border-bottom: 2px solid #ececec !important; }
.mc-table tbody tr:nth-child(even) { background: #f4f4f4 !important; }
.mc-table tbody tr:hover { background: #ffe9e9 !important; }

/* ----------------------------------------------------------------
   BADGES / ESTADOS — colores SÓLIDOS de alto contraste
   ---------------------------------------------------------------- */
.mc-badge { font-size: .9rem !important; font-weight: 700 !important; padding: .35rem .7rem !important; border-radius: 6px !important; }
.mc-badge-canalera, .mc-badge-empacando, .mc-badge-vendido       { background: #1a56db !important; color: #fff !important; }
.mc-badge-deshuese, .mc-badge-abierto, .mc-badge-devuelto,
.mc-badge-devolucion_parcial                                      { background: #b45309 !important; color: #fff !important; }
.mc-badge-deshuesado, .mc-badge-cerrado, .mc-badge-stock,
.mc-badge-en_stock, .mc-badge-activa                              { background: #0a6640 !important; color: #fff !important; }
.mc-badge-completado                                              { background: #444 !important;    color: #fff !important; }
.mc-badge-merma, .mc-badge-cancelada                              { background: #b91c1c !important; color: #fff !important; }

/* ----------------------------------------------------------------
   ENCABEZADOS y NÚMEROS grandes
   ---------------------------------------------------------------- */
.mc-page-header-left h1 { font-size: 1.9rem !important; font-weight: 800 !important; color: #111 !important; }
.mc-card-header h5 { font-size: 1.25rem !important; font-weight: 800 !important; color: #111 !important; }
.mc-stat-num { font-size: 2.1rem !important; font-weight: 800 !important; color: #111 !important; }
.mc-stat-label { font-size: .96rem !important; font-weight: 600 !important; color: #444 !important; }
.mc-folio { font-size: 1.05rem !important; font-weight: 700 !important; }

/* ----------------------------------------------------------------
   NAVEGACIÓN — enlaces grandes, áreas de clic amplias
   ---------------------------------------------------------------- */
.mc-sidebar .mc-nav-link { font-size: 1.06rem !important; padding: .78rem 1rem !important; }
.mc-sidebar .mc-nav-link i { font-size: 1.2rem !important; width: 22px !important; }
.mc-sidebar .mc-nav-section { font-size: .82rem !important; font-weight: 800 !important; color: #bbb !important; }
.mc-navbar { min-height: 64px !important; }
.mc-navbar .mc-brand img { height: 44px !important; }

/* ----------------------------------------------------------------
   ALERTAS — más visibles
   ---------------------------------------------------------------- */
.mc-alert { font-size: 1.12rem !important; padding: 1rem 1.25rem !important; border-width: 2px !important; font-weight: 600 !important; }

/* Tarjetas de selección (cortes/productos) con más presencia y foco claro */
.mc-corte-pick { padding: .9rem 1rem !important; border: 2px solid #d8d8d8 !important; border-radius: 10px !important; }
.mc-corte-pick input[type="radio"]:checked ~ .mc-corte-pick-body,
.mc-corte-pick:hover { border-color: #CC0000 !important; }