/* STUDENT DASHBOARD STYLES - EXTRACTED PHASE 1B */
/* Source: assets/js/views/student-dashboard.js */

.student-dashboard-v2 {
            --student-green: #173b2c;
            --student-green-2: #2d7a4f;
            --student-gold: #b8893a;
            --student-cream: #fbf7ee;
            --student-border: #eadfcd;
            padding: 8px 0 24px;
            display: grid;
            gap: 18px;
        }

        .student-dashboard-v2 * {
            box-sizing: border-box;
        }

        .student-hero-card,
        .student-dash-card {
            background: rgba(255,255,255,.94);
            border: 1px solid var(--student-border);
            border-radius: 26px;
            box-shadow: 0 18px 50px rgba(24,61,47,.08);
        }

        .student-hero-card {
            padding: 24px;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 18px;
            align-items: center;
            background:
                radial-gradient(circle at top left, rgba(184,137,58,.18), transparent 32%),
                linear-gradient(135deg, #173b2c, #286246);
            color: #fff;
            overflow: hidden;
            position: relative;
        }

        .student-hero-card::after {
            content: "";
            position: absolute;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: rgba(255,255,255,.08);
            left: -70px;
            top: -70px;
        }

        .student-hero-content,
        .student-hero-action {
            position: relative;
            z-index: 1;
        }

        .student-eyebrow,
        .student-card-kicker {
            font-size: 12px;
            font-weight: 900;
            letter-spacing: .05em;
            color: #f3d79a;
            margin-bottom: 8px;
        }

        .student-hero-card h1 {
            margin: 0;
            font-size: clamp(26px, 4vw, 42px);
            line-height: 1.25;
        }

        .student-hero-card p {
            margin: 10px 0 0;
            color: rgba(255,255,255,.82);
            line-height: 1.8;
        }

        .student-hero-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 16px;
        }

        .student-hero-meta span {
            background: rgba(255,255,255,.12);
            border: 1px solid rgba(255,255,255,.18);
            color: #fff;
            border-radius: 999px;
            padding: 7px 11px;
            font-size: 12px;
            font-weight: 800;
        }

        .student-hero-action,
        .student-card-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
        }

        .student-hero-action {
            justify-content: flex-end;
        }

        .student-primary-action,
        .student-soft-action,
        .student-mini-link {
            border: 0;
            text-decoration: none;
            border-radius: 999px;
            font-weight: 900;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            transition: .2s ease;
            white-space: nowrap;
        }

        .student-primary-action {
            background: linear-gradient(135deg, #d8aa52, #f2d486);
            color: #173b2c;
            padding: 11px 16px;
            box-shadow: 0 12px 24px rgba(184,137,58,.2);
        }

        .student-soft-action {
            background: #fbf7ee;
            color: #173b2c;
            border: 1px solid #eadfcd;
            padding: 10px 14px;
        }

        .student-soft-action:disabled {
            opacity: .6;
            cursor: not-allowed;
        }

        .student-primary-action:hover,
        .student-soft-action:hover,
        .student-mini-link:hover,
        .student-task-card:hover,
        .student-course-item:hover {
            transform: translateY(-2px);
        }

        .student-primary-action.wide,
        .student-soft-action.wide {
            width: 100%;
            margin-top: 14px;
        }

        .student-smart-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
        }

        .student-priority-grid {
            grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
        }

        .student-dash-card {
            padding: 18px;
            min-width: 0;
        }

        .student-feature-card {
            background:
                radial-gradient(circle at top right, rgba(45,122,79,.12), transparent 34%),
                #fff;
        }

        .student-card-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 14px;
        }

        .student-card-head h2 {
            margin: 0;
            color: var(--student-green);
            font-size: 20px;
            line-height: 1.35;
        }

        .student-card-icon {
            width: 42px;
            height: 42px;
            display: grid;
            place-items: center;
            border-radius: 16px;
            background: #f3eadb;
            color: #173b2c;
            font-weight: 900;
        }

        .student-mini-link {
            color: var(--student-green-2);
            background: #effaf3;
            padding: 7px 10px;
            font-size: 12px;
        }

        .student-card-badge {
            display: inline-flex;
            width: fit-content;
            border-radius: 999px;
            padding: 5px 9px;
            background: #fff7e6;
            border: 1px solid #f1d7a6;
            color: #9b6b1d;
            font-size: 12px;
            font-weight: 900;
        }

        .student-card-empty {
            background: #fbf7ee;
            border: 1px dashed #dfd3c1;
            color: #667085;
            border-radius: 18px;
            padding: 18px;
            line-height: 1.8;
            text-align: center;
            font-weight: 800;
        }

        .student-continue-box {
            display: grid;
            grid-template-columns: 108px minmax(0, 1fr);
            gap: 14px;
            align-items: center;
        }

        .student-continue-thumb,
        .student-course-thumb {
            background-size: cover;
            background-position: center;
            background-color: #173b2c;
            overflow: hidden;
        }

        .student-continue-thumb {
            aspect-ratio: 16/10;
            border-radius: 18px;
            display: grid;
            place-items: center;
            color: #f2d486;
            font-weight: 900;
            font-size: 28px;
        }

        .student-continue-box h3,
        .student-course-item h3 {
            margin: 0;
            color: #173b2c;
            line-height: 1.45;
        }

        .student-continue-box p,
        .student-course-item p,
        .student-card-text {
            margin: 6px 0 8px;
            color: #667085;
            line-height: 1.75;
        }

        .student-task-list,
        .student-course-list,
        .student-notice-list,
        .student-info-lines {
            display: grid;
            gap: 10px;
        }

        .student-task-card {
            display: grid;
            grid-template-columns: 42px minmax(0, 1fr) auto;
            gap: 10px;
            align-items: center;
            text-decoration: none;
            color: inherit;
            background: #fbfaf7;
            border: 1px solid #eee7dc;
            border-radius: 18px;
            padding: 11px;
            transition: .2s ease;
        }

        .student-task-icon {
            width: 42px;
            height: 42px;
            display: grid;
            place-items: center;
            border-radius: 14px;
            background: #effaf3;
            color: #2d7a4f;
            font-weight: 900;
        }

        .student-task-card strong,
        .student-task-card small {
            display: block;
        }

        .student-task-card strong {
            color: #173b2c;
            line-height: 1.45;
        }

        .student-task-card small {
            color: #667085;
            margin-top: 3px;
            line-height: 1.55;
        }

        .student-task-card b {
            color: #9b6b1d;
            background: #fff7e6;
            border-radius: 999px;
            padding: 5px 8px;
            font-size: 11px;
        }

        .student-course-item {
            display: grid;
            grid-template-columns: 76px minmax(0, 1fr) auto;
            gap: 12px;
            align-items: center;
            border: 1px solid #eee7dc;
            background: #fffdf9;
            border-radius: 18px;
            padding: 10px;
            transition: .2s ease;
        }

        .student-course-thumb {
            width: 76px;
            aspect-ratio: 16/10;
            border-radius: 14px;
            display: grid;
            place-items: center;
        }

        .student-course-item small {
            color: #8a6a34;
            font-weight: 800;
        }

        .student-course-item a {
            text-decoration: none;
            color: #173b2c;
            background: #f2d486;
            border-radius: 999px;
            padding: 8px 10px;
            font-weight: 900;
            white-space: nowrap;
        }

        .student-notice-item {
            border: 1px solid #eee7dc;
            border-radius: 16px;
            padding: 11px;
            background: #fbfaf7;
        }

        .student-notice-item.unread {
            border-color: #abefc6;
            background: #f0fff7;
        }

        .student-notice-item strong {
            display: block;
            color: #173b2c;
            margin-bottom: 5px;
        }

        .student-notice-item p,
        .student-info-lines p {
            margin: 0;
            color: #667085;
            line-height: 1.75;
        }

        .student-notice-item small {
            display: block;
            color: #98a2b3;
            margin-top: 6px;
        }

        .student-muted-card {
            background: #fbfaf7;
        }

        .student-skeleton {
            min-height: 190px;
            border-radius: 26px;
            background: linear-gradient(90deg, #f3eadb, #fff, #f3eadb);
            background-size: 200% 100%;
            animation: studentSkeleton 1.2s infinite linear;
            border: 1px solid #eadfcd;
        }

        .student-skeleton.hero {
            min-height: 170px;
        }


        .student-dashboard-v2 {
            align-items: stretch;
        }

        .student-smart-grid {
            align-items: stretch;
        }

        .student-dash-card {
            min-height: 320px;
            display: flex;
            flex-direction: column;
        }

        .student-priority-grid .student-dash-card {
            min-height: 360px;
        }

        .student-dash-card > .student-primary-action.wide,
        .student-dash-card > .student-soft-action.wide,
        .student-dash-card > .student-card-actions {
            margin-top: auto;
        }

        .student-course-list,
        .student-task-list,
        .student-chat-list,
        .student-info-lines {
            flex: 1;
        }

        .student-chat-list {
            display: grid;
            gap: 12px;
            align-content: start;
        }

        .student-chat-message {
            display: grid;
            grid-template-columns: 38px minmax(0, 1fr);
            gap: 10px;
            align-items: start;
        }

        .student-chat-message:nth-child(even) {
            grid-template-columns: minmax(0, 1fr) 38px;
        }

        .student-chat-message:nth-child(even) .student-chat-avatar {
            grid-column: 2;
        }

        .student-chat-message:nth-child(even) .student-chat-bubble {
            grid-column: 1;
            grid-row: 1;
            background: #fff7e6;
            border-color: #f1d7a6;
        }

        .student-chat-avatar {
            width: 38px;
            height: 38px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            background: #173b2c;
            color: #f2d486;
            font-weight: 900;
        }

        .student-chat-bubble {
            background: #f0fff7;
            border: 1px solid #abefc6;
            border-radius: 18px 18px 4px 18px;
            padding: 12px;
        }

        .student-chat-message:nth-child(even) .student-chat-bubble {
            border-radius: 18px 18px 18px 4px;
        }

        .student-chat-bubble strong {
            display: block;
            color: #173b2c;
            margin-bottom: 5px;
        }

        .student-chat-bubble p {
            margin: 0;
            color: #475467;
            line-height: 1.75;
        }

        .student-chat-bubble small {
            display: block;
            color: #98a2b3;
            margin-top: 7px;
            font-size: 12px;
        }

        .student-chat-message.unread .student-chat-bubble::before {
            content: "جديد";
            display: inline-flex;
            margin-bottom: 7px;
            background: #fff;
            color: #9b6b1d;
            border: 1px solid #f1d7a6;
            border-radius: 999px;
            padding: 3px 8px;
            font-size: 11px;
            font-weight: 900;
        }


        .student-forum-stats {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            margin-bottom: 12px;
        }

        .student-forum-stats span {
            background: #fbf7ee;
            border: 1px solid #eadfcd;
            color: #475467;
            border-radius: 16px;
            padding: 10px;
            line-height: 1.6;
            font-weight: 800;
        }

        .student-forum-stats b {
            display: block;
            color: #173b2c;
            font-size: 20px;
            margin-bottom: 2px;
        }

        .student-forum-replies {
            display: grid;
            gap: 12px;
            margin-bottom: 14px;
        }

        .student-forum-reply-bubble {
            display: grid;
            gap: 8px;
            text-decoration: none;
            color: inherit;
        }

        .student-forum-question,
        .student-forum-answer {
            max-width: 92%;
            border: 1px solid #eadfcd;
            border-radius: 18px;
            padding: 11px;
            transition: .18s ease;
        }

        .student-forum-question {
            margin-inline-start: auto;
            background: #fbf7ee;
            border-bottom-left-radius: 6px;
        }

        .student-forum-answer {
            margin-inline-end: auto;
            background: #f0fff7;
            border-color: #abefc6;
            border-bottom-right-radius: 6px;
        }

        .student-forum-reply-bubble:hover .student-forum-question,
        .student-forum-reply-bubble:hover .student-forum-answer {
            transform: translateY(-1px);
            box-shadow: 0 12px 24px rgba(24,61,47,.08);
        }

        .student-forum-question strong,
        .student-forum-answer strong {
            display: block;
            color: #173b2c;
            margin-bottom: 5px;
            font-size: 12px;
        }

        .student-forum-question p,
        .student-forum-answer p {
            margin: 0;
            color: #475467;
            line-height: 1.75;
        }

        .student-forum-answer small {
            display: block;
            margin-top: 6px;
            color: #98a2b3;
        }


        .student-forum-card {
            min-height: 320px !important;
            max-height: 430px !important;
            overflow: hidden !important;
        }

        .student-forum-card .student-card-actions {
            margin-top: 12px !important;
            flex-shrink: 0 !important;
        }

        .student-forum-replies {
            max-height: 220px !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            padding-inline-end: 4px !important;
            display: grid !important;
            gap: 10px !important;
            margin-bottom: 10px !important;
        }

        .student-forum-replies::-webkit-scrollbar {
            width: 6px;
        }

        .student-forum-replies::-webkit-scrollbar-thumb {
            background: #d8c7a8;
            border-radius: 999px;
        }

        .student-forum-reply-bubble.compact {
            direction: rtl !important;
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
            gap: 10px !important;
            align-items: stretch !important;
            text-decoration: none !important;
            color: inherit !important;
        }

        .student-forum-reply-bubble.compact .student-forum-question,
        .student-forum-reply-bubble.compact .student-forum-answer {
            direction: rtl !important;
            max-width: none !important;
            width: 100% !important;
            margin: 0 !important;
            min-height: 74px !important;
            padding: 10px 12px !important;
            border-radius: 16px !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
        }

        .student-forum-reply-bubble.compact .student-forum-question {
            grid-column: 1 !important;
            background: #fbf7ee !important;
            border: 1px solid #eadfcd !important;
            text-align: right !important;
        }

        .student-forum-reply-bubble.compact .student-forum-answer {
            grid-column: 2 !important;
            background: #f0fff7 !important;
            border: 1px solid #abefc6 !important;
            text-align: right !important;
        }

        .student-forum-question p b {
            color: #9b6b1d !important;
            font-weight: 950 !important;
            margin-inline-end: 4px !important;
        }

        .student-forum-reply-bubble.compact .student-forum-question p,
        .student-forum-reply-bubble.compact .student-forum-answer p {
            margin: 0 !important;
            color: #173b2c !important;
            font-weight: 800 !important;
            line-height: 1.65 !important;
            font-size: 14px !important;
            overflow-wrap: anywhere !important;
        }

        .student-forum-reply-bubble.compact .student-forum-answer small {
            margin-top: 5px !important;
            color: #98a2b3 !important;
            font-size: 11px !important;
            font-weight: 700 !important;
        }

        .student-forum-reply-bubble.compact strong {
            display: none !important;
        }

        @media (max-width: 640px) {
            .student-forum-card {
                max-height: none !important;
            }

            .student-forum-replies {
                max-height: 280px !important;
            }

            .student-forum-reply-bubble.compact {
                grid-template-columns: 1fr !important;
            }

            .student-forum-reply-bubble.compact .student-forum-question,
            .student-forum-reply-bubble.compact .student-forum-answer {
                grid-column: auto !important;
            }
        }


        .student-homework-card,
        .student-activity-card,
        .student-forum-card {
            max-height: 430px !important;
            overflow: hidden !important;
        }

        .student-compact-list {
            display: grid !important;
            gap: 10px !important;
            max-height: 245px !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            padding-inline-end: 4px !important;
            margin-bottom: 12px !important;
        }

        .student-compact-list::-webkit-scrollbar {
            width: 6px;
        }

        .student-compact-list::-webkit-scrollbar-thumb {
            background: #d8c7a8;
            border-radius: 999px;
        }

        .student-compact-row {
            display: grid !important;
            grid-template-columns: 42px minmax(0, 1fr) !important;
            gap: 10px !important;
            align-items: center !important;
            text-decoration: none !important;
            color: inherit !important;
            border: 1px solid #eee7dc !important;
            background: #fffdf9 !important;
            border-radius: 16px !important;
            padding: 10px !important;
            transition: .18s ease !important;
        }

        .student-compact-row:hover {
            transform: translateY(-1px);
            box-shadow: 0 12px 24px rgba(24,61,47,.08);
        }

        .student-compact-icon {
            width: 42px;
            height: 42px;
            border-radius: 14px;
            display: grid;
            place-items: center;
            background: #fbf7ee;
            color: #173b2c;
            font-weight: 900;
        }

        .student-compact-row strong {
            display: block;
            color: #173b2c;
            line-height: 1.45;
            font-weight: 900;
        }

        .student-compact-row small {
            display: block;
            color: #667085;
            line-height: 1.55;
            margin-top: 2px;
        }


        /* STUDENT_DASHBOARD_FIXED_SCROLL_AREAS_V1 */
        .student-dashboard-v2 .student-priority-grid {
            align-items: stretch !important;
        }

        .student-dashboard-v2 .student-priority-grid > .student-dash-card {
            height: 430px !important;
            min-height: 430px !important;
            max-height: 430px !important;
            overflow: hidden !important;
        }

        .student-dashboard-v2 .student-dash-card {
            overflow: hidden !important;
        }

        .student-dashboard-v2 .student-task-list,
        .student-dashboard-v2 .student-course-list,
        .student-dashboard-v2 .student-chat-list,
        .student-dashboard-v2 .student-notice-list,
        .student-dashboard-v2 .student-compact-list {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            padding-inline-end: 5px !important;
            scrollbar-width: thin;
            scrollbar-color: #d8c7a8 transparent;
        }

        .student-dashboard-v2 .student-task-list::-webkit-scrollbar,
        .student-dashboard-v2 .student-course-list::-webkit-scrollbar,
        .student-dashboard-v2 .student-chat-list::-webkit-scrollbar,
        .student-dashboard-v2 .student-notice-list::-webkit-scrollbar,
        .student-dashboard-v2 .student-compact-list::-webkit-scrollbar {
            width: 6px;
        }

        .student-dashboard-v2 .student-task-list::-webkit-scrollbar-thumb,
        .student-dashboard-v2 .student-course-list::-webkit-scrollbar-thumb,
        .student-dashboard-v2 .student-chat-list::-webkit-scrollbar-thumb,
        .student-dashboard-v2 .student-notice-list::-webkit-scrollbar-thumb,
        .student-dashboard-v2 .student-compact-list::-webkit-scrollbar-thumb {
            background: #d8c7a8;
            border-radius: 999px;
        }

        .student-dashboard-v2 .student-task-list {
            max-height: 330px !important;
        }

        .student-dashboard-v2 .student-course-list {
            max-height: 310px !important;
        }

        .student-dashboard-v2 .student-chat-list,
        .student-dashboard-v2 .student-notice-list {
            max-height: 300px !important;
        }

        .student-dashboard-v2 .student-compact-list {
            max-height: 275px !important;
        }

        .student-dashboard-v2 .student-course-item {
            min-height: 112px !important;
        }

        .student-dashboard-v2 .student-task-card {
            min-height: 66px !important;
        }

        .student-dashboard-v2 .student-feature-card {
            height: 430px !important;
            min-height: 430px !important;
            max-height: 430px !important;
            display: flex !important;
            flex-direction: column !important;
        }

        .student-dashboard-v2 .student-feature-card .student-primary-action.wide {
            margin-top: auto !important;
        }

        .student-dashboard-v2 .student-continue-box {
            flex: 1 !important;
            align-content: start !important;
        }

        @media (max-width: 900px) {
            .student-dashboard-v2 .student-priority-grid > .student-dash-card,
            .student-dashboard-v2 .student-feature-card {
                height: auto !important;
                min-height: 0 !important;
                max-height: none !important;
            }

            .student-dashboard-v2 .student-task-list,
            .student-dashboard-v2 .student-course-list,
            .student-dashboard-v2 .student-chat-list,
            .student-dashboard-v2 .student-notice-list,
            .student-dashboard-v2 .student-compact-list {
                max-height: 330px !important;
            }
        }


        /* STUDENT_DASHBOARD_EQUAL_WIDTH_CARDS_FINAL_V1 */
        .student-dashboard-v2 .student-smart-grid,
        .student-dashboard-v2 .student-priority-grid {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 16px !important;
            align-items: stretch !important;
            width: 100% !important;
        }

        .student-dashboard-v2 .student-smart-grid > *,
        .student-dashboard-v2 .student-priority-grid > * {
            min-width: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
        }

        .student-dashboard-v2 .student-dash-card {
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        .student-dashboard-v2 .student-priority-grid > .student-dash-card,
        .student-dashboard-v2 .student-feature-card {
            height: 360px !important;
            min-height: 360px !important;
            max-height: 360px !important;
        }

        .student-dashboard-v2 .student-task-list,
        .student-dashboard-v2 .student-course-list,
        .student-dashboard-v2 .student-chat-list,
        .student-dashboard-v2 .student-notice-list,
        .student-dashboard-v2 .student-compact-list,
        .student-dashboard-v2 .student-forum-replies {
            max-height: 245px !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            padding-inline-end: 6px !important;
        }

        .student-dashboard-v2 .student-task-card,
        .student-dashboard-v2 .student-course-item,
        .student-dashboard-v2 .student-compact-row {
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        .student-dashboard-v2 .student-course-item {
            grid-template-columns: 76px minmax(0, 1fr) auto !important;
            min-height: 104px !important;
        }

        .student-dashboard-v2 .student-task-card {
            grid-template-columns: 42px minmax(0, 1fr) auto !important;
            min-height: 64px !important;
        }

        .student-dashboard-v2 .student-continue-box {
            grid-template-columns: 120px minmax(0, 1fr) !important;
            align-items: start !important;
        }

        .student-dashboard-v2 .student-continue-thumb {
            width: 120px !important;
            max-width: 120px !important;
        }

        .student-dashboard-v2 .student-card-head {
            flex-shrink: 0 !important;
        }

        .student-dashboard-v2 .student-card-actions,
        .student-dashboard-v2 .student-primary-action.wide,
        .student-dashboard-v2 .student-soft-action.wide {
            flex-shrink: 0 !important;
        }

        .student-dashboard-v2 .student-task-list::-webkit-scrollbar,
        .student-dashboard-v2 .student-course-list::-webkit-scrollbar,
        .student-dashboard-v2 .student-chat-list::-webkit-scrollbar,
        .student-dashboard-v2 .student-notice-list::-webkit-scrollbar,
        .student-dashboard-v2 .student-compact-list::-webkit-scrollbar,
        .student-dashboard-v2 .student-forum-replies::-webkit-scrollbar {
            width: 5px !important;
        }

        .student-dashboard-v2 .student-task-list::-webkit-scrollbar-track,
        .student-dashboard-v2 .student-course-list::-webkit-scrollbar-track,
        .student-dashboard-v2 .student-chat-list::-webkit-scrollbar-track,
        .student-dashboard-v2 .student-notice-list::-webkit-scrollbar-track,
        .student-dashboard-v2 .student-compact-list::-webkit-scrollbar-track,
        .student-dashboard-v2 .student-forum-replies::-webkit-scrollbar-track {
            background: transparent !important;
        }

        .student-dashboard-v2 .student-task-list::-webkit-scrollbar-thumb,
        .student-dashboard-v2 .student-course-list::-webkit-scrollbar-thumb,
        .student-dashboard-v2 .student-chat-list::-webkit-scrollbar-thumb,
        .student-dashboard-v2 .student-notice-list::-webkit-scrollbar-thumb,
        .student-dashboard-v2 .student-compact-list::-webkit-scrollbar-thumb,
        .student-dashboard-v2 .student-forum-replies::-webkit-scrollbar-thumb {
            background: #d8c7a8 !important;
            border-radius: 999px !important;
        }

        @media (max-width: 900px) {
            .student-dashboard-v2 .student-smart-grid,
            .student-dashboard-v2 .student-priority-grid {
                grid-template-columns: 1fr !important;
            }

            .student-dashboard-v2 .student-priority-grid > .student-dash-card,
            .student-dashboard-v2 .student-feature-card {
                height: auto !important;
                min-height: 0 !important;
                max-height: none !important;
            }

            .student-dashboard-v2 .student-task-list,
            .student-dashboard-v2 .student-course-list,
            .student-dashboard-v2 .student-chat-list,
            .student-dashboard-v2 .student-notice-list,
            .student-dashboard-v2 .student-compact-list,
            .student-dashboard-v2 .student-forum-replies {
                max-height: 320px !important;
            }
        }

        /* STUDENT_TODAY_PLAN_CARD_V1 */
        .student-today-plan-card {
            display: grid;
            grid-template-columns: 58px minmax(0, 1fr) auto;
            gap: 14px;
            align-items: center;
            width: 100%;
            padding: 18px;
            border-radius: 26px;
            border: 1px solid #eadfcd;
            background:
                radial-gradient(circle at top right, rgba(216,170,82,.18), transparent 36%),
                linear-gradient(135deg, #fffdf8, #f7fff9);
            box-shadow: 0 18px 48px rgba(24,61,47,.08);
        }

        .student-today-plan-card.empty {
            background:
                radial-gradient(circle at top right, rgba(45,122,79,.12), transparent 36%),
                #fffdf8;
        }

        .student-today-plan-icon {
            width: 58px;
            height: 58px;
            border-radius: 20px;
            display: grid;
            place-items: center;
            background: #173b2c;
            color: #f2d486;
            font-size: 24px;
            font-weight: 900;
            box-shadow: 0 14px 28px rgba(24,61,47,.14);
        }

        .student-today-plan-content {
            min-width: 0;
        }

        .student-today-plan-content span {
            display: block;
            color: #b8893a;
            font-size: 12px;
            font-weight: 950;
            margin-bottom: 5px;
        }

        .student-today-plan-content h2 {
            margin: 0;
            color: #173b2c;
            font-size: clamp(20px, 2vw, 27px);
            line-height: 1.35;
        }

        .student-today-plan-content p {
            margin: 7px 0 0;
            color: #475467;
            line-height: 1.75;
            font-weight: 700;
        }

        .student-today-plan-content small {
            display: block;
            margin-top: 5px;
            color: #667085;
            font-weight: 800;
        }

        .student-today-plan-actions {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        @media (max-width: 900px) {
            .student-today-plan-card {
                grid-template-columns: 1fr;
                text-align: right;
            }

            .student-today-plan-actions {
                justify-content: stretch;
            }

            .student-today-plan-actions .student-primary-action,
            .student-today-plan-actions .student-soft-action {
                width: 100%;
            }
        }


        /* STUDENT_GRADES_CARD_POLISH_V1 */
        .student-grades-card {
            max-height: 430px !important;
            overflow: hidden !important;
        }

        .student-grade-visual {
            display: grid;
            grid-template-columns: 128px minmax(0, 1fr);
            gap: 14px;
            align-items: center;
            margin-bottom: 14px;
        }

        .student-grade-circle {
            width: 128px;
            height: 128px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            text-align: center;
            background:
                radial-gradient(circle at center, #fff 0 55%, transparent 56%),
                conic-gradient(#2d7a4f calc(var(--grade-percent, 0) * 1%), #eadfcd 0);
            border: 1px solid #eadfcd;
            box-shadow: 0 14px 28px rgba(24,61,47,.08);
        }

        .student-grade-circle strong {
            display: block;
            color: #173b2c;
            font-size: 24px;
            font-weight: 950;
            line-height: 1;
        }

        .student-grade-circle span {
            display: block;
            color: #667085;
            font-size: 12px;
            font-weight: 900;
            margin-top: 4px;
        }

        .student-grade-summary {
            display: grid;
            gap: 10px;
        }

        .student-grade-summary div {
            background: #fbf7ee;
            border: 1px solid #eadfcd;
            border-radius: 18px;
            padding: 11px;
        }

        .student-grade-summary b {
            display: block;
            color: #173b2c;
            font-size: 22px;
            font-weight: 950;
            line-height: 1;
        }

        .student-grade-summary span {
            display: block;
            color: #667085;
            font-size: 12px;
            font-weight: 800;
            margin-top: 6px;
        }

        .student-grade-progress {
            height: 10px;
            border-radius: 999px;
            background: #f3eadb;
            overflow: hidden;
            margin-bottom: 12px;
        }

        .student-grade-progress i {
            display: block;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, #2d7a4f, #d8aa52);
        }

        .student-grade-lines {
            max-height: 92px;
            overflow-y: auto;
            padding-inline-end: 4px;
            margin-bottom: 10px;
        }

        @media (max-width: 560px) {
            .student-grade-visual {
                grid-template-columns: 1fr;
                justify-items: center;
            }

            .student-grade-summary {
                width: 100%;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }


        /* STUDENT_HOMEWORK_CARD_POLISH_V1 */
        .student-homework-card {
            max-height: 430px !important;
            overflow: hidden !important;
        }

        .student-homework-summary {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 8px;
            margin-bottom: 12px;
            flex-shrink: 0;
        }

        .student-homework-summary div {
            background: #fbf7ee;
            border: 1px solid #eadfcd;
            border-radius: 16px;
            padding: 10px;
            text-align: center;
        }

        .student-homework-summary div.warning {
            background: #fff7e6;
            border-color: #f1d7a6;
        }

        .student-homework-summary div.danger {
            background: #fff1f0;
            border-color: #fecdca;
        }

        .student-homework-summary b {
            display: block;
            color: #173b2c;
            font-size: 20px;
            font-weight: 950;
            line-height: 1;
        }

        .student-homework-summary span {
            display: block;
            color: #667085;
            font-size: 12px;
            font-weight: 800;
            margin-top: 5px;
        }

        .student-homework-list {
            max-height: 205px !important;
        }

        .student-homework-row {
            grid-template-columns: 42px minmax(0, 1fr) auto !important;
            position: relative;
            overflow: hidden;
        }

        .student-homework-row::before {
            content: "";
            position: absolute;
            inset-block: 0;
            inset-inline-start: 0;
            width: 4px;
            background: #2d7a4f;
        }

        .student-homework-row.warning::before {
            background: #d8aa52;
        }

        .student-homework-row.danger::before {
            background: #d92d20;
        }

        .student-homework-row em {
            font-style: normal;
            border-radius: 999px;
            padding: 5px 8px;
            font-size: 11px;
            font-weight: 900;
            background: #effaf3;
            color: #2d7a4f;
            white-space: nowrap;
        }

        .student-homework-row.warning em {
            background: #fff7e6;
            color: #9b6b1d;
        }

        .student-homework-row.danger em {
            background: #fff1f0;
            color: #b42318;
        }

        @media (max-width: 560px) {
            .student-homework-summary {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .student-homework-row {
                grid-template-columns: 38px minmax(0, 1fr) !important;
            }

            .student-homework-row em {
                grid-column: 2;
                width: fit-content;
            }
        }


        /* STUDENT_ACTIVITY_TIMELINE_CARD_V1 */
        .student-activity-timeline-card {
            max-height: 430px !important;
            overflow: hidden !important;
        }

        .student-activity-timeline {
            position: relative;
            display: grid;
            gap: 10px;
            max-height: 285px !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            padding-inline-start: 8px;
            padding-inline-end: 6px;
            margin-bottom: 10px;
        }

        .student-activity-timeline::before {
            content: "";
            position: absolute;
            top: 8px;
            bottom: 8px;
            inset-inline-start: 26px;
            width: 2px;
            background: #eadfcd;
            border-radius: 999px;
        }

        .student-activity-timeline::-webkit-scrollbar {
            width: 6px;
        }

        .student-activity-timeline::-webkit-scrollbar-thumb {
            background: #d8c7a8;
            border-radius: 999px;
        }

        .student-activity-timeline-item {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: 44px minmax(0, 1fr);
            gap: 10px;
            align-items: center;
            text-decoration: none;
            color: inherit;
            border: 1px solid #eee7dc;
            background: #fffdf9;
            border-radius: 18px;
            padding: 10px;
            transition: .18s ease;
        }

        .student-activity-timeline-item:hover {
            transform: translateY(-1px);
            box-shadow: 0 12px 24px rgba(24,61,47,.08);
        }

        .student-activity-dot {
            width: 44px;
            height: 44px;
            border-radius: 16px;
            display: grid;
            place-items: center;
            background: #fbf7ee;
            color: #173b2c;
            border: 1px solid #eadfcd;
            font-weight: 950;
        }

        .student-activity-timeline-item.video .student-activity-dot,
        .student-activity-timeline-item.forum .student-activity-dot {
            background: #f0fff7;
            border-color: #abefc6;
            color: #2d7a4f;
        }

        .student-activity-timeline-item.exam .student-activity-dot,
        .student-activity-timeline-item.homework .student-activity-dot {
            background: #fff7e6;
            border-color: #f1d7a6;
            color: #9b6b1d;
        }

        .student-activity-timeline-item.attendance .student-activity-dot {
            background: #eef4ff;
            border-color: #c7d7fe;
            color: #1a4f8b;
        }

        .student-activity-body {
            min-width: 0;
        }

        .student-activity-body strong {
            display: block;
            color: #173b2c;
            line-height: 1.45;
            font-weight: 950;
        }

        .student-activity-body small {
            display: block;
            color: #667085;
            line-height: 1.55;
            margin-top: 3px;
        }

        .student-activity-body time {
            display: inline-flex;
            margin-top: 6px;
            border-radius: 999px;
            background: #fbf7ee;
            color: #8a6a34;
            padding: 3px 8px;
            font-size: 11px;
            font-weight: 900;
        }


        /* STUDENT_ACTIVE_COURSES_POLISH_V1 */
        .student-active-courses-card {
            max-height: 430px !important;
            overflow: hidden !important;
        }

        .student-active-course-list {
            display: grid;
            gap: 10px;
            max-height: 310px !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            padding-inline-end: 6px;
        }

        .student-active-course-list::-webkit-scrollbar {
            width: 6px;
        }

        .student-active-course-list::-webkit-scrollbar-thumb {
            background: #d8c7a8;
            border-radius: 999px;
        }

        .student-active-course-item {
            display: grid;
            grid-template-columns: 88px minmax(0, 1fr);
            gap: 12px;
            align-items: center;
            border: 1px solid #eee7dc;
            background: #fffdf9;
            border-radius: 18px;
            padding: 10px;
            transition: .18s ease;
        }

        .student-active-course-item:hover {
            transform: translateY(-1px);
            box-shadow: 0 12px 24px rgba(24,61,47,.08);
        }

        .student-active-course-thumb {
            width: 88px;
            aspect-ratio: 16/10;
            border-radius: 14px;
            background-size: cover;
            background-position: center;
            background-color: #173b2c;
            display: grid;
            place-items: center;
            color: #f2d486;
            font-weight: 950;
        }

        .student-active-course-main {
            min-width: 0;
        }

        .student-active-course-title-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
        }

        .student-active-course-title-row h3 {
            margin: 0;
            color: #173b2c;
            font-size: 16px;
            line-height: 1.45;
            font-weight: 950;
            min-width: 0;
        }

        .student-active-course-title-row a {
            flex-shrink: 0;
            text-decoration: none;
            background: #f2d486;
            color: #173b2c;
            border-radius: 999px;
            padding: 7px 10px;
            font-weight: 950;
            font-size: 12px;
        }

        .student-active-course-main p {
            margin: 5px 0;
            color: #667085;
            line-height: 1.5;
            font-weight: 700;
        }

        .student-active-course-stats {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-bottom: 8px;
        }

        .student-active-course-stats span {
            display: inline-flex;
            border-radius: 999px;
            background: #fbf7ee;
            border: 1px solid #eadfcd;
            color: #8a6a34;
            padding: 4px 8px;
            font-size: 11px;
            font-weight: 900;
        }

        .student-active-course-progress {
            height: 8px;
            border-radius: 999px;
            background: #f3eadb;
            overflow: hidden;
        }

        .student-active-course-progress i {
            display: block;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, #2d7a4f, #d8aa52);
        }

        @media (max-width: 560px) {
            .student-active-course-item {
                grid-template-columns: 1fr;
            }

            .student-active-course-thumb {
                width: 100%;
            }
        }


        /* STUDENT_NOTIFICATIONS_POLISH_V1 */
        .student-notifications-card {
            max-height: 430px !important;
            overflow: hidden !important;
        }

        .student-notification-compact-list {
            display: grid;
            gap: 10px;
            max-height: 315px !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            padding-inline-end: 6px;
        }

        .student-notification-compact-list::-webkit-scrollbar {
            width: 6px;
        }

        .student-notification-compact-list::-webkit-scrollbar-thumb {
            background: #d8c7a8;
            border-radius: 999px;
        }

        .student-notification-compact-item {
            display: grid;
            grid-template-columns: 38px minmax(0, 1fr);
            gap: 10px;
            align-items: start;
            border: 1px solid #eee7dc;
            background: #fffdf9;
            border-radius: 18px;
            padding: 10px;
            transition: .18s ease;
        }

        .student-notification-compact-item:hover {
            transform: translateY(-1px);
            box-shadow: 0 12px 24px rgba(24,61,47,.08);
        }

        .student-notification-compact-item.unread {
            background: #f0fff7;
            border-color: #abefc6;
        }

        .student-notification-mark {
            width: 38px;
            height: 38px;
            border-radius: 14px;
            display: grid;
            place-items: center;
            background: #fbf7ee;
            border: 1px solid #eadfcd;
            color: #173b2c;
            font-weight: 950;
        }

        .student-notification-compact-item.unread .student-notification-mark {
            background: #173b2c;
            color: #f2d486;
            border-color: #173b2c;
        }

        .student-notification-body {
            min-width: 0;
        }

        .student-notification-body strong {
            display: block;
            color: #173b2c;
            font-weight: 950;
            line-height: 1.45;
        }

        .student-notification-body p {
            margin: 4px 0 0;
            color: #475467;
            line-height: 1.65;
            font-size: 13px;
        }

        .student-notification-body small {
            display: inline-flex;
            margin-top: 6px;
            color: #8a6a34;
            background: #fbf7ee;
            border-radius: 999px;
            padding: 3px 8px;
            font-size: 11px;
            font-weight: 900;
        }


        /* STUDENT_NOTIFICATIONS_TITLE_CARD_V1 */
        .student-notification-compact-item.title-card {
            grid-template-columns: 120px minmax(0, 1fr) !important;
            align-items: stretch !important;
            padding: 0 !important;
            overflow: hidden !important;
        }

        .student-notification-title-card {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            gap: 6px !important;
            background: #fbf7ee !important;
            border-inline-end: 1px solid #eadfcd !important;
            padding: 12px !important;
            min-height: 78px !important;
        }

        .student-notification-compact-item.unread .student-notification-title-card {
            background: #eafff3 !important;
            border-inline-end-color: #abefc6 !important;
        }

        .student-notification-title-card b {
            color: #173b2c !important;
            font-size: 13px !important;
            font-weight: 950 !important;
            line-height: 1.4 !important;
        }

        .student-notification-title-card small {
            width: fit-content !important;
            display: inline-flex !important;
            border-radius: 999px !important;
            background: #173b2c !important;
            color: #f2d486 !important;
            padding: 3px 8px !important;
            font-size: 11px !important;
            font-weight: 950 !important;
        }

        .student-notification-compact-item.title-card .student-notification-body {
            padding: 12px !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
        }

        .student-notification-compact-item.title-card .student-notification-body strong {
            font-size: 17px !important;
            line-height: 1.55 !important;
            color: #173b2c !important;
        }

        .student-notification-compact-item.title-card .student-notification-body p {
            font-size: 15px !important;
            line-height: 1.75 !important;
            color: #344054 !important;
            font-weight: 800 !important;
        }

        .student-notification-compact-item.title-card .student-notification-body small {
            width: fit-content !important;
            margin-top: 8px !important;
        }

        @media (max-width: 560px) {
            .student-notification-compact-item.title-card {
                grid-template-columns: 1fr !important;
            }

            .student-notification-title-card {
                min-height: auto !important;
                border-inline-end: 0 !important;
                border-bottom: 1px solid #eadfcd !important;
            }
        }


        /* STUDENT_NOTIFICATIONS_CLEAN_DIRECT_TITLE_V1 */
        .student-notification-compact-item.clean {
            display: grid !important;
            grid-template-columns: 58px minmax(0, 1fr) !important;
            gap: 12px !important;
            align-items: center !important;
            padding: 12px !important;
            border-radius: 18px !important;
            overflow: hidden !important;
        }

        .student-notification-compact-item.clean.unread {
            background: #f0fff7 !important;
            border-color: #abefc6 !important;
        }

        .student-notification-compact-item.clean.read {
            background: #fffdf9 !important;
            border-color: #eee7dc !important;
        }

        .student-notification-status-dot {
            width: 52px !important;
            height: 52px !important;
            border-radius: 18px !important;
            display: grid !important;
            place-items: center !important;
            background: #fbf7ee !important;
            border: 1px solid #eadfcd !important;
            color: #173b2c !important;
            font-size: 12px !important;
            font-weight: 950 !important;
        }

        .student-notification-compact-item.clean.unread .student-notification-status-dot {
            background: #173b2c !important;
            border-color: #173b2c !important;
            color: #f2d486 !important;
        }

        .student-notification-compact-item.clean .student-notification-body {
            min-width: 0 !important;
            padding: 0 !important;
        }

        .student-notification-compact-item.clean .student-notification-body strong {
            display: block !important;
            color: #173b2c !important;
            font-size: 18px !important;
            line-height: 1.55 !important;
            font-weight: 950 !important;
        }

        .student-notification-compact-item.clean .student-notification-body p {
            margin: 4px 0 0 !important;
            color: #344054 !important;
            font-size: 15px !important;
            line-height: 1.75 !important;
            font-weight: 800 !important;
        }

        .student-notification-compact-item.clean .student-notification-body small {
            width: fit-content !important;
            display: inline-flex !important;
            margin-top: 7px !important;
            color: #8a6a34 !important;
            background: #fbf7ee !important;
            border-radius: 999px !important;
            padding: 3px 8px !important;
            font-size: 11px !important;
            font-weight: 900 !important;
        }

        @media (max-width: 560px) {
            .student-notification-compact-item.clean {
                grid-template-columns: 44px minmax(0, 1fr) !important;
            }

            .student-notification-status-dot {
                width: 44px !important;
                height: 44px !important;
                border-radius: 15px !important;
            }
        }


        /* STUDENT_NOTIFICATIONS_FINAL_CLEAN_V2 */
        .student-dashboard-v2 .student-notifications-card {
            max-height: 430px !important;
            overflow: hidden !important;
        }

        .student-dashboard-v2 .student-notification-compact-list {
            display: grid !important;
            gap: 10px !important;
            max-height: 310px !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            padding: 0 0 0 6px !important;
        }

        .student-dashboard-v2 .student-notice-clean {
            display: block !important;
            background: #fffdf9 !important;
            border: 1px solid #eadfcd !important;
            border-radius: 16px !important;
            padding: 12px 14px !important;
            min-height: auto !important;
            box-shadow: none !important;
        }

        .student-dashboard-v2 .student-notice-clean.unread {
            background: #fffdf9 !important;
            border-color: #d8c7a8 !important;
            border-inline-start: 5px solid #173b2c !important;
        }

        .student-dashboard-v2 .student-notice-clean-head {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 10px !important;
            margin-bottom: 5px !important;
        }

        .student-dashboard-v2 .student-notice-clean-head strong {
            color: #173b2c !important;
            font-size: 17px !important;
            line-height: 1.45 !important;
            font-weight: 950 !important;
        }

        .student-dashboard-v2 .student-notice-clean-head span {
            flex-shrink: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 999px !important;
            background: #173b2c !important;
            color: #f2d486 !important;
            padding: 4px 9px !important;
            font-size: 11px !important;
            font-weight: 950 !important;
        }

        .student-dashboard-v2 .student-notice-clean p {
            margin: 0 !important;
            color: #475467 !important;
            font-size: 14px !important;
            line-height: 1.7 !important;
            font-weight: 800 !important;
        }

        .student-dashboard-v2 .student-notice-clean small {
            display: inline-flex !important;
            margin-top: 7px !important;
            border-radius: 999px !important;
            background: #fbf7ee !important;
            color: #8a6a34 !important;
            padding: 3px 8px !important;
            font-size: 11px !important;
            font-weight: 900 !important;
        }

        /* kill old notification styles that made it ugly */
        .student-dashboard-v2 .student-notification-compact-item,
        .student-dashboard-v2 .student-notification-compact-item.clean,
        .student-dashboard-v2 .student-chat-message,
        .student-dashboard-v2 .student-chat-bubble,
        .student-dashboard-v2 .student-notification-title-card,
        .student-dashboard-v2 .student-notification-status-dot {
            all: unset;
        }

        @media (max-width: 560px) {
            .student-dashboard-v2 .student-notice-clean-head {
                align-items: flex-start !important;
            }

            .student-dashboard-v2 .student-notice-clean-head strong {
                font-size: 16px !important;
            }
        }


        /* STUDENT_SUBSCRIPTION_CARD_POLISH_V1 */
        .student-subscription-card {
            max-height: 430px !important;
            overflow: hidden !important;
        }

        .student-subscription-summary {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            margin-bottom: 12px;
        }

        .student-subscription-summary div {
            background: #fbf7ee;
            border: 1px solid #eadfcd;
            border-radius: 18px;
            padding: 13px;
        }

        .student-subscription-summary b {
            display: block;
            color: #173b2c;
            font-size: 24px;
            font-weight: 950;
            line-height: 1;
        }

        .student-subscription-summary span {
            display: block;
            color: #667085;
            font-size: 12px;
            font-weight: 850;
            margin-top: 7px;
        }

        .student-subscription-lines {
            display: grid;
            gap: 8px;
            border: 1px dashed #dfd3c1;
            background: #fffdf9;
            border-radius: 18px;
            padding: 12px;
            margin-bottom: 14px;
            max-height: 135px;
            overflow-y: auto;
        }

        .student-subscription-lines p {
            margin: 0;
            color: #475467;
            line-height: 1.75;
            font-weight: 800;
        }

        .student-subscription-lines b {
            color: #173b2c;
            font-weight: 950;
        }

        .student-subscription-lines .muted {
            color: #98a2b3;
            font-weight: 800;
        }

        .student-subscription-card .student-card-actions {
            margin-top: auto !important;
        }

        @media (max-width: 560px) {
            .student-subscription-summary {
                grid-template-columns: 1fr;
            }

            .student-subscription-card .student-card-actions {
                display: grid;
            }
        }


        /* STUDENT_DASHBOARD_SUBSCRIPTION_BOOKSTORE_FORUM_LAYOUT_V1 */
        .student-dashboard-v2 .student-forum-card {
            grid-column: 1 / -1 !important;
            max-height: 460px !important;
        }

        .student-dashboard-v2 .student-forum-replies {
            max-height: 245px !important;
        }

        .student-dashboard-v2 .student-bookstore-card {
            max-height: 430px !important;
            overflow: hidden !important;
        }

        .student-bookstore-soon {
            border: 1px dashed #dfd3c1;
            background: #fffdf9;
            border-radius: 18px;
            padding: 16px;
            margin-bottom: 14px;
            min-height: 145px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .student-bookstore-soon strong {
            display: block;
            color: #173b2c;
            font-size: 18px;
            font-weight: 950;
            line-height: 1.5;
        }

        .student-bookstore-soon p {
            margin: 8px 0 0;
            color: #667085;
            line-height: 1.75;
            font-weight: 800;
        }

        .student-subscription-lines p {
            border-bottom: 1px solid #f0e7d8;
            padding-bottom: 6px;
        }

        .student-subscription-lines p:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

        @media (max-width: 900px) {
            .student-dashboard-v2 .student-forum-card {
                grid-column: auto !important;
                max-height: none !important;
            }
        }


        /* STUDENT_NOTIFICATIONS_READ_STATE_V1 */
        .student-dashboard-v2 .student-notice-clean {
            width: 100% !important;
            text-align: right !important;
            cursor: pointer !important;
            font-family: inherit !important;
        }

        .student-dashboard-v2 .student-notice-clean.read {
            opacity: .78 !important;
            border-inline-start: 5px solid #d8c7a8 !important;
        }

        .student-dashboard-v2 .student-notice-clean.read .student-notice-clean-head span,
        .student-dashboard-v2 .student-notice-clean-head span.read-badge {
            background: #fbf7ee !important;
            color: #8a6a34 !important;
            border: 1px solid #eadfcd !important;
        }

        .student-dashboard-v2 [data-mark-all-notifications-read] {
            border: 0 !important;
            cursor: pointer !important;
            font-family: inherit !important;
        }

        .student-dashboard-error {
            max-width: 680px;
            margin-inline: auto;
            display: grid;
            gap: 14px;
        }

        @keyframes studentSkeleton {
            from { background-position: 200% 0; }
            to { background-position: -200% 0; }
        }

        @media (max-width: 900px) {
            .student-hero-card,
            .student-smart-grid,
            .student-priority-grid {
                grid-template-columns: 1fr;
            }

            .student-hero-action {
                justify-content: stretch;
            }

            .student-hero-action .student-primary-action,
            .student-hero-action .student-soft-action {
                width: 100%;
            }
        }

        @media (max-width: 560px) {
            .student-dashboard-v2 {
                gap: 14px;
            }

            .student-hero-card,
            .student-dash-card {
                border-radius: 20px;
                padding: 15px;
                min-height: auto;
            }

            .student-hero-card h1 {
                font-size: 25px;
            }

            .student-continue-box,
            .student-course-item {
                grid-template-columns: 1fr;
            }

            .student-continue-thumb,
            .student-course-thumb {
                width: 100%;
            }

            .student-task-card {
                grid-template-columns: 38px minmax(0, 1fr);
            }

            .student-task-card b {
                grid-column: 2;
                width: fit-content;
            }

            .student-card-actions {
                display: grid;
            }
        }

/* STUDENT BOOK STORE CARD STYLES */

.student-bookstore-live {
            display: grid;
            gap: 12px;
        }

        .student-bookstore-loading,
        .student-bookstore-empty-real {
            border: 1px dashed rgba(184,137,58,.35);
            background: #FAF6EC;
            border-radius: 18px;
            padding: 18px;
            text-align: center;
            color: #1F3A2E;
        }

        .student-bookstore-empty-real strong {
            display: block;
            margin-bottom: 6px;
            color: #1F3A2E;
        }

        .student-bookstore-empty-real p {
            margin: 0 0 12px;
            color: #6B6255;
            line-height: 1.7;
        }

        .student-bookstore-order-real {
            display: grid;
            gap: 12px;
        }

        .bookstore-order-top-real {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            align-items: center;
            background:
                radial-gradient(circle at top left, rgba(212,169,90,.16), transparent 35%),
                #FAF6EC;
            border-radius: 18px;
            padding: 13px;
        }

        .bookstore-order-top-real span,
        .bookstore-order-grid-real span {
            display: block;
            color: #8A6A2A;
            font-size: .82rem;
            font-weight: 900;
            margin-bottom: 5px;
        }

        .bookstore-order-top-real strong {
            color: #1F3A2E;
            font-size: .98rem;
        }

        .bookstore-order-top-real b {
            color: #1F3A2E;
            background: #fff;
            border-radius: 14px;
            padding: 9px 12px;
            white-space: nowrap;
        }

        .bookstore-order-grid-real {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 8px;
        }

        .bookstore-order-grid-real div {
            background: #FAF6EC;
            border-radius: 16px;
            padding: 10px;
        }

        .bookstore-order-grid-real strong {
            color: #1F3A2E;
        }

        .student-bookstore-actions-real {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .student-bookstore-actions-real a {
            text-decoration: none;
            border-radius: 14px;
            padding: 10px 12px;
            font-weight: 900;
            background: #1F3A2E;
            color: #fff;
            text-align: center;
            flex: 1;
        }

        .student-bookstore-actions-real a:last-child {
            background: linear-gradient(135deg, #D4A95A, #B8893A);
            color: #1F3A2E;
        }

        @media (max-width: 720px) {
            .bookstore-order-top-real {
                flex-direction: column;
                align-items: stretch;
            }

            .bookstore-order-grid-real {
                grid-template-columns: 1fr;
            }

            .student-bookstore-actions-real a {
                flex: auto;
                width: 100%;
            }
        }

/* =========================================================
   STUDENT_DASHBOARD_PHASE1C_TOP_EXPERIENCE
   Scoped to #studentDashboardPage / .sd-
   ========================================================= */

#studentDashboardPage.sd-dashboard {
    --sd-navy: #17344f;
    --sd-navy-deep: #10283d;
    --sd-emerald: #246b52;
    --sd-emerald-soft: #eaf7f1;
    --sd-gold: #c89c4a;
    --sd-gold-soft: #fff8e8;
    --sd-blue-soft: #edf5ff;
    --sd-warning-soft: #fff3e7;
    --sd-ink: #18312a;
    --sd-muted: #6b776f;
    --sd-line: #e7ebe7;
    --sd-surface: #ffffff;
    --sd-offwhite: #f8faf8;
    gap: 16px;
}

#studentDashboardPage .sd-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
    gap: 22px;
    align-items: stretch;
    padding: 26px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 28px;
    color: #fff;
    background:
        radial-gradient(circle at 12% 8%, rgba(200,156,74,.26), transparent 30%),
        radial-gradient(circle at 92% 80%, rgba(64,135,108,.34), transparent 32%),
        linear-gradient(135deg, var(--sd-navy-deep), var(--sd-navy) 55%, #245f50);
    box-shadow: 0 24px 60px rgba(16,40,61,.18);
}

#studentDashboardPage .sd-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .24;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 30px 30px;
}

#studentDashboardPage .sd-hero-copy,
#studentDashboardPage .sd-hero-focus {
    position: relative;
    z-index: 1;
}

#studentDashboardPage .sd-hero-eyebrow {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 10px;
    padding: 6px 11px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    color: #ffe8b2;
    background: rgba(255,255,255,.08);
    font-size: 12px;
    font-weight: 900;
}

#studentDashboardPage .sd-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.15;
}

#studentDashboardPage .sd-hero-copy > p {
    max-width: 680px;
    margin: 12px 0 0;
    color: rgba(255,255,255,.78);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.8;
}

#studentDashboardPage .sd-student-identity {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 20px;
}

#studentDashboardPage .sd-student-identity > span {
    min-width: 145px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
}

#studentDashboardPage .sd-student-identity small,
#studentDashboardPage .sd-student-identity strong {
    display: block;
}

#studentDashboardPage .sd-student-identity small {
    margin-bottom: 4px;
    color: rgba(255,255,255,.64);
    font-size: 11px;
    font-weight: 800;
}

#studentDashboardPage .sd-student-identity strong {
    color: #fff;
    font-size: 13px;
    line-height: 1.55;
}

