/* Setting module — overrides cho components/school/* */

/* components/school/lesson-attachment-input.vue */
.lesson-attachment-input {
    width: 100%;
}

.lesson-attachment-input .attachment-list {
    border: 1px solid var(--ce-border-muted);
    border-radius: var(--ce-btn-radius);
    overflow: hidden;
}

.lesson-attachment-input .attachment-item {
    background: var(--ce-surface-page);
    border-bottom: 1px solid var(--ce-color-gray-275);
    transition: background 0.15s;
}

.lesson-attachment-input .attachment-item:last-child {
    border-bottom: none;
}

.lesson-attachment-input .attachment-item:hover {
    background: var(--ce-surface-muted);
}

.lesson-attachment-input .btn-remove-attachment {
    background: none;
    border: none;
    padding: 2px 4px;
    color: var(--ce-color-gray-400);
    cursor: pointer;
    border-radius: 4px;
    line-height: 1;
    flex-shrink: 0;
    transition: 0.15s;
}

.lesson-attachment-input .btn-remove-attachment:hover {
    background: var(--ce-tag-danger-bg);
    color: var(--ce-tag-danger-text);
}

.lesson-attachment-input .btn-add-attachment {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border: 1.5px dashed var(--ce-color-gray-350);
    border-radius: var(--ce-btn-radius);
    background: none;
    color: var(--ce-color-info);
    font-size: 0.875rem;
    cursor: pointer;
    transition: 0.15s;
    white-space: nowrap;
}

.lesson-attachment-input .btn-add-attachment:hover:not(.uploading) {
    border-color: var(--ce-color-info);
    background: var(--ce-color-blue-50);
}

.lesson-attachment-input .btn-add-attachment.uploading {
    opacity: 0.7;
    cursor: not-allowed;
}

.lesson-attachment-input .hint-text {
    font-size: 0.75rem;
    color: var(--ce-color-gray-400);
    margin-top: 4px;
}

/* components/school/lesson-type/exam.vue */
.lesson-type-exam {
    width: 100%;
}

.lesson-type-exam .selected-exam-card {
    border: 1.5px solid var(--ce-color-info);
    border-radius: 8px;
    background: var(--ce-color-blue-50);
    padding: 12px 14px;
}

.lesson-type-exam .selected-exam-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lesson-type-exam .selected-exam-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.lesson-type-exam .btn-clear-exam {
    background: none;
    border: 1px solid var(--ce-color-gray-300);
    border-radius: 6px;
    padding: 4px 8px;
    color: var(--ce-color-gray-450);
    cursor: pointer;
    transition: 0.15s;
    flex-shrink: 0;
}

.lesson-type-exam .btn-clear-exam:hover {
    border-color: var(--ce-color-red-350);
    color: var(--ce-color-red-350);
    background: var(--ce-color-white);
}

.lesson-type-exam .exam-list {
    border: 1px solid var(--ce-color-gray-250);
    border-radius: 8px;
    max-height: 260px;
    overflow-y: auto;
}

.lesson-type-exam .exam-list-loading,
.lesson-type-exam .exam-list-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: var(--ce-color-gray-400);
    font-size: 0.875rem;
    gap: 8px;
}

.lesson-type-exam .exam-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--ce-color-gray-75);
    cursor: pointer;
    transition: background 0.15s;
}

.lesson-type-exam .exam-item:last-child {
    border-bottom: none;
}

.lesson-type-exam .exam-item:hover {
    background: var(--ce-color-blue-50);
}

.lesson-type-exam .exam-item-icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--ce-color-blue-100);
    color: var(--ce-color-info);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* components/school/list-class.vue — badge dùng core/tags.css */

/* components/school/teacher-modal-add-by-email.vue */
.teacher-modal-add-by-email .result-user {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid var(--ce-color-gray-275);
    border-radius: 8px;
    background: var(--ce-color-gray-25);
}

.teacher-modal-add-by-email .result-user .box-user-avatar {
    display: flex;
    align-items: center;
    gap: 16px;
}

.teacher-modal-add-by-email .result-user .content .name {
    margin-bottom: 4px;
}

.teacher-modal-add-by-email .assign-extra {
    margin-top: 16px;
    display: grid;
    gap: 12px;
}

.teacher-modal-add-by-email .assign-extra .form-row {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.teacher-modal-add-by-email .btn-save .disabled {
    pointer-events: none;
    opacity: 0.6;
}

/* components/school/teacher/modal-classes.vue */
.teacher-modal-classes .teacher-classes-modal {
    max-height: 480px;
}

.teacher-modal-classes .guideline p {
    margin: 0;
}

.teacher-modal-classes .mt-2 {
    margin-top: 8px;
}

.teacher-modal-classes .mt-3 {
    margin-top: 12px;
}

/* status-label → core/tags.css */