/* Grade Improve - Tutor registration public styling */
.tutor-register-section{padding:56px 0;background:linear-gradient(180deg,#f5fbff 0%,#ffffff 70%)}
.tutor-register-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.tutor-form-card,.tutor-side-card{background:#fff;border:1px solid #e5eef7;border-radius:24px;box-shadow:0 18px 45px rgba(28,68,122,.08);padding:30px}
.tutor-form-card h1{margin:10px 0 8px;font-size:34px;line-height:1.15}.tutor-form-card p{color:#566476;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.full{grid-column:1/-1}.form-field label{font-weight:700;color:#24384f}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #d8e5f0;border-radius:14px;padding:12px 14px;font-size:15px;background:#fbfdff}.form-field textarea{min-height:92px;resize:vertical}.form-help{font-size:13px;color:#6b7888}.form-error-box{background:#fff5f5;border:1px solid #ffc9c9;color:#8b1e1e;padding:16px;border-radius:16px;margin:20px 0}.checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.checkbox-grid label,.agreement-row{border:1px solid #d8e5f0;border-radius:14px;padding:12px 14px;background:#fbfdff;font-weight:600}.notice-soft{background:#eef9fb;border:1px solid #cceef4;border-radius:16px;padding:14px;margin:18px 0;color:#285666}.success-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.side-list{display:grid;gap:16px;margin:20px 0}.side-item{display:flex;gap:12px;align-items:flex-start}.side-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#e8f5ff;color:#166aa5;font-weight:800;flex:0 0 32px}@media(max-width:900px){.tutor-register-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr}}

/* Academic level/subject checkbox groups for tutor registration. */
.academic-checkbox-groups {
    display: grid;
    gap: 14px;
    margin-top: 10px;
}

.academic-group {
    border: 1px solid #dbeafe;
    background: #f8fbff;
    border-radius: 16px;
    padding: 14px;
}

.academic-level-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #0f172a;
}

.academic-subject-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
}

.academic-subject-grid label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    color: #334155;
}

.academic-subject-grid input,
.academic-level-row input {
    margin-top: 2px;
}

@media (max-width: 720px) {
    .academic-subject-grid {
        grid-template-columns: 1fr;
    }
}
/* ============================================================
   Grade Improve - Tutor Registration Subject Checkbox Fix
   Purpose:
   Fixes the level/subject checkbox layout so each level appears
   as a clean card with subjects arranged neatly.
   ============================================================ */

.subject-level-card {
    border: 1px solid #d8e6f3;
    background: #f8fbff;
    border-radius: 18px;
    padding: 22px;
    margin-bottom: 18px;
}

.subject-level-card h3,
.subject-level-title {
    margin: 0 0 16px 0;
    font-size: 20px;
    font-weight: 800;
    color: #17324d;
    text-align: left;
}

.subject-checkbox-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 12px 18px;
    align-items: start;
}

.subject-checkbox-item {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid #e1edf8;
    border-radius: 12px;
    background: #ffffff;
    font-size: 14px;
    font-weight: 600;
    color: #26384a;
    line-height: 1.35;
    cursor: pointer;
}

.subject-checkbox-item input[type="checkbox"] {
    margin: 2px 0 0 0;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
}

.subject-checkbox-item span {
    display: block;
}

/* Override any inherited form-grid or label styles that may distort checkbox rows */
.subject-level-card label,
.subject-checkbox-grid label {
    width: auto;
    text-align: left;
}

@media (max-width: 900px) {
    .subject-checkbox-grid {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

@media (max-width: 600px) {
    .subject-checkbox-grid {
        grid-template-columns: 1fr;
    }

    .subject-level-card {
        padding: 18px;
    }
}

/* ============================================================
   Grade Improve - Academic Subject Checkbox Layout Fix
   Upload/append this to: public_html/assets/css/tutor-registration.css
   Purpose: keeps each academic group as a readable card.
   ============================================================ */

.academic-checkbox-groups {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 16px;
}

.academic-group {
    display: block;
    width: 100%;
    border: 1px solid #d8e6f3;
    background: #f8fbff;
    border-radius: 18px;
    padding: 20px;
}

.academic-level-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 20px;
    font-weight: 800;
    color: #17324d;
}

.academic-level-row input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
}

.academic-level-row strong {
    display: inline-block;
    text-align: left;
}

.academic-subject-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 12px 14px;
    width: 100%;
}

.academic-subject-grid label,
.academic-subject-option {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: auto !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #e1edf8;
    border-radius: 12px;
    background: #ffffff;
    color: #26384a;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-align: left !important;
    cursor: pointer;
}

.academic-subject-grid label input[type="checkbox"],
.academic-subject-option input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 16px !important;
    height: 16px !important;
    margin: 2px 0 0 0 !important;
}

.academic-subject-option span {
    display: block;
    flex: 1 1 auto;
    text-align: left;
}

@media (max-width: 900px) {
    .academic-subject-grid {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

@media (max-width: 600px) {
    .academic-subject-grid {
        grid-template-columns: 1fr;
    }

    .academic-group {
        padding: 16px;
    }
}
/* ============================================================
   Grade Improve - Academic Subject Checkbox Layout Fix
   Upload/append this to: public_html/assets/css/tutor-registration.css
   Purpose: keeps each academic group as a readable card.
   ============================================================ */

.academic-checkbox-groups {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 16px;
}

.academic-group {
    display: block;
    width: 100%;
    border: 1px solid #d8e6f3;
    background: #f8fbff;
    border-radius: 18px;
    padding: 20px;
}

.academic-level-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 20px;
    font-weight: 800;
    color: #17324d;
}

.academic-level-row input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
}

.academic-level-row strong {
    display: inline-block;
    text-align: left;
}

.academic-subject-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 12px 14px;
    width: 100%;
}

.academic-subject-grid label,
.academic-subject-option {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: auto !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #e1edf8;
    border-radius: 12px;
    background: #ffffff;
    color: #26384a;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-align: left !important;
    cursor: pointer;
}

.academic-subject-grid label input[type="checkbox"],
.academic-subject-option input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 16px !important;
    height: 16px !important;
    margin: 2px 0 0 0 !important;
}

.academic-subject-option span {
    display: block;
    flex: 1 1 auto;
    text-align: left;
}

@media (max-width: 900px) {
    .academic-subject-grid {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

@media (max-width: 600px) {
    .academic-subject-grid {
        grid-template-columns: 1fr;
    }

    .academic-group {
        padding: 16px;
    }
}