/**
 * Rediseño de la pestaña de Contenido de Cursos
 * Objetivo: Visualización Full HD (1920x1080) sin scroll vertical.
 */

.course-content-panel .general-card {
    padding: 1.5rem 2rem;
    height: calc(100vh - 280px); /* Ajuste dinámico para cabera/tabs/footer */
    display: flex;
    flex-direction: column;
}

.course-content-panel .general-card__header {
    margin-bottom: 1rem;
    flex-shrink: 0;
}

.course-content-panel .general-card__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto 1fr;
    gap: 1.25rem;
    flex: 1;
    min-height: 0;
}

/* Forzado de filas para mantener altura controlada */
.course-content-panel .form-group {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.course-content-panel .form-group label {
    font-size: 0.85rem;
    margin-bottom: 0.25rem;
    flex-shrink: 0;
}

/* Editores Rich (Quill) con altura fija ajustada */
.course-content-panel .rich-editor-container {
    flex: 1;
    min-height: 120px;
    max-height: 150px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--gray-300) !important; /* Borde gris consistente */
}

.course-content-panel .ql-container {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

/* Ajuste específico para Descripción de Diploma (más corta) */
.course-content-panel .form-group[data-field="diploma_description"] .rich-editor-container {
    max-height: 100px;
    min-height: 80px;
    border: 1px solid var(--gray-300) !important;
}

/* Unificación Software + Descripción */
.software-unified-group {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--gray-300);
    border-radius: 0.5rem;
    background: white;
    overflow: hidden;
    min-height: 200px;
}

.software-unified-group .software-select-header {
    padding: 0.5rem 0.75rem;
    background: var(--gray-50);
    border-bottom: 1px solid var(--gray-300);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.software-unified-group .software-select-header label {
    margin: 0;
    font-weight: 600;
    white-space: nowrap;
}

.software-unified-group select.form-control {
    border: 0;
    background: transparent;
    padding: 0;
    height: auto;
    font-weight: 500;
}

.software-unified-group .rich-editor-container {
    border: 0 !important;
    border-radius: 0 !important;
    max-height: none !important;
}

/* Posicionamiento en Grid */
.course-content-panel .form-group[data-field="description"] { grid-column: 1; grid-row: 1; }
.course-content-panel .form-group[data-field="objectives"] { grid-column: 2; grid-row: 1; }
.course-content-panel .form-group[data-field="didactic_material"] { grid-column: 3; grid-row: 1; }

.course-content-panel .software-unified-group { grid-column: 1; grid-row: 2; }
.course-content-panel .form-group[data-field="complexity_level"] { grid-column: 2; grid-row: 2; }
.course-content-panel .form-group[data-field="diploma_description"] { grid-column: 3; grid-row: 2; }

@media (max-height: 900px) {
    .course-content-panel .general-card {
        height: calc(100vh - 220px);
    }
    .course-content-panel .rich-editor-container {
        max-height: 100px;
        min-height: 100px;
    }
}