#studentDashboardPage .sd-hero-focus {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 22px;
    background: rgba(255,255,255,.1);
    backdrop-filter: blur(16px);
}

#studentDashboardPage .sd-focus-label {
    color: #ffe3a6;
    font-size: 11px;
    font-weight: 900;
}

#studentDashboardPage .sd-hero-focus > strong {
    display: block;
    margin-top: 7px;
    color: #fff;
    font-size: 19px;
    line-height: 1.55;
}

#studentDashboardPage .sd-hero-focus > small {
    display: block;
    margin-top: 6px;
    color: rgba(255,255,255,.68);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.65;
}

#studentDashboardPage .sd-main-cta {
    width: 100%;
    margin-top: 16px;
}

#studentDashboardPage .sd-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

#studentDashboardPage .sd-overview-card {
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--sd-line);
    border-radius: 20px;
    color: inherit;
    text-decoration: none;
    background: var(--sd-surface);
    box-shadow: 0 12px 30px rgba(26,60,48,.06);
    transition: transform .18s ease, box-shadow .18s ease;
}

#studentDashboardPage .sd-overview-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(26,60,48,.1);
}

#studentDashboardPage .sd-overview-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: var(--sd-emerald);
    background: var(--sd-emerald-soft);
    font-size: 18px;
    font-weight: 950;
}

