/* Estilos propios sobre Metronic. Mantener chico: lo que es de Metronic se
   configura en style.bundle.css, no se pisa acá. */

/* Importes en tablas: monoespaciada para que alineen las cifras */
.table-amounts td,
.table-amounts-td {
    font-family: 'Chivo Mono', monospace;
    color: black !important;
    font-weight: 300;
}

/* Día de hoy en flatpickr */
.flatpickr-day.today {
    background-color: #d1d3d4;
    color: black;
}

/* Control con foco (app.js agrega .focused) */
.focused {
    outline: 2px solid #007BFF !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5) !important;
}
.select2-container.select2-container--bootstrap5.select2-container--focus .select2-selection,
.select2-container.select2-container--bootstrap5.select2-container--open .select2-selection {
    outline: 2px solid #007BFF !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5) !important;
}

/* Grilla server-side mientras carga (crud-table.js agrega .crud-loading) */
table.crud-loading tbody {
    opacity: 0.35;
    transition: opacity 0.15s ease;
}

/* Texto siempre negro: Metronic pinta celdas, inputs e info en gris (#7E8299 / #5E6278) */
.text-gray-600, .text-gray-700,
.table tbody, .table tbody td,
.form-control, .form-select, .form-control.form-control-solid, .form-select.form-select-solid,
.dataTables_info, .form-text,
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: #000000 !important;
}

/* Logo + texto "COS Gestión" (la franja del logo del aside es blanca en este tema) */
.logo-texto {
    font-weight: 700;
    font-size: 1.3rem;
    color: #181C32;
    letter-spacing: 0.02em;
    white-space: nowrap;
}
.logo-texto-sm {
    font-size: 1.05rem;
}
.logo-texto-lg {
    font-size: 2.2rem;
}
.logo-texto-oscuro {
    color: #181C32;
}
[data-kt-aside-minimize="on"] .aside-logo .logo-texto {
    display: none;
}