/*
 * EduTec Manager — CSS Salones de Área de Especialidad
 * Archivo: assets/css/c-salones-area.css
 */

.etm-sa-wrap { width: 100% !important; }
.etm-sa-titulo { margin: 0 0 16px !important; }

.etm-field-btn { display: flex !important; align-items: end !important; }

/* ---- Barra de cupos (fija) ---- */
.etm-sa-cupos-barra {
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
    background: #fff !important;
    border: 1px solid var(--etm-gray-200) !important;
    border-radius: var(--etm-radius-lg) !important;
    padding: 10px 14px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
}

.etm-sa-cupo-pill {
    background: var(--etm-gray-100) !important;
    border-radius: 999px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.etm-sa-cupo-lleno {
    background: #fee2e2 !important;
    color: #b91c1c !important;
}

/* ---- Grupos (fila simple, sin columnas de semestre) ---- */
#etm-sa-grupos { margin-bottom: 16px !important; }

/* ---- CSV ---- */
.etm-sa-csv-acciones { display: flex !important; gap: 10px !important; margin-bottom: 12px !important; }
.etm-sa-lista-errores { font-size: 12px !important; color: #b91c1c !important; padding-left: 18px !important; }