#studentDashboardPage .sd-overview-card.gold .sd-overview-icon {
    color: #966b1f;
    background: var(--sd-gold-soft);
}

#studentDashboardPage .sd-overview-card.blue .sd-overview-icon {
    color: #1c5b91;
    background: var(--sd-blue-soft);
}

#studentDashboardPage .sd-overview-card.warning .sd-overview-icon {
    color: #a15c17;
    background: var(--sd-warning-soft);
}

#studentDashboardPage .sd-overview-copy {
    min-width: 0;
}

#studentDashboardPage .sd-overview-copy small,
#studentDashboardPage .sd-overview-copy strong,
#studentDashboardPage .sd-overview-copy em {
    display: block;
}

#studentDashboardPage .sd-overview-copy small {
    color: var(--sd-muted);
    font-size: 11px;
    font-weight: 900;
}

#studentDashboardPage .sd-overview-copy strong {
    margin-top: 2px;
    color: var(--sd-ink);
    font-size: 24px;
    font-weight: 950;
    line-height: 1.2;
}

#studentDashboardPage .sd-overview-copy em {
    margin-top: 4px;
    overflow: hidden;
    color: #879188;
    font-size: 10px;
    font-style: normal;
    font-weight: 750;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#studentDashboardPage .sd-quick-actions {
    padding: 17px;
    border: 1px solid var(--sd-line);
    border-radius: 22px;
    background: linear-gradient(135deg, #fff, var(--sd-offwhite));
    box-shadow: 0 12px 30px rgba(26,60,48,.05);
}

