/* ===== citas.css =====
   Solo columnas de tabla, filtros y overrides del módulo.
   Hero y shell viven en assets/css/module-patterns.css. Los KPI viven en assets/css/kpi.css
   ========================================================= */

/* Filtros de citas: buscar amplio + 4 selectores */
.citas-filters-grid {
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
    gap: 12px;
}

/* Tabla de citas */
.ui-div-table-citas .ui-div-row {
    grid-template-columns: 1.5fr 1fr 1fr .8fr .8fr .5fr;
}

.ui-div-table-citas .ui-div-cell strong {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: var(--text);
}

/* Textarea del modal */
.cita-modal textarea { resize: vertical; }

/* Mensajes AJAX */
.js-cita-message.is-ok  { color: var(--verde); }
.js-cita-message.is-err { color: var(--rojo); }

/* ===== Responsive ===== */

@media (max-width: 1100px) {
    .citas-filters-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .citas-filters-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 940px) {
    .ui-div-table-citas .ui-div-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 560px) {
    .ui-div-table-citas .ui-div-row {
        grid-template-columns: 1fr;
    }
}