/*
 * Clásico renovado (facelift) — fase 1. SOLO VISUAL Y SUTIL.
 * Se carga después de main-mcbs-clasico.css y únicamente en el tema Clásico.
 * No cambia colores de marca, fuente, tamaños de letra ni la posición de nada.
 * Para apagarlo basta con no cargar este archivo.
 */

/* 1. Campos: borde gris suave en lugar de negro y foco azul fino (sin resplandor grueso). */
body .form-control {
    border-color: #b9c3cc;
    border-radius: 5px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
body .form-control:focus {
    border-color: #2c7be5;
    box-shadow: 0 0 0 2px rgba(44, 123, 229, .15);
}
body .select2-container--default .select2-selection--single,
body .select2-container--default .select2-selection--multiple {
    border-color: #b9c3cc;
    border-radius: 5px;
}
body .select2-container--default.select2-container--focus .select2-selection--multiple,
body .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #2c7be5;
}

/* 2. Tablas: un poco de aire por fila y resaltado suave al pasar el mouse.
      El resaltado es una capa encima: no reemplaza el color de filas seleccionadas o de estado. */
/* main-mcbs.css fija el padding de celdas con !important; aquí solo se suma aire vertical. */
body .table thead th { padding-top: 4px !important; padding-bottom: 4px !important; }
body .table tbody td { padding-top: 2px !important; padding-bottom: 2px !important; }
body .table tbody tr:hover > td {
    background-image: linear-gradient(rgba(44, 123, 229, .07), rgba(44, 123, 229, .07));
}

/* 3. Tarjetas, botones y menús con esquinas algo más redondeadas. */
body .card { border-radius: 8px !important; }
body .btn { border-radius: 5px; }
body .btn:not(:disabled):hover { filter: brightness(.95); }
body .dropdown-menu { border-radius: 6px; box-shadow: 0 6px 18px rgba(30, 55, 68, .12); }
body .modal-content { border-radius: 8px; }
body .swal2-popup { border-radius: 10px; }

/* 4. Barras de desplazamiento finas (navegadores Chromium/Edge y Firefox). */
body * { scrollbar-width: thin; scrollbar-color: #b9c3cc transparent; }
body *::-webkit-scrollbar { width: 8px; height: 8px; }
body *::-webkit-scrollbar-thumb { background: #b9c3cc; border-radius: 8px; }
body *::-webkit-scrollbar-track { background: transparent; }