#studentDashboardPage .sd-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

#studentDashboardPage .sd-section-heading span {
    color: var(--sd-gold);
    font-size: 11px;
    font-weight: 950;
}

#studentDashboardPage .sd-section-heading h2 {
    margin: 3px 0 0;
    color: var(--sd-ink);
    font-size: 18px;
    line-height: 1.4;
}

#studentDashboardPage .sd-quick-actions-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
}

#studentDashboardPage .sd-quick-action {
    min-width: 0;
    min-height: 78px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px;
    border: 1px solid #e8ece8;
    border-radius: 17px;
    color: var(--sd-ink);
    text-align: center;
    text-decoration: none;
    background: #fff;
    font-family: inherit;
    transition: .18s ease;
}

#studentDashboardPage .sd-quick-action:hover {
    transform: translateY(-2px);
    border-color: #d7dfd9;
    box-shadow: 0 12px 25px rgba(26,60,48,.08);
}

#studentDashboardPage .sd-quick-action > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--sd-emerald);
    background: var(--sd-emerald-soft);
    font-weight: 950;
}

#studentDashboardPage .sd-quick-action > strong {
    font-size: 12px;
    font-weight: 950;
    line-height: 1.45;
}

#studentDashboardPage .sd-quick-action.is-soon {
    cursor: not-allowed;
    opacity: .76;
    border-style: dashed;
    color: #7b7365;
    background: #fffcf5;
}

