/* ==========================================================
   EduTec Manager — Registro rápido de día de trabajo comunitario (Conducta)
   Archivo: assets/css/c-cd-registro-dia.css
   El bloque de sugerencias replica las clases .etm-sug-* de
   [etm_datos_alumnos] para que el buscador se vea idéntico.
   ========================================================== */

.etm-cdrd-wrap { width: 100% !important; }

.etm-alumnos-buscador-wrap { position: relative !important; }

.etm-alumnos-sugerencias {
    position:      absolute !important;
    top:           100% !important;
    left:          0 !important;
    right:         auto !important;
    width:         100% !important;
    max-width:     480px !important;
    background:    #fff !important;
    border:        1px solid var(--etm-gray-200, #e2e8f0) !important;
    border-radius: var(--etm-radius, 8px) !important;
    box-shadow:    0 8px 24px rgba(0,0,0,.12) !important;
    z-index:       1000 !important;
    max-height:    260px !important;
    overflow-y:    auto !important;
    margin-top:    4px !important;
}

.etm-sug-item {
    padding:       10px 14px !important;
    font-size:     13px !important;
    cursor:        pointer !important;
    border-bottom: 1px solid var(--etm-gray-100, #f1f5f9) !important;
    transition:    background .1s !important;
}
.etm-sug-item:last-child { border-bottom: none !important; }
.etm-sug-item:hover { background: var(--etm-blue-light, #eef2ff) !important; }
.etm-sug-empty { color: var(--etm-gray-400, #94a3b8) !important; cursor: default !important; }
.etm-sug-empty:hover { background: transparent !important; }

.etm-sug-item-alumno {
    display:     flex !important;
    align-items: center !important;
    gap:         10px !important;
    padding:     8px 12px !important;
}

.etm-sug-foto {
    width:         38px !important;
    height:        46px !important;
    object-fit:    cover !important;
    border-radius: 4px !important;
    border:        1px solid var(--etm-gray-200, #e2e8f0) !important;
    flex-shrink:   0 !important;
    background:    var(--etm-gray-100, #f1f5f9) !important;
}

.etm-sug-info {
    display:        flex !important;
    flex-direction: column !important;
    gap:            2px !important;
    min-width:      0 !important;
}

.etm-sug-nombre {
    font-size:     13px !important;
    white-space:   nowrap !important;
    overflow:      hidden !important;
    text-overflow: ellipsis !important;
}

.etm-sug-meta {
    display:     flex !important;
    align-items: center !important;
    gap:         6px !important;
    font-size:   11px !important;
}

.etm-sug-grupo {
    background:    var(--etm-blue-light, #eef2ff) !important;
    color:         var(--etm-blue, #4338ca) !important;
    border-radius: 4px !important;
    padding:       1px 6px !important;
    font-weight:   600 !important;
    font-size:     11px !important;
}

/* ----------------------------------------------------------
   Alumno seleccionado
---------------------------------------------------------- */
.etm-cdrd-card {
    display: none;
    flex-wrap: wrap !important;
    gap: 16px !important;
    align-items: flex-start !important;
    margin-top: 20px !important;
    padding: 16px !important;
    border: 1px solid #b7e4bc !important;
    background: #e9f9ea !important;
    border-radius: var(--etm-radius, 8px) !important;
    box-sizing: border-box !important;
}

.etm-cdrd-card.etm-cdrd-mostrar { display: flex !important; }

.etm-cdrd-foto {
    width: 90px !important;
    height: 110px !important;
    object-fit: cover !important;
    border-radius: var(--etm-radius, 8px) !important;
    border: 1px solid var(--etm-gray-200, #e2e8f0) !important;
    flex-shrink: 0 !important;
}

.etm-cdrd-card-datos {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    flex: 1 1 200px !important;
    min-width: 0 !important;
}

#etm-cdrd-btn-registrar {
    white-space: normal !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    line-height: 1.3 !important;
    height: auto !important;
}
.etm-cdrd-nombre { font-weight: 700 !important; font-size: 16px !important; }
.etm-cdrd-grupo  { font-size: 13px !important; color: var(--etm-gray-600, #475569) !important; }
.etm-cdrd-resumen { font-size: 13px !important; margin-bottom: 8px !important; }

#etm-cdrd-resultado { margin-top: 16px !important; }

@media (max-width: 500px) {
    .etm-cdrd-card { flex-direction: column !important; align-items: center !important; text-align: center !important; }
}