/**
 * DQA Students
 * Lista de estudiantes y Student Overview
 */

/* ========================================= */
/* Lista de Alumnos - Slider (3x3 Grid) */
/* ========================================= */
.dqa-teacher-students-list .dqa-students-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
}

.dqa-teacher-students-list .dqa-students-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.dqa-teacher-students-list .dqa-students-slider .dqa-student-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

/* Tarjeta de Alumno */
.dqa-student-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.3rem 1.9rem;
    background-color: var(--colorLavandaClaro);
    border-radius: 1rem;
    text-decoration: none;
    color: #000;
    transition: background-color 0.2s;
    height: 6rem;
}

.dqa-student-card:hover {
    background-color: var(--colorLavandaClaro);
}

@media screen and (min-width: 1024px) {
    .dqa-student-card {
        height: 9rem;
    }
}

.dqa-student-grid.slick-slide .dqa-student-info {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.dqa-student-grid.slick-slide .dqa-student-info span {
    font-family: var(--fuentePrincipalDash) !important;
    font-size: 1.6rem;
    font-weight: 600;
}

.dqa-student-grid.slick-slide .dqa-student-avatar {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 3.5rem;
}

.dqa-student-grid.slick-slide .dqa-arrow-icon {
    color: #999;
}

@media screen and (min-width: 1024px) {
    .dqa-student-grid.slick-slide .dqa-student-info span {
        font-size: 1.8rem;
    }
    .dqa-student-grid.slick-slide .dqa-student-avatar {
        width: 6.4rem;
        height: 6.4rem;
    }
}

/* Responsive: Tablet (768px y abajo) - 2 columnas */
@media (max-width: 768px) {
    .dqa-teacher-students-list .dqa-students-slider .dqa-student-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive: Móvil (480px y abajo) - 1 columna */
@media (max-width: 480px) {
    .dqa-teacher-students-list .dqa-students-slider .dqa-student-grid {
        grid-template-columns: 1fr;
    }
}

/* ========================================= */
/* Student Overview (Teacher View) */
/* ========================================= */
.dqa-student-overview-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4rem;
}

.dqa-student-overview-container .dqa-student-info {
    display: flex;
    align-items: center;
    gap: 2rem;
    text-decoration: none;
    color: inherit;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

.dqa-student-overview-container .dqa-student-info:hover {
    opacity: 0.7;
}

.dqa-student-overview-container .dqa-student-info .dqa-student-avatar {
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.dqa-student-overview-container .dqa-student-info:hover .dqa-student-avatar {
    transform: scale(1.05);
}

.dqa-student-overview-container .dqa-student-info .dqa-student-name {
    font-family: var(--fuentePrincipalDash);
    font-size: 2.2rem;
    font-weight: 500;
    margin: 0;
}

.dqa-student-overview-container .dqa-overview-actions {
    display: flex;
    gap: 2rem;
}

.dqa-student-overview-container .dqa-overview-actions .dqa-overview-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--colorLavandaClaro);
    color: #000;
    text-decoration: none;
    padding: 1rem 2.4rem;
    border-radius: 10rem;
    font-weight: 500;
    min-width: 18rem;
    transition: all 0.3s ease;
}

.dqa-student-overview-container .dqa-overview-actions .dqa-overview-btn:hover {
    /*background-color: var(--colorLavandaOscuro);*/
    /*transform: translateY(-2px);*/
}

.dqa-student-overview-container .dqa-overview-actions .dqa-overview-btn.active {
    background-color: var(--colorMoradoOscuro);
    color: #fff;
    font-weight: 600;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);*/
}

.dqa-student-overview-container .dqa-overview-actions .dqa-overview-btn i {
    margin-left: 1.5rem;
    font-size: 1.4rem;
}

/* Assignment List Widget */
.dqa-assignment-list-widget .dqa-overview-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 2rem 0;
}

.dqa-assignment-list-widget .dqa-overview-header .dqa-section-title {
    font-family: var(--fuentePrincipalDash);
    font-weight: 600;
    font-size: 2.2rem;
    margin: 0;
}

.dqa-assignment-list-widget .dqa-overview-header .dqa-edit-all-btn {
    text-decoration: none;
    font-size: 1.6rem;
    color: inherit;
}

/* ========================================= */
/* Teacher Chat Button (Student Overview) */
/* ========================================= */
.dqa-teacher-chat-button-container {
    display: flex;
    justify-content: flex-start;
    margin: 0 0;
}

.dqa-teacher-chat-button-container .dqa-overview-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--colorLavandaClaro);
    color: #000;
    text-decoration: none;
    padding: 1rem 2.4rem;
    border-radius: 10rem;
    font-weight: 500;
    min-width: 18rem;
    transition: all 0.3s ease;
    font-family: var(--fuentePrincipalDash);
    font-size: 1.6rem;
}

.dqa-teacher-chat-button-container .dqa-overview-btn:hover {
    /*background-color: var(--colorLavandaOscuro);*/
    /*transform: translateY(-2px);*/
}

.dqa-teacher-chat-button-container .dqa-overview-btn i {
    font-size: 1.6rem;
}