#studentDashboardPage .sd-quick-action.is-soon > span {
    color: #9a7128;
    background: var(--sd-gold-soft);
}

#studentDashboardPage .sd-quick-action.is-soon > small {
    display: inline-flex;
    padding: 2px 7px;
    border-radius: 999px;
    color: #8b6524;
    background: #fff2d2;
    font-size: 9px;
    font-weight: 950;
}

@media (max-width: 1100px) {
    #studentDashboardPage .sd-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #studentDashboardPage .sd-quick-actions-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    #studentDashboardPage .sd-hero {
        grid-template-columns: 1fr;
        padding: 19px;
        border-radius: 23px;
    }

    #studentDashboardPage .sd-hero-focus {
        padding: 15px;
    }

    #studentDashboardPage .sd-student-identity {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #studentDashboardPage .sd-student-identity > span {
        min-width: 0;
    }

    #studentDashboardPage .sd-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    #studentDashboardPage .sd-overview-card {
        grid-template-columns: 40px minmax(0, 1fr);
        padding: 12px;
        border-radius: 17px;
    }

    #studentDashboardPage .sd-overview-icon {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }

    #studentDashboardPage .sd-overview-copy strong {
        font-size: 20px;
    }

    #studentDashboardPage .sd-overview-copy em {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    #studentDashboardPage .sd-quick-actions {
        padding: 14px;
    }

    #studentDashboardPage .sd-quick-actions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    #studentDashboardPage .sd-hero h1 {
        font-size: 28px;
    }

    #studentDashboardPage .sd-student-identity {
        grid-template-columns: 1fr;
    }

    #studentDashboardPage .sd-overview {
        grid-template-columns: 1fr 1fr;
    }

    #studentDashboardPage .sd-overview-card {
        grid-template-columns: 1fr;
        text-align: center;
    }

    #studentDashboardPage .sd-overview-icon {
        margin-inline: auto;
    }
}

