@import '_content/CompBase/CompBase.3izj3ruw9q.bundle.scp.css';

/* /Components/FormDialogs/ClassDialog.razor.rz.scp.css */
.class-dialog-schedule-editor[b-ogwin18wnb] {
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) repeat(2, minmax(140px, 1fr)) 32px;
    gap: 12px;
    align-items: start;
}

.class-dialog-schedule-field[b-ogwin18wnb] {
    min-width: 0;
}

.class-dialog-schedule-action[b-ogwin18wnb] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 18px;
}

.class-dialog-schedule-add-button[b-ogwin18wnb] {
    width: 28px;
    height: 28px;
    padding: 0;
}

.class-dialog-schedule-add-button[b-ogwin18wnb]  .mud-icon-root {
    font-size: 16px;
}

.class-dialog-schedule-table[b-ogwin18wnb] {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

.class-dialog-schedule-actions[b-ogwin18wnb] {
    width: 56px;
    text-align: right;
}

.class-dialog-empty-state[b-ogwin18wnb] {
    color: #51606f;
}

@media (max-width: 640px) {
    .class-dialog-schedule-editor[b-ogwin18wnb] {
        grid-template-columns: 1fr;
    }

    .class-dialog-schedule-action[b-ogwin18wnb] {
        justify-content: flex-start;
    }

    .class-dialog-schedule-actions[b-ogwin18wnb] {
        width: auto;
    }
}
/* /Components/FormDialogs/SetupDialog.razor.rz.scp.css */
.setup-dialog-upload[b-sa14weummv] {
    width: 100%;
}

.setup-dialog-grid[b-sa14weummv] {
    row-gap: 4px;
}

.setup-dialog-grid .mud-input-control[b-sa14weummv] {
    margin-bottom: 0;
    margin-top: 0;
}
/* /Components/FormDialogs/StudentDialog.razor.rz.scp.css */

/* /Components/FormDialogs/StudentsImport.razor.rz.scp.css */
.students-import-dialog[b-8lkqbax1b9] {
    width: min(1120px, calc(100vw - 40px));
    max-width: 1120px;
}

.students-import-header[b-8lkqbax1b9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.students-import-close[b-8lkqbax1b9] {
    flex: 0 0 auto;
    border-radius: 4px;
}

.students-import-close[b-8lkqbax1b9]  .mud-icon-root {
    color: #51606f;
}

.students-import-timeline[b-8lkqbax1b9] {
    margin-bottom: 16px;
}

.students-import-timeline[b-8lkqbax1b9]  .mud-timeline-item-content {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.students-import-timeline[b-8lkqbax1b9]  .mud-timeline-item-dot {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    position: relative;
}

.students-import-step-label[b-8lkqbax1b9] {
    text-align: center;
    width: 100%;
    font-weight: 700;
}

.students-import-step-dot-icon[b-8lkqbax1b9] {
    color: var(--mud-palette-text-secondary);
}

.students-import-step-dot-icon-current[b-8lkqbax1b9] {
    color: #ffffff;
}

.students-import-step-number[b-8lkqbax1b9] {
    color: var(--mud-palette-text-secondary);
    font-weight: 700;
    line-height: 1;
}

.students-import-dropzone-header[b-8lkqbax1b9] {
    width: 100%;
    text-align: center;
}

.students-import-dropzone-title[b-8lkqbax1b9] {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.35;
    white-space: pre-line;
}

.students-import-dropzone-description[b-8lkqbax1b9] {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.students-import-step[b-8lkqbax1b9] {
    min-height: 320px;
    padding-top: 10px;
}

.students-import-kinetic[b-8lkqbax1b9] {
    font-family: Inter, "Segoe UI", Tahoma, sans-serif;
    background: #f7f9fb;
    border-radius: 8px;
}

.students-import-step1-surface[b-8lkqbax1b9] {
    width: 100%;
    min-height: 300px;
    padding: 8px 0 0 0;
}

.students-import-upload-zone[b-8lkqbax1b9] {
    width: 100%;
    min-height: 260px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: dashed;
    border-width: 2px;
}

.students-import-upload-zone-dragging[b-8lkqbax1b9] {
    border-color: var(--mud-palette-primary);
    background-color: rgba(25, 118, 210, 0.06);
}

.students-import-selected-files[b-8lkqbax1b9] {
    width: 100%;
    max-width: 740px;
    gap: 8px;
}

.students-import-subscription-message[b-8lkqbax1b9] {
    width: 50%;
    margin: 0 auto 16px;
}

.students-import-step1-actions-row[b-8lkqbax1b9] {
    width: 100%;
    display: flex;
    justify-content: center !important;
    align-items: center;
    margin-top: 1.25rem;
}

.students-import-table .mud-table-head[b-8lkqbax1b9] {
    background: #eef2f7;
}

.students-import-validation-cell[b-8lkqbax1b9] {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.students-import-validation-status[b-8lkqbax1b9] {
    min-width: 0;
}

.students-import-validation-status-text[b-8lkqbax1b9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.students-import-col-status[b-8lkqbax1b9] {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

.students-import-col-name[b-8lkqbax1b9] {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

.students-import-col-email[b-8lkqbax1b9] {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.students-import-col-password[b-8lkqbax1b9] {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

.students-import-col-class[b-8lkqbax1b9] {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

@media (max-width: 768px) {
    .students-import-dialog[b-8lkqbax1b9] {
        width: min(100vw - 12px, 1120px);
        max-width: min(100vw - 12px, 1120px);
    }

    .students-import-subscription-message[b-8lkqbax1b9] {
        width: calc(100% - 32px);
    }
}


/* /Components/FormDialogs/TeacherDialog.razor.rz.scp.css */
.teacher-dialog-header[b-5cd67e7px4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.teacher-dialog-close[b-5cd67e7px4] {
    flex: 0 0 auto;
    border-radius: 4px;
}

.teacher-dialog-close[b-5cd67e7px4]  .mud-icon-root {
    color: #51606f;
}

.teacher-dialog-form[b-5cd67e7px4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 320px;
    padding: 18px 0;
}

.teacher-dialog-divider[b-5cd67e7px4] {
    margin: 0;
}

@media (max-width: 640px) {
    .teacher-dialog-form[b-5cd67e7px4] {
        min-width: 0;
    }
}