/* ===== Conciliación Bancaria Styles ===== */

/* Tabla de movimientos */
.conciliacion-table {
    font-size: 0.82rem;
}

.conciliacion-table thead th {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
    font-size: 0.76rem;
    padding: 0.3rem 0.4rem;
}

.conciliacion-table tbody td {
    padding: 0.25rem 0.4rem;
    vertical-align: middle;
}

.conciliacion-table-compact {
    font-size: 0.78rem;
}

.conciliacion-table-compact .badge-sm {
    font-size: 0.68rem;
    padding: 0.2em 0.45em;
}

.conciliacion-table tbody tr:hover {
    background-color: #e9ecef !important;
}

/* Badges de estado */
.badge.bg-secondary { background-color: #6c757d !important; }
.badge.bg-warning { background-color: #ffc107 !important; }
.badge.bg-success { background-color: #198754 !important; }
.badge.bg-danger { background-color: #dc3545 !important; }
.badge.bg-info { background-color: #0dcaf0 !important; }

/* Indicador partida sin justificación */
.partida-sin-justificacion {
    border-left: 3px solid #ffc107;
    background-color: #fff9e6 !important;
}

/* Cards de resumen */
.card.border-primary .card-header { border-bottom: 2px solid #0d6efd; }
.card.border-success .card-header { border-bottom: 2px solid #198754; }
.card.border-danger .card-header { border-bottom: 2px solid #dc3545; }

/* Zona drag-and-drop CSV */
.csv-drop-zone {
    border: 2px dashed #adb5bd;
    background-color: #f8f9fa;
    border-radius: 0.5rem;
    transition: border-color 0.2s, background-color 0.2s;
}

.csv-drop-zone:hover {
    border-color: #0d6efd;
    background-color: #e7f1ff;
}

/* Indicadores de diferencia */
.diferencia-conciliado { color: #198754; }
.diferencia-revision { color: #ffc107; }
.diferencia-pendiente { color: #dc3545; }

/* Responsive: dos columnas movimientos */
@media (max-width: 991.98px) {
    .col-lg-6 {
        margin-bottom: 1rem;
    }
}

/* Tab activo */
.nav-tabs .nav-link.active {
    font-weight: 600;
    border-bottom: 2px solid #0d6efd;
}

/* Tabla dentro de cards de resumen */
.card-body .table {
    margin-bottom: 0;
}

.card-body .table td {
    padding: 0.35rem 0.5rem;
    border-color: #f0f0f0;
}