/* =========================================================
   STUDENT_DASHBOARD_PHASE1D_MOBILE_HERO_SIDEBAR
   ========================================================= */
#studentDashboardPage .sd-hero.sd-hero-light {
    min-height: 0;
    grid-template-columns: 1fr;
    padding: 24px;
    color: #173c31;
    border-color: rgba(38,107,82,.18);
    background:
        radial-gradient(circle at 10% 5%, rgba(255,255,255,.72), transparent 31%),
        radial-gradient(circle at 92% 84%, rgba(91,181,142,.28), transparent 34%),
        linear-gradient(135deg, #e8f7ef 0%, #bfe9d3 52%, #8fd3b5 100%);
    box-shadow: 0 20px 48px rgba(35,107,82,.14);
}
#studentDashboardPage .sd-hero.sd-hero-light::before {
    opacity: .3;
    background-image: linear-gradient(rgba(23,60,49,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(23,60,49,.04) 1px, transparent 1px);
}
#studentDashboardPage .sd-hero.sd-hero-light h1 { color: #163d31; }
#studentDashboardPage .sd-hero.sd-hero-light .sd-student-identity { margin-top: 18px; }
#studentDashboardPage .sd-hero.sd-hero-light .sd-student-identity > span { color:#173c31; border-color:rgba(23,60,49,.12); background:rgba(255,255,255,.46); backdrop-filter:blur(10px); }
#studentDashboardPage .sd-hero.sd-hero-light .sd-student-identity small { color:#527265; }
#studentDashboardPage .sd-hero.sd-hero-light .sd-student-identity strong { color:#173c31; }
#studentDashboardPage .sd-next-step-card {
    display:grid; grid-template-columns:50px minmax(0,1fr) auto; gap:13px; align-items:center;
    padding:15px 17px; border:1px solid #dfe8e2; border-radius:21px;
    background:linear-gradient(135deg,#fff,#f5fbf7); box-shadow:0 12px 30px rgba(25,70,54,.06);
}
#studentDashboardPage .sd-next-step-icon { width:50px; height:50px; display:grid; place-items:center; border-radius:16px; color:#fff; background:linear-gradient(135deg,#246b52,#4e9a78); font-size:21px; font-weight:950; }
#studentDashboardPage .sd-next-step-copy { min-width:0; }
#studentDashboardPage .sd-next-step-copy span,#studentDashboardPage .sd-next-step-copy strong,#studentDashboardPage .sd-next-step-copy small { display:block; }
#studentDashboardPage .sd-next-step-copy span { color:#b38331; font-size:11px; font-weight:950; }
#studentDashboardPage .sd-next-step-copy strong { margin-top:3px; color:#173c31; font-size:18px; line-height:1.5; }
#studentDashboardPage .sd-next-step-copy small { margin-top:3px; color:#718078; font-size:11px; font-weight:750; line-height:1.55; }
#studentDashboardPage .sd-next-step-action { min-width:145px; }
[data-student-achievements-soon] { position:relative; cursor:not-allowed !important; opacity:.78; }
.sd-sidebar-soon-badge { display:inline-flex; align-items:center; justify-content:center; margin-inline-start:auto; padding:2px 7px; border:1px solid rgba(212,169,90,.32); border-radius:999px; color:#7d591b; background:#fff2cf; font-size:9px; font-weight:950; line-height:1.4; }

@media (max-width:760px) {
    #studentDashboardPage.sd-dashboard { gap:11px; }
    #studentDashboardPage .sd-hero.sd-hero-light { padding:15px; border-radius:20px; }
    #studentDashboardPage .sd-hero.sd-hero-light h1 { font-size:25px; }
    #studentDashboardPage .sd-hero.sd-hero-light .sd-student-identity { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:12px; }
    #studentDashboardPage .sd-hero.sd-hero-light .sd-student-identity > span { min-width:0; padding:8px 9px; border-radius:13px; }
    #studentDashboardPage .sd-hero.sd-hero-light .sd-student-identity small { font-size:9px; }
    #studentDashboardPage .sd-hero.sd-hero-light .sd-student-identity strong { font-size:11px; }
    #studentDashboardPage .sd-next-step-card { grid-template-columns:39px minmax(0,1fr); gap:9px; padding:11px; border-radius:17px; }
    #studentDashboardPage .sd-next-step-icon { width:39px; height:39px; border-radius:12px; font-size:17px; }
    #studentDashboardPage .sd-next-step-copy strong { font-size:14px; }
    #studentDashboardPage .sd-next-step-copy small { font-size:9px; }
    #studentDashboardPage .sd-next-step-action { grid-column:1/-1; width:100%; min-width:0; padding-block:9px; margin-top:1px; }
    #studentDashboardPage .sd-overview { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    #studentDashboardPage .sd-overview-card { min-height:90px; grid-template-columns:34px minmax(0,1fr); gap:7px; padding:9px; border-radius:15px; }
    #studentDashboardPage .sd-overview-icon { width:34px; height:34px; border-radius:11px; font-size:14px; }
    #studentDashboardPage .sd-overview-copy small { font-size:9px; }
    #studentDashboardPage .sd-overview-copy strong { margin-top:1px; font-size:18px; }
    #studentDashboardPage .sd-overview-copy em { margin-top:2px; font-size:8px; line-height:1.35; -webkit-line-clamp:1; }
    #studentDashboardPage .sd-quick-actions { padding:11px; border-radius:17px; overflow:hidden; }
    #studentDashboardPage .sd-section-heading { margin-bottom:8px; }
    #studentDashboardPage .sd-section-heading span { font-size:9px; }
    #studentDashboardPage .sd-section-heading h2 { font-size:14px; }
    #studentDashboardPage .sd-quick-actions-grid { display:flex; flex-wrap:nowrap; gap:7px; width:100%; overflow-x:auto; overflow-y:hidden; padding-bottom:3px; scroll-snap-type:x proximity; scrollbar-width:none; }
    #studentDashboardPage .sd-quick-actions-grid::-webkit-scrollbar { display:none; }
    #studentDashboardPage .sd-quick-action { flex:1 0 calc(25% - 6px); min-width:72px; min-height:66px; gap:4px; padding:7px 5px; border-radius:14px; scroll-snap-align:start; }
    #studentDashboardPage .sd-quick-action > span { width:29px; height:29px; border-radius:10px; font-size:12px; }
    #studentDashboardPage .sd-quick-action > strong { font-size:9px; line-height:1.25; white-space:nowrap; }
}
@media (max-width:420px) {
    #studentDashboardPage .sd-hero.sd-hero-light .sd-student-identity { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #studentDashboardPage .sd-overview-card { grid-template-columns:30px minmax(0,1fr); min-height:84px; padding:8px; }
    #studentDashboardPage .sd-overview-icon { width:30px; height:30px; }
    #studentDashboardPage .sd-overview-copy strong { font-size:17px; }
}

/* =========================================================
   STUDENT_DASHBOARD_PHASE1E_V2_DESKTOP_POLISH
   ========================================================= */

#studentDashboardPage .sd-hero-desktop-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-width: 0;
    width: 100%;
}

