/* =====================================
   LEARNER DASHBOARD
===================================== */

.sgh-lesson-section{
    margin-bottom:20px;
}

.sgh-lesson-item{
    border-bottom:1px solid #e5e7eb;
    padding:15px 0;
}

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

.sgh-lesson-title{
    margin:0 0 10px;
}

.sgh-content-block{
    margin-top:8px;
}

.sgh-audio-player{
    width:100%;
    margin-top:8px;
}

.sgh-voice-note{
    margin-top:15px;
}

.sgh-lesson-card{
    margin-bottom:20px;
}

.sgh-lesson-outcome{
    margin-top:15px;
}

.sgh-lesson-notes{
    margin-top:15px;
}

.sgh-lesson-homework{
    margin-top:20px;
}

.sgh-lesson-voice-note{
    margin-top:20px;
}

.sgh-lesson-content{
    margin-top:8px;
}

.sgh-homework-content{
    margin-top:8px;
}

.sgh-status-submitted{
    color:#16a34a;
    font-weight:600;
}

.sgh-status-pending{
    color:#f59e0b;
    font-weight:600;
}

.sgh-submission-answer{
    padding:15px;
    border-radius:8px;
    margin-top:10px;
}
/* =====================================
   MESSAGES
===================================== */

.sgh-message-card{
    margin-bottom:15px;
}

.sgh-message-date{
    color:#6b7280;
}

.sgh-message-content{
    white-space:pre-wrap;
}

/* =====================================
   NOTIFICATIONS
===================================== */

.sgh-notification-card{
    margin-bottom:15px;
}

.sgh-notification-read{
    border-left:4px solid #d1d5db;
}

.sgh-notification-unread{
    border-left:4px solid #2563eb;
}

.sgh-notification-date{
    color:#6b7280;
}

.sgh-risk-low{
    color:#16a34a;
}

.sgh-risk-medium{
    color:#f59e0b;
}

.sgh-risk-high{
    color:#dc2626;
}

/* =====================================
   PROGRESS CENTRE
===================================== */

.sgh-progress-snapshot{}
.sgh-progress-trend{}
.sgh-homework-performance{}
.sgh-attendance-card{}

.sgh-learning-insights{}
.sgh-best-subjects{}

.sgh-ai-analysis{}
.sgh-recommended-actions{}

.sgh-risk-card{}
.sgh-exam-readiness{}
.sgh-exam-advice{}
.sgh-exam-pack{}

.sgh-risk-low{
    color:#16a34a;
}

.sgh-risk-medium{
    color:#f59e0b;
}

.sgh-risk-high{
    color:#dc2626;
}

/* =====================================
   HOMEWORK PAGE
===================================== */

.sgh-homework-card{
    margin-bottom:20px;
}

.sgh-homework-instructions{
    margin-top:15px;
}

.sgh-homework-form{
    margin-top:15px;
}

.sgh-homework-answer{
    width:100%;
}

/* =====================================
   LEARNER WORKSPACE
===================================== */

.sgh-workspace-lesson-card{
    margin-bottom:20px;
}

.sgh-workspace-status{
    font-weight:600;
}

.sgh-status-completed{
    color:#16a34a;
}

.sgh-status-lesson-only{
    color:#2563eb;
}

.sgh-status-pending{
    color:#f59e0b;
}

.sgh-workspace-status-row{
    margin:12px 0;
}

/* =====================================
   LEARNER PROGERESS CENTER
===================================== */
.sgh-progress-snapshot,
.sgh-progress-trend,
.sgh-homework-performance,
.sgh-attendance-card,
.sgh-learning-insights,
.sgh-best-subjects,
.sgh-ai-analysis,
.sgh-recommended-actions,
.sgh-risk-card,
.sgh-exam-readiness,
.sgh-exam-advice,
.sgh-exam-pack{

    padding:18px;

    border-radius:12px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.06);

}

/* =====================================
   LEARNER IMPROVEMENT MISSION
===================================== */

.sgh-improvement-mission{
    margin-bottom:20px;
}

.sgh-mission-header,
.sgh-progress-mission-head,
.sgh-mission-target,
.sgh-mission-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
}

.sgh-mission-eyebrow{
    display:block;
    margin-bottom:6px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
}

.sgh-mission-header h3{
    margin:0;
}

.sgh-mission-earned{
    padding:8px 12px;
    border-radius:999px;
    background:#fff7d6;
    border:1px solid #f2d675;
    font-weight:700;
    white-space:nowrap;
}

.sgh-mission-bar-wrap,
.sgh-progress-mission{
    margin-top:16px;
}

.sgh-mission-track{
    position:relative;
    width:100%;
    height:14px;
    overflow:hidden;
    border-radius:999px;
    background:#e5e7eb;
}

.sgh-mission-fill{
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#2563eb,#22c55e);
    transition:width .35s ease;
}

.sgh-mission-target{
    margin-top:8px;
    font-size:12px;
    color:#64748b;
}

.sgh-mission-badge-target{
    font-weight:700;
    color:#0f172a;
}

.sgh-mission-message{
    margin:12px 0 0;
    font-size:14px;
    line-height:1.55;
}

.sgh-mission-meta{
    margin-top:10px;
    font-size:12px;
    color:#64748b;
}

.sgh-progress-mission{
    padding:14px;
    border-radius:14px;
    background:rgba(37,99,235,.06);
    border:1px solid rgba(37,99,235,.14);
}

.sgh-progress-mission p{
    margin:10px 0 0;
    font-size:13px;
    line-height:1.5;
}

.sgh-recommendation-item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:10px 0;
    border-bottom:1px solid rgba(148,163,184,.18);
    cursor:pointer;
}

.sgh-recommendation-item:last-of-type{
    border-bottom:none;
}

.sgh-recommendation-item input{
    flex:0 0 auto;
    margin-top:3px;
}

.sgh-recommendation-item input:disabled{
    cursor:default;
}

.sgh-recommendation-progress{
    margin-top:12px;
    font-size:12px;
    font-weight:700;
    color:#475569;
}

@media(max-width:640px){
    .sgh-mission-header,
    .sgh-mission-target,
    .sgh-mission-meta{
        align-items:flex-start;
        flex-direction:column;
    }
}