/* ============================================
   DORAEMON - Solo mejoras de contraste y legibilidad
   Sin cambiar colores base del tema
   ============================================ */

/* === Tablas: mejor separación visual de filas === */
.table > tbody > tr:nth-child(even) {
    background-color: #f5f7fa;
}
.table > tbody > tr:hover {
    background-color: #e8edf3;
}
.table > thead > tr > th {
    border-bottom: 2px solid #4a7ab5;
    font-weight: 700;
    font-size: 12px;
}
.table > tbody > tr > td {
    color: #222;
    font-size: 13px;
    border-bottom: 1px solid #dde3ea;
}

/* === DataTables: filas alternas y hover === */
table.dataTable tbody tr:nth-child(even) {
    background-color: #f5f7fa;
}
table.dataTable tbody tr:hover {
    background-color: #e8edf3;
}
table.dataTable thead th {
    font-weight: 700;
    border-bottom-width: 2px;
}
table.dataTable tbody td {
    color: #222;
}

/* === jqxGrid: reforzar contraste sin cambiar theme === */
.jqx-grid-cell {
    color: #222 !important;
}
.jqx-grid-cell-alt {
    background-color: #f5f7fa !important;
}
.jqx-grid-cell-hover {
    background-color: #e0eaf5 !important;
}
.jqx-grid-cell-selected {
    font-weight: 600 !important;
}
.jqx-grid-column-header .jqx-grid-header {
    font-weight: 700 !important;
}

/* === Texto general: más contraste === */
body {
    color: #222;
}
label {
    color: #333;
    font-weight: 600;
}

/* === Bordes de formularios más visibles === */
.form-control {
    border-color: #b0bec5;
}
.form-control:focus {
    border-color: #4a7ab5;
    box-shadow: 0 0 0 2px rgba(74, 122, 181, 0.15);
}