#studentDashboardPage .sd-hero-desktop-row > h1 {
    flex: 0 0 auto;
    min-width: 0;
    margin: 0;
    white-space: nowrap;
}

#studentDashboardPage .sd-hero-desktop-row .sd-student-identity {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 0;
    min-width: 0;
}

#studentDashboardPage .sd-hero-desktop-row .sd-student-identity > span {
    min-width: 140px;
    max-width: 240px;
    flex: 0 1 auto;
}

#studentDashboardPage .sd-hero-desktop-row .sd-last-login-chip {
    min-width: 175px;
}

#studentDashboardPage .sd-quick-actions-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

#studentDashboardPage .sd-quick-action {
    width: 100%;
    min-width: 0;
    min-height: 82px;
}

#studentDashboardPage .sd-quick-actions {
    width: 100%;
}

@media (min-width: 1200px) {
    #studentDashboardPage .sd-hero.sd-hero-light {
        padding: 22px 28px;
    }

    #studentDashboardPage .sd-hero-desktop-row {
        min-height: 96px;
    }

    #studentDashboardPage .sd-hero-desktop-row > h1 {
        font-size: clamp(34px, 3vw, 48px);
    }
}

@media (max-width: 980px) {
    #studentDashboardPage .sd-hero-desktop-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    #studentDashboardPage .sd-hero-desktop-row > h1 {
        white-space: normal;
    }

    #studentDashboardPage .sd-hero-desktop-row .sd-student-identity {
        width: 100%;
        justify-content: flex-start;
        margin-top: 0;
        flex-wrap: wrap;
    }
}

