/* Estilos para los filtros */
.filter-row {
    background-color: var(--primary-light);
    border-bottom: 1px solid var(--secondary-light);
}

.filter-input {
    width: 100%;
    padding: 6px;
    border: 1px solid var(--secondary-light);
    border-radius: var(--radius-sm);
    font-size: 0.9em;
}

.filter-input::placeholder {
    opacity: 0.6;
}

/* Aplicar un color de fondo a las filas basado en filtros activos */
tr.filtered-row {
    background-color: var(--background);
}

/* Hacer más visibles los encabezados */
.tabla-estancias th,
.tabla-empleados th,
.tabla-clientes th {
    padding: 10px 8px;
    font-weight: bold;
}

/* Mejorar la usabilidad de los inputs de filtro */
.filter-input:focus {
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-dark);
}

/* Estilos para formulario de filtrado */
.filter-form {
    margin-bottom: 20px;
}