/**
 * Clinical — منطقة الطالب (my-courses وغيرها)
 */
.cl-student-area.cl-lms-bridge .cl-student-page > .container {
    max-width: 1120px !important;
}

.cl-student-page .profile-banner-area,
.cl-student-page .profile-banner-area-container {
    display: none;
}

.cl-student-page .gradient-border {
    background: linear-gradient(135deg, var(--cl-teal), var(--cl-navy-mid));
    padding: 2px;
    border-radius: var(--cl-radius);
}

.cl-student-page .course-sideBar {
    background: var(--cl-white);
    border-radius: calc(var(--cl-radius) - 2px);
    border: none;
    box-shadow: none;
    overflow: hidden;
}

.cl-student-page .course-sideBar .profile-info {
    padding: 1.25rem 1rem 0.75rem;
    text-align: center;
    border-bottom: 1px solid rgba(15, 39, 68, 0.08);
}

.cl-student-page .course-sideBar .profile-info .photo {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(13, 148, 136, 0.2);
}

.cl-student-page .course-sideBar .profile-info .name {
    font-size: var(--cl-fs-h4) !important;
    font-weight: 700 !important;
    color: var(--cl-navy) !important;
    margin: 0.75rem 0 0.25rem;
    font-family: inherit !important;
}

.cl-student-page .course-sideBar .profile-info .email {
    font-size: var(--cl-fs-xs) !important;
    color: var(--cl-text-muted) !important;
    font-family: inherit !important;
}

.cl-student-page .course-sideBar .upload-new a {
    font-size: var(--cl-fs-xs) !important;
    color: var(--cl-teal) !important;
}

.cl-student-page .couses-tab-list li a {
    font-size: var(--cl-fs-sm) !important;
    font-weight: 600 !important;
    color: var(--cl-navy) !important;
    font-family: inherit !important;
    padding: 0.65rem 1rem;
    display: flex;
    align-items: center;
    border-radius: 8px;
    transition: background 0.2s ease, color 0.2s ease;
}

.cl-student-page .couses-tab-list li.active a,
.cl-student-page .couses-tab-list li a:hover {
    background: rgba(13, 148, 136, 0.1);
    color: var(--cl-teal) !important;
}

.cl-student-page .couses-tab-list {
    padding: 0.75rem;
    list-style: none;
    margin: 0;
}

.cl-student-page .couses-tab-list li {
    margin-bottom: 0.25rem;
}

.cl-student-page .g-title {
    font-size: var(--cl-fs-h1) !important;
    font-weight: 800 !important;
    color: var(--cl-navy) !important;
    font-family: inherit !important;
}

.cl-student-page .progress {
    height: 8px;
    border-radius: 999px;
    background: var(--cl-bg-muted);
}

.cl-student-page .progress-bar {
    background: linear-gradient(90deg, var(--cl-teal), var(--cl-teal-light));
    border-radius: 999px;
}

.cl-student-page .single-progress h5,
.cl-student-page .single-progress p {
    font-size: var(--cl-fs-sm) !important;
    font-family: inherit !important;
    color: var(--cl-navy) !important;
}

.cl-student-page .eBtn.learn-btn {
    background: linear-gradient(135deg, var(--cl-teal) 0%, var(--cl-teal-light) 100%) !important;
    border: none !important;
    color: var(--cl-white) !important;
    border-radius: 999px !important;
    font-size: var(--cl-fs-btn) !important;
    font-weight: 700 !important;
    font-family: inherit !important;
}

.cl-student-page .class-status span {
    font-size: var(--cl-fs-xs) !important;
    font-family: inherit !important;
}

.cl-student-page .badge.bg-success {
    background-color: var(--cl-teal) !important;
}

.cl-student-page .entry-pagination {
    margin-top: 1.5rem;
}