@media (max-width: 760px) {
    #studentDashboardPage .sd-hero-desktop-row {
        display: block;
    }

    #studentDashboardPage .sd-hero-desktop-row .sd-student-identity {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        margin-top: 12px;
    }

    #studentDashboardPage .sd-hero-desktop-row .sd-student-identity > span {
        min-width: 0;
        max-width: none;
    }

    #studentDashboardPage .sd-quick-actions-grid {
        display: flex;
        grid-template-columns: none;
        flex-wrap: nowrap;
        gap: 7px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    #studentDashboardPage .sd-quick-action {
        flex: 1 0 calc(25% - 6px);
        width: auto;
        min-width: 72px;
    }
}

/* =========================================================
   STUDENT_TIMELINE_PHASE2C_FRONTEND_V1
   ========================================================= */

#studentDashboardPage .sd-timeline-card {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid #e1e9e3;
    border-radius: 23px;
    background: linear-gradient(135deg, #ffffff, #f7fbf8);
    box-shadow: 0 14px 34px rgba(26,73,56,.06);
    overflow: hidden;
}

#studentDashboardPage .sd-timeline-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

#studentDashboardPage .sd-timeline-head span {
    color: #b38331;
    font-size: 11px;
    font-weight: 950;
}

#studentDashboardPage .sd-timeline-head h2 {
    margin: 3px 0 0;
    color: #173c31;
    font-size: 20px;
    line-height: 1.4;
}

#studentDashboardPage .sd-timeline-head p {
    margin: 5px 0 0;
    color: #718078;
    font-size: 11px;
    font-weight: 750;
}

#studentDashboardPage .sd-timeline-head > a {
    flex: 0 0 auto;
    padding: 8px 11px;
    border: 1px solid #dce6df;
    border-radius: 12px;
    color: #246b52;
    text-decoration: none;
    background: #fff;
    font-size: 11px;
    font-weight: 950;
}

#studentDashboardPage .sd-timeline-summary {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 8px;
}

#studentDashboardPage .sd-timeline-summary > div {
    min-width: 0;
    padding: 9px 10px;
    border-radius: 14px;
    background: #f4f7f5;
    text-align: center;
}

#studentDashboardPage .sd-timeline-summary small,
#studentDashboardPage .sd-timeline-summary strong {
    display: block;
}

#studentDashboardPage .sd-timeline-summary small {
    color: #718078;
    font-size: 9px;
    font-weight: 900;
}

#studentDashboardPage .sd-timeline-summary strong {
    margin-top: 3px;
    color: #173c31;
    font-size: 18px;
    font-weight: 950;
}

#studentDashboardPage .sd-timeline-summary .success { background: #edf9f2; }
#studentDashboardPage .sd-timeline-summary .danger { background: #fff0ef; }
#studentDashboardPage .sd-timeline-summary .warning { background: #fff7e8; }
#studentDashboardPage .sd-timeline-summary .gold { background: #fff8e8; }
#studentDashboardPage .sd-timeline-summary .blue { background: #eef5ff; }

#studentDashboardPage .sd-timeline-track {
    position: relative;
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 2px 8px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
}

#studentDashboardPage .sd-timeline-track::before {
    content: "";
    position: absolute;
    top: 28px;
    right: 20px;
    left: 20px;
    height: 2px;
    background: #e5ebe7;
}

#studentDashboardPage .sd-timeline-item {
    position: relative;
    z-index: 1;
    flex: 0 0 170px;
    display: grid;
    grid-template-rows: 48px minmax(0,1fr);
    gap: 8px;
    scroll-snap-align: start;
}

#studentDashboardPage .sd-timeline-dot {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    margin-inline: auto;
    border: 4px solid #fff;
    border-radius: 999px;
    color: #66736c;
    background: #eef1ef;
    box-shadow: 0 0 0 1px #dfe5e1;
    font-size: 16px;
    font-weight: 950;
}

#studentDashboardPage .sd-timeline-item.success .sd-timeline-dot {
    color: #16724a;
    background: #dff5e9;
}

#studentDashboardPage .sd-timeline-item.warning .sd-timeline-dot {
    color: #9a6718;
    background: #fff0c9;
}

#studentDashboardPage .sd-timeline-item.danger .sd-timeline-dot {
    color: #b42318;
    background: #ffe3e0;
}

#studentDashboardPage .sd-timeline-item-body {
    min-height: 114px;
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 1px solid #e5ebe7;
    border-radius: 15px;
    background: #fff;
    text-align: center;
}

#studentDashboardPage .sd-timeline-item-body small {
    color: #b38331;
    font-size: 9px;
    font-weight: 950;
}

#studentDashboardPage .sd-timeline-item-body strong {
    display: -webkit-box;
    margin-top: 4px;
    overflow: hidden;
    color: #173c31;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#studentDashboardPage .sd-timeline-item-body em {
    display: -webkit-box;
    margin-top: 4px;
    overflow: hidden;
    color: #7d8982;
    font-size: 9px;
    font-style: normal;
    font-weight: 750;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#studentDashboardPage .sd-timeline-progress {
    height: 5px;
    margin-top: auto;
    overflow: hidden;
    border-radius: 999px;
    background: #edf0ee;
}

#studentDashboardPage .sd-timeline-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,#c89c4a,#246b52);
}

#studentDashboardPage .sd-timeline-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

#studentDashboardPage .sd-timeline-legend span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    color: #68756e;
    background: #f3f5f4;
    font-size: 9px;
    font-weight: 900;
}

#studentDashboardPage .sd-timeline-legend span::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #9aa49e;
}

#studentDashboardPage .sd-timeline-legend .success::before { background: #24945f; }
#studentDashboardPage .sd-timeline-legend .warning::before { background: #d39a28; }
#studentDashboardPage .sd-timeline-legend .danger::before { background: #d84c43; }

#studentDashboardPage .sd-timeline-empty {
    min-height: 130px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    padding: 18px;
    border: 1px dashed #d9e2dc;
    border-radius: 17px;
    color: #7b8780;
    text-align: center;
    background: #fbfdfb;
}

#studentDashboardPage .sd-timeline-empty > span {
    font-size: 24px;
    color: #6c9b84;
}

#studentDashboardPage .sd-timeline-empty strong {
    color: #294b3e;
    font-size: 13px;
}

#studentDashboardPage .sd-timeline-empty small {
    font-size: 10px;
    font-weight: 750;
}

@media (max-width: 980px) {
    #studentDashboardPage .sd-timeline-summary {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    #studentDashboardPage .sd-timeline-card {
        gap: 10px;
        padding: 12px;
        border-radius: 18px;
    }

    #studentDashboardPage .sd-timeline-head {
        align-items: center;
    }

    #studentDashboardPage .sd-timeline-head h2 {
        font-size: 15px;
    }

    #studentDashboardPage .sd-timeline-head p {
        display: none;
    }

    #studentDashboardPage .sd-timeline-head > a {
        padding: 6px 8px;
        font-size: 9px;
    }

    #studentDashboardPage .sd-timeline-summary {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 5px;
    }

    #studentDashboardPage .sd-timeline-summary > div {
        padding: 7px 5px;
        border-radius: 11px;
    }

    #studentDashboardPage .sd-timeline-summary small {
        font-size: 8px;
    }

    #studentDashboardPage .sd-timeline-summary strong {
        font-size: 15px;
    }

    #studentDashboardPage .sd-timeline-track {
        gap: 7px;
    }

    #studentDashboardPage .sd-timeline-item {
        flex-basis: 130px;
        grid-template-rows: 40px minmax(0,1fr);
    }

    #studentDashboardPage .sd-timeline-track::before {
        top: 24px;
    }

    #studentDashboardPage .sd-timeline-dot {
        width: 36px;
        height: 36px;
        border-width: 3px;
        font-size: 13px;
    }

    #studentDashboardPage .sd-timeline-item-body {
        min-height: 98px;
        padding: 8px;
        border-radius: 13px;
    }

    #studentDashboardPage .sd-timeline-item-body strong {
        font-size: 10px;
    }

    #studentDashboardPage .sd-timeline-item-body em {
        font-size: 8px;
    }

    #studentDashboardPage .sd-timeline-legend {
        gap: 4px;
    }

    #studentDashboardPage .sd-timeline-legend span {
        padding: 3px 6px;
        font-size: 8px;
    }
}