/* 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-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-card-actions{
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
        }

        .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.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-dash-card{
            padding: 18px;
            min-width: 0;
        }

        .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-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-dash-card > .student-primary-action.wide,
.student-dash-card > .student-soft-action.wide,
.student-dash-card > .student-card-actions{
            margin-top: auto;
        }


        .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-v2 .student-dash-card{
            overflow: hidden !important;
        }

        .student-dashboard-v2 .student-compact-list{
            max-height: 275px !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-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_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_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_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;
        }

        @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-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;
        }

        @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: 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-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{
    position: relative;
    z-index: 1;
}

#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-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-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; }
@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-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_DASHBOARD_PHASE2H_CLEAN_TIMELINE
   Single consolidated timeline block
   ========================================================= */

#studentDashboardPage .sd-timeline-card{
    display: grid;
    gap: 14px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid #dfe8e2;
    border-radius: 23px;
    background:
        radial-gradient(circle at 100% 0%, rgba(107,176,143,.08), transparent 30%),
        linear-gradient(135deg,#fff,#f8fcf9);
    box-shadow: 0 14px 34px rgba(26,73,56,.06);
}

#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 > 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;
    text-align: center;
    background: #f4f7f5;
}

#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;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    direction: rtl;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 2px 10px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: #bfd6ca transparent;
}

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

#studentDashboardPage .sd-timeline-item{
    position: relative;
    z-index: 1;
    flex: 0 0 170px;
    display: grid;
    grid-template-rows: 48px minmax(0,1fr);
    gap: 8px;
    direction: rtl;
    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;
    background: #eef3f0;
    box-shadow: 0 0 0 1px #dbe5df;
    font-size: 18px;
    font-weight: 950;
    line-height: 1;
}

#studentDashboardPage .sd-timeline-dot.center{
    color: #176445;
    background: #e2f5ea;
}

#studentDashboardPage .sd-timeline-dot.online{
    color: #1f5f91;
    background: #e9f3fc;
}

#studentDashboardPage .sd-timeline-dot.general{
    color: #68756e;
}

#studentDashboardPage .sd-timeline-item-body{
    min-height: 132px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
    border: 1px solid #e3eae6;
    border-radius: 15px;
    background: #fff;
    text-align: right;
}

#studentDashboardPage .sd-timeline-item-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

#studentDashboardPage .sd-timeline-channel,
#studentDashboardPage .sd-timeline-status{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 23px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 950;
    line-height: 1.2;
    white-space: nowrap;
}

#studentDashboardPage .sd-timeline-channel.center,
#studentDashboardPage .sd-timeline-status.success{
    color: #176445;
    border: 1px solid #bee7d2;
    background: #e9f8f0;
}

#studentDashboardPage .sd-timeline-channel.online{
    color: #1f5f91;
    border: 1px solid #c9def0;
    background: #edf6fd;
}

#studentDashboardPage .sd-timeline-channel.general{
    color: #5f6c65;
    border: 1px solid #d8dfdb;
    background: #f3f5f4;
}

#studentDashboardPage .sd-timeline-status.warning{
    color: #946315;
    border: 1px solid #efdba9;
    background: #fff6dc;
}

#studentDashboardPage .sd-timeline-status.danger{
    color: #ad3028;
    border: 1px solid #f0c7c3;
    background: #fff0ee;
}

#studentDashboardPage .sd-timeline-item-body strong{
    display: -webkit-box;
    min-height: 36px;
    margin-top: 2px;
    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;
    min-height: 28px;
    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-item-body time{
    display: block;
    margin-top: auto;
    color: #89938e;
    font-size: 9px;
    font-weight: 850;
}

#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{
    color: #6c9b84;
    font-size: 24px;
}

#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 > 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-track::before{
        top: 24px;
    }

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

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

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

    #studentDashboardPage .sd-timeline-channel,
#studentDashboardPage .sd-timeline-status{
        min-height: 20px;
        padding: 3px 6px;
        font-size: 8px;
    }

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

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

/* =========================================================
   STUDENT_DASHBOARD_PHASE2N_V2_MOBILE_STABILIZATION
   Single consolidated visual block
   ========================================================= */

#studentDashboardPage .sd-dashboard-surface{
  display:grid;gap:14px;margin-top:14px;padding:14px;
  border:1px solid #e8e3d9;border-radius:26px;background:#fff;
  box-shadow:0 16px 36px rgba(39,67,55,.055)
}
#studentDashboardPage .sd-quick-actions{background:#fff!important}
#studentDashboardPage .student-card-kicker,
#studentDashboardPage .sd-timeline-head>div>span,
#studentDashboardPage .sd-focus-primary-head>div>span{
  color:#b38331;font-size:11px;font-weight:950;line-height:1.35
}
#studentDashboardPage .sd-focus-zone{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:12px}
#studentDashboardPage .sd-focus-primary{
  min-width:0;border:1px solid #e3dfd3;border-radius:20px;background:#fff;
  box-shadow:0 10px 24px rgba(37,67,54,.05)
}
#studentDashboardPage .sd-focus-primary{display:flex;flex-direction:column;min-height:190px;padding:16px}
#studentDashboardPage .sd-focus-primary-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px
}
#studentDashboardPage .sd-focus-primary-head h2{margin:6px 0 0;color:#123e30;font-size:clamp(22px,2vw,31px);line-height:1.35}
#studentDashboardPage .sd-focus-primary-head>b{
  flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-size:15px
}
#studentDashboardPage .sd-focus-primary-head>b{color:#174a39;background:#f7edd8}
#studentDashboardPage .sd-focus-actions{display:flex;gap:8px;margin-top:auto;padding-top:16px}
#studentDashboardPage .sd-focus-actions a{min-width:145px}
#studentDashboardPage .sd-detail-layout{display:grid;grid-template-columns:1fr;gap:14px}
#studentDashboardPage .sd-card-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
#studentDashboardPage .sd-card-pair>*,
#studentDashboardPage .student-dash-card{min-width:0;height:100%}
#studentDashboardPage .student-dash-card{display:flex;flex-direction:column;background:#fff}
#studentDashboardPage .student-card-head h2{overflow-wrap:anywhere;color:#173c31}
#studentDashboardPage .student-card-actions{margin-top:auto;padding-top:10px}
#studentDashboardPage .student-center-card{background:radial-gradient(circle at 100% 0%,rgba(62,145,104,.08),transparent 32%),#fff}
#studentDashboardPage .student-center-card .sd-compact-card-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
#studentDashboardPage .student-center-card .sd-compact-card-stats>div{min-width:0;padding:12px;border:1px solid #dce9e2;border-radius:14px;background:#f7fbf8}
#studentDashboardPage .student-center-card .sd-compact-card-stats small,
#studentDashboardPage .student-center-card .sd-compact-card-stats strong{display:block}
#studentDashboardPage .student-center-card .sd-compact-card-stats small{color:#728078;font-size:9px;font-weight:900}
#studentDashboardPage .student-center-card .sd-compact-card-stats strong{margin-top:5px;color:#173c31;font-size:13px;font-weight:950;line-height:1.45}
#studentDashboardPage .student-forum-card{width:100%;grid-column:1/-1;padding:18px;border-radius:20px}
#studentDashboardPage .student-forum-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#studentDashboardPage .student-forum-stats>div{min-width:0;padding:14px;border-radius:14px}
#studentDashboardPage .student-forum-stats b,
#studentDashboardPage .student-forum-stats span{display:block;text-align:center}
#studentDashboardPage .student-forum-stats b{color:#173c31;font-size:22px;font-weight:950}
#studentDashboardPage .student-forum-stats span{margin-top:4px;color:#65736c;font-size:11px;font-weight:900}

@media(max-width:980px){#studentDashboardPage .sd-focus-zone{grid-template-columns:1fr}}

@media (max-width: 760px) {
    #studentDashboardPage{
        overflow-x: hidden;
    }

    #studentDashboardPage .sd-dashboard-surface,
#studentDashboardPage .sd-quick-actions{
        background: #fff !important;
    }

    #studentDashboardPage .sd-dashboard-surface{
        gap: 10px;
        margin-top: 10px;
        padding: 8px;
        border-radius: 18px;
    }

    #studentDashboardPage .sd-focus-zone{
        grid-template-columns: 1fr;
        gap: 9px;
    }

    #studentDashboardPage .sd-focus-primary{
        min-height: 0;
        padding: 12px;
        border-radius: 16px;
    }

    #studentDashboardPage .sd-focus-primary-head h2{
        font-size: 21px;
        line-height: 1.35;
    }

    #studentDashboardPage .sd-focus-actions{
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-top: 12px;
    }

    #studentDashboardPage .sd-focus-actions a{
        min-width: 0;
        padding: 8px 5px;
        font-size: 10px;
    }

    #studentDashboardPage .sd-detail-layout{
        gap: 10px;
    }

    #studentDashboardPage .sd-card-pair-homework-grades,
#studentDashboardPage .sd-card-pair-online-center{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    #studentDashboardPage .sd-card-pair-payment-books,
#studentDashboardPage .sd-card-pair-notifications-activity{
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #studentDashboardPage .student-subscription-card,
#studentDashboardPage .student-bookstore-card,
#studentDashboardPage .student-notifications-card,
#studentDashboardPage .student-activity-card,
#studentDashboardPage .student-forum-card{
        grid-column: 1 / -1;
        width: 100%;
        max-width: 100%;
    }

    #studentDashboardPage .student-subscription-card,
#studentDashboardPage .student-bookstore-card{
        max-height: none !important;
        overflow: visible !important;
    }

    #studentDashboardPage .student-dash-card{
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 0;
        padding: 11px 10px;
        overflow: hidden;
        border-radius: 16px;
    }

    #studentDashboardPage .student-card-head{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 7px;
        min-width: 0;
    }

    #studentDashboardPage .student-card-head > div{
        min-width: 0;
    }

    #studentDashboardPage .student-card-kicker{
        font-size: 8px;
        line-height: 1.35;
    }

    #studentDashboardPage .student-card-head h2{
        margin-top: 4px;
        font-size: 16px;
        line-height: 1.35;
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
        writing-mode: horizontal-tb !important;
    }

    #studentDashboardPage .student-card-icon{
        flex: 0 0 auto;
        width: 32px;
        height: 32px;
        font-size: 12px;
    }

    #studentDashboardPage .sd-card-pair-homework-grades .student-card-icon,
#studentDashboardPage .sd-card-pair-online-center .student-card-icon{
        display: none !important;
    }

    #studentDashboardPage .student-card-badge,
#studentDashboardPage .student-mini-link{
        flex: 0 0 auto;
        max-width: 92px;
        padding: 4px 7px;
        font-size: 8px;
        white-space: normal;
        line-height: 1.3;
    }

    #studentDashboardPage .student-card-empty{
        min-height: 78px;
        padding: 10px;
        font-size: 11px;
        line-height: 1.6;
        word-break: normal;
        overflow-wrap: anywhere;
        writing-mode: horizontal-tb !important;
    }

    #studentDashboardPage .student-card-actions{
        display: grid;
        grid-template-columns: 1fr;
        gap: 6px;
        padding-top: 8px;
    }

    #studentDashboardPage .student-card-actions a,
#studentDashboardPage .student-soft-action.wide{
        width: 100%;
        min-width: 0;
        padding: 8px 6px;
        font-size: 10px;
        line-height: 1.35;
        text-align: center;
    }

    #studentDashboardPage .student-subscription-summary{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px;
        margin-bottom: 8px;
    }

    #studentDashboardPage .student-subscription-summary > div{
        padding: 9px 7px;
        border-radius: 11px;
    }

    #studentDashboardPage .student-subscription-summary b{
        font-size: 18px;
    }

    #studentDashboardPage .student-subscription-summary span{
        font-size: 8px;
    }

    #studentDashboardPage .student-payment-operations{
        display: grid;
        max-height: none;
        margin-top: 8px;
        overflow: hidden;
        border: 1px solid #ebe4d7;
        border-radius: 11px;
        background: #fffdf8;
    }

    #studentDashboardPage .student-payment-operations > div{
        display: grid;
        grid-template-columns: minmax(110px, .42fr) minmax(0, 1fr);
        gap: 7px;
        padding: 7px 8px;
        border-bottom: 1px solid #eee7db;
    }

    #studentDashboardPage .student-payment-operations > div:last-child{
        border-bottom: 0;
    }

    #studentDashboardPage .student-payment-operations span,
#studentDashboardPage .student-payment-operations strong{
        min-width: 0;
        writing-mode: horizontal-tb !important;
        word-break: normal;
        overflow-wrap: anywhere;
    }

    #studentDashboardPage .student-payment-operations span{
        color: #77817b;
        font-size: 8px;
        font-weight: 900;
    }

    #studentDashboardPage .student-payment-operations strong{
        color: #173c31;
        font-size: 9px;
        font-weight: 950;
        line-height: 1.4;
        white-space: normal;
    }

    #studentDashboardPage .student-bookstore-live,
#studentDashboardPage .student-bookstore-loading,
#studentDashboardPage .student-bookstore-empty-real{
        min-height: 0 !important;
    }

    #studentDashboardPage .student-bookstore-loading,
#studentDashboardPage .student-bookstore-empty-real{
        padding: 16px 12px;
        text-align: center;
    }

    #studentDashboardPage .student-bookstore-empty-real strong{
        display: block;
        color: #173c31;
        font-size: 15px;
        line-height: 1.45;
    }

    #studentDashboardPage .student-bookstore-empty-real p{
        display: none;
    }

    #studentDashboardPage .student-bookstore-actions-real{
        margin-top: 12px;
    }

    #studentDashboardPage .student-bookstore-actions-real a{
        display: block;
        width: 100%;
        padding: 9px 8px;
        font-size: 11px;
    }

    #studentDashboardPage .student-notification-compact-list,
#studentDashboardPage .student-activity-timeline{
        display: grid;
        gap: 8px;
        max-height: 260px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    #studentDashboardPage .student-notice-clean,
#studentDashboardPage .student-activity-timeline-item,
#studentDashboardPage .student-notice-clean *,
#studentDashboardPage .student-activity-timeline-item *{
        min-width: 0;
        max-width: 100%;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        word-break: normal !important;
        overflow-wrap: anywhere;
    }

    #studentDashboardPage .student-notice-clean{
        display: block;
        width: 100%;
        padding: 10px;
        border-radius: 11px;
        text-align: right;
    }

    #studentDashboardPage .student-notice-clean-head{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 7px;
    }

    #studentDashboardPage .student-notice-clean-head strong{
        flex: 1 1 auto;
        color: #173c31;
        font-size: 12px !important;
        line-height: 1.55;
        white-space: normal;
    }

    #studentDashboardPage .student-notice-clean p{
        margin: 5px 0 0;
        color: #55665e;
        font-size: 10px;
        line-height: 1.6;
        white-space: normal;
    }

    #studentDashboardPage .student-notice-clean small{
        display: block;
        margin-top: 5px;
        color: #849089;
        font-size: 8px;
    }

    #studentDashboardPage .student-activity-timeline-item{
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 9px;
        width: 100%;
        padding: 10px;
        border-radius: 11px;
    }

    #studentDashboardPage .student-activity-dot{
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        border-radius: 10px;
    }

    #studentDashboardPage .student-activity-body{
        display: block;
        min-width: 0;
    }

    #studentDashboardPage .student-activity-body strong{
        display: block;
        color: #173c31;
        font-size: 12px;
        line-height: 1.5;
        white-space: normal;
    }

    #studentDashboardPage .student-activity-body small,
#studentDashboardPage .student-activity-body time{
        display: block;
        margin-top: 3px;
        color: #77837d;
        font-size: 9px;
        line-height: 1.5;
        white-space: normal;
    }

    #studentDashboardPage .student-forum-card{
        padding: 13px;
        border-radius: 17px;
    }

    #studentDashboardPage .student-forum-card .student-card-head h2{
        font-size: 18px;
    }

    #studentDashboardPage .student-forum-stats{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    #studentDashboardPage .student-forum-stats > span{
        display: block;
        min-width: 0;
        padding: 12px 8px;
        border-radius: 12px;
        text-align: center;
        white-space: normal;
        writing-mode: horizontal-tb !important;
        word-break: normal;
        overflow-wrap: anywhere;
        color: #65736c;
        font-size: 11px;
        font-weight: 900;
        line-height: 1.4;
    }

    #studentDashboardPage .student-forum-stats > span b{
        display: block;
        margin-bottom: 6px;
        color: #173c31;
        font-size: 22px;
        line-height: 1;
    }

    #studentDashboardPage .student-forum-card .student-card-actions{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 430px) {
    #studentDashboardPage .sd-card-pair-homework-grades,
#studentDashboardPage .sd-card-pair-online-center{
        gap: 6px;
    }

    #studentDashboardPage .sd-card-pair-homework-grades .student-dash-card,
#studentDashboardPage .sd-card-pair-online-center .student-dash-card{
        padding: 9px 8px;
    }

    #studentDashboardPage .sd-card-pair-homework-grades .student-card-head h2,
#studentDashboardPage .sd-card-pair-online-center .student-card-head h2{
        font-size: 14px;
    }

    #studentDashboardPage .student-payment-operations > div{
        grid-template-columns: 1fr;
        gap: 2px;
    }

    #studentDashboardPage .student-notice-clean-head strong,
#studentDashboardPage .student-activity-body strong{
        font-size: 11.5px !important;
    }
}

/* =========================================================
   STUDENT_DASHBOARD_PHASE2O_CARD_SURFACE_POLISH
   Scoped surface, center card, and payments polish
   ========================================================= */

#studentDashboardPage .sd-dashboard-surface{
    background:
        linear-gradient(180deg, #f7f1e6 0%, #f4eddf 100%) !important;
    border-color: #e5dac7 !important;
}

#studentDashboardPage .student-dash-card,
#studentDashboardPage .sd-focus-primary,
#studentDashboardPage .sd-timeline-card,
#studentDashboardPage .sd-quick-actions{
    background-color: #fff !important;
}

/* Center card: stronger and cleaner internal stats */
#studentDashboardPage .student-center-card{
    background:
        radial-gradient(circle at 100% 0%, rgba(45, 122, 87, .08), transparent 34%),
        #fff !important;
}

#studentDashboardPage .student-center-card .sd-compact-card-stats{
    gap: 10px;
}

#studentDashboardPage .student-center-card .sd-compact-card-stats > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid #d8e7df;
    border-radius: 14px;
    background: linear-gradient(180deg, #fbfefc, #f4faf6);
}

#studentDashboardPage .student-center-card .sd-compact-card-stats small,
#studentDashboardPage .student-center-card .sd-compact-card-stats strong{
    margin: 0;
    min-width: 0;
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
    overflow-wrap: anywhere;
}

#studentDashboardPage .student-center-card .sd-compact-card-stats small{
    color: #65776d;
    font-size: 10px;
    font-weight: 900;
}

#studentDashboardPage .student-center-card .sd-compact-card-stats strong{
    color: #173c31;
    font-size: 13px;
    font-weight: 950;
    line-height: 1.45;
    text-align: left;
}

/* Payments card: same structured visual language on desktop and mobile */
#studentDashboardPage .student-subscription-card .student-subscription-summary{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 10px;
}

#studentDashboardPage .student-subscription-card .student-subscription-summary > div{
    padding: 14px;
    border: 1px solid #e7dcc8;
    border-radius: 15px;
    background: linear-gradient(180deg, #fffaf0, #faf5eb);
}

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

#studentDashboardPage .student-subscription-card .student-subscription-summary span{
    display: block;
    margin-top: 7px;
    color: #69736e;
    font-size: 11px;
    font-weight: 900;
}

#studentDashboardPage .student-subscription-card .student-payment-operations{
    display: grid;
    gap: 0;
    margin-top: 8px;
    overflow: hidden;
    border: 1px solid #e8decd;
    border-radius: 14px;
    background: #fffdf8;
}

#studentDashboardPage .student-subscription-card .student-payment-operations > div{
    display: grid;
    grid-template-columns: minmax(145px, .38fr) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid #eee6d8;
}

#studentDashboardPage .student-subscription-card .student-payment-operations > div:last-child{
    border-bottom: 0;
}

#studentDashboardPage .student-subscription-card .student-payment-operations span,
#studentDashboardPage .student-subscription-card .student-payment-operations strong{
    min-width: 0;
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
    overflow-wrap: anywhere;
}

#studentDashboardPage .student-subscription-card .student-payment-operations span{
    color: #7b827e;
    font-size: 10px;
    font-weight: 900;
}

#studentDashboardPage .student-subscription-card .student-payment-operations strong{
    color: #173c31;
    font-size: 11px;
    font-weight: 950;
    line-height: 1.45;
}

@media (max-width: 760px) {
    #studentDashboardPage .sd-dashboard-surface{
        background:
            linear-gradient(180deg, #f7f1e6 0%, #f4eddf 100%) !important;
    }

    #studentDashboardPage .student-center-card .sd-compact-card-stats{
        grid-template-columns: 1fr !important;
        gap: 7px;
    }

    #studentDashboardPage .student-center-card .sd-compact-card-stats > div{
        display: grid;
        grid-template-columns: minmax(72px, .42fr) minmax(0, 1fr);
        gap: 8px;
        padding: 9px 10px;
    }

    #studentDashboardPage .student-center-card .sd-compact-card-stats small{
        font-size: 8px;
    }

    #studentDashboardPage .student-center-card .sd-compact-card-stats strong{
        font-size: 10px;
        text-align: right;
    }

    #studentDashboardPage .student-subscription-card .student-subscription-summary{
        gap: 7px;
    }

    #studentDashboardPage .student-subscription-card .student-subscription-summary > div{
        padding: 10px 8px;
        border-radius: 11px;
    }

    #studentDashboardPage .student-subscription-card .student-subscription-summary b{
        font-size: 18px;
    }

    #studentDashboardPage .student-subscription-card .student-subscription-summary span{
        margin-top: 5px;
        font-size: 8px;
    }

    #studentDashboardPage .student-subscription-card .student-payment-operations > div{
        grid-template-columns: minmax(110px, .42fr) minmax(0, 1fr);
        gap: 7px;
        padding: 7px 8px;
    }

    #studentDashboardPage .student-subscription-card .student-payment-operations span{
        font-size: 8px;
    }

    #studentDashboardPage .student-subscription-card .student-payment-operations strong{
        font-size: 9px;
    }
}

@media (max-width: 430px) {
    #studentDashboardPage .student-center-card .sd-compact-card-stats > div{
        grid-template-columns: 1fr;
        gap: 3px;
    }

    #studentDashboardPage .student-subscription-card .student-payment-operations > div{
        grid-template-columns: 1fr;
        gap: 2px;
    }
}

/* =========================================================
   STUDENT_DASHBOARD_PHASE2P_REMOVE_ACHIEVEMENTS_FLASH
   Distinct surface for overview + quick actions only
   ========================================================= */
#studentDashboardPage .sd-post-hero-zone{
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid #e3d7c3;
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.82), transparent 34%),
        linear-gradient(180deg, #f6efe3 0%, #efe5d5 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.78),
        0 14px 30px rgba(80,61,34,.055);
}
#studentDashboardPage .sd-post-hero-zone .sd-overview,
#studentDashboardPage .sd-post-hero-zone .sd-quick-actions{ margin: 0; }
#studentDashboardPage .sd-post-hero-zone .sd-overview-card,
#studentDashboardPage .sd-post-hero-zone .sd-quick-actions{ background: #fff !important; }
@media (max-width: 760px) {
    #studentDashboardPage .sd-post-hero-zone{
        gap: 9px;
        padding: 9px;
        border-radius: 18px;
    }
}

/* STUDENT_DASHBOARD_THREE_CARDS_V1_SINGLE_BLOCK */
#studentDashboardPage .sd3c-tasks-panel,
#studentDashboardPage .sd3c-courses-card,
#studentDashboardPage .sd3c-grades-card{
    min-width: 0;
    font-family: Cairo, system-ui, sans-serif;
    overflow: hidden;
    border: 1px solid #e5e0d5;
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0%, rgba(45,122,87,.055), transparent 34%),
        #fff;
    box-shadow: 0 12px 30px rgba(34,69,53,.055);
}

#studentDashboardPage .sd3c-tasks-panel a,
#studentDashboardPage .sd3c-tasks-panel button,
#studentDashboardPage .sd3c-tasks-panel input,
#studentDashboardPage .sd3c-courses-card a,
#studentDashboardPage .sd3c-courses-card button,
#studentDashboardPage .sd3c-courses-card input,
#studentDashboardPage .sd3c-grades-card a,
#studentDashboardPage .sd3c-grades-card button,
#studentDashboardPage .sd3c-grades-card input{
    font-family: inherit;
}

#studentDashboardPage .sd3c-tasks-panel{
    min-height: 190px;
    padding: 14px;
    display: flex;
    flex-direction: column;
}

#studentDashboardPage .sd3c-tasks-head,
#studentDashboardPage .sd3c-card-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

#studentDashboardPage .sd3c-tasks-head > div{ min-width: 0; }

#studentDashboardPage .sd3c-tasks-head span{
    display: block;
    color: #b17a24;
    font-size: 11px;
    font-weight: 900;
}

#studentDashboardPage .sd3c-tasks-head h3{
    margin: 2px 0 0;
    color: #143d30;
    font-size: 18px;
    line-height: 1.3;
}

#studentDashboardPage .sd3c-tasks-head > strong,
#studentDashboardPage .sd3c-count-badge{
    flex: 0 0 auto;
    min-width: 34px;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #1c674a, #2e805e);
    font-size: 10px;
    font-weight: 950;
    white-space: nowrap;
}

#studentDashboardPage .sd3c-task-list{
    margin-top: 10px;
    display: grid;
    gap: 7px;
}

#studentDashboardPage .sd3c-task-row{
    min-width: 0;
    min-height: 54px;
    padding: 8px 9px;
    border: 1px solid #e8ece8;
    border-radius: 13px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    color: inherit;
    text-decoration: none;
    background: #fcfdfc;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#studentDashboardPage .sd3c-task-row:hover,
#studentDashboardPage .sd3c-course-row:hover{
    transform: translateY(-1px);
    border-color: #cfded5;
    box-shadow: 0 7px 18px rgba(31,82,60,.07);
}

#studentDashboardPage .sd3c-task-icon{
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: #f4ead6;
    color: #8f661f;
    font-size: 14px;
    font-weight: 950;
}

#studentDashboardPage .sd3c-task-copy{
    min-width: 0;
    display: grid;
    gap: 2px;
}

#studentDashboardPage .sd3c-task-copy strong,
#studentDashboardPage .sd3c-task-copy small{
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#studentDashboardPage .sd3c-task-copy strong{
    color: #153e30;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.5;
}

#studentDashboardPage .sd3c-task-copy small{
    color: #79867f;
    font-size: 10px;
    font-weight: 800;
}

#studentDashboardPage .sd3c-task-row > em{
    max-width: 94px;
    padding: 4px 7px;
    border-radius: 999px;
    color: #1f664b;
    background: #eaf6ef;
    font-size: 10px;
    font-style: normal;
    font-weight: 850;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#studentDashboardPage .sd3c-task-row > em.neutral{
    color: #6d675a;
    background: #f4f1ea;
}

#studentDashboardPage .sd3c-task-empty,
#studentDashboardPage .sd3c-course-empty,
#studentDashboardPage .sd3c-grade-empty{
    min-height: 90px;
    padding: 14px;
    border: 1px dashed #d9e2dc;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #fafcfb;
    text-align: right;
}

#studentDashboardPage .sd3c-task-empty > span,
#studentDashboardPage .sd3c-course-empty > span,
#studentDashboardPage .sd3c-grade-empty > span{
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: #1f684e;
    background: #eaf6ef;
    font-weight: 950;
}

#studentDashboardPage .sd3c-task-empty strong,
#studentDashboardPage .sd3c-course-empty strong,
#studentDashboardPage .sd3c-grade-empty strong,
#studentDashboardPage .sd3c-task-empty small,
#studentDashboardPage .sd3c-course-empty small,
#studentDashboardPage .sd3c-grade-empty small{
    display: block;
}

#studentDashboardPage .sd3c-task-empty strong,
#studentDashboardPage .sd3c-course-empty strong,
#studentDashboardPage .sd3c-grade-empty strong{
    color: #173d30;
    font-size: 11px;
}

#studentDashboardPage .sd3c-task-empty small,
#studentDashboardPage .sd3c-course-empty small,
#studentDashboardPage .sd3c-grade-empty small{
    margin-top: 2px;
    color: #7d8982;
    font-size: 9px;
}

#studentDashboardPage .sd3c-card-footer{
    width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    margin-top: auto;
    padding: 8px 14px;
    border: 1px solid #eadfc9;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #174c39;
    background:
        linear-gradient(180deg, #fffdf8 0%, #fbf5e8 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        0 5px 14px rgba(84,66,30,.035);
    text-decoration: none;
    font-size: 10px;
    font-weight: 900;
    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

#studentDashboardPage .sd3c-card-footer:hover{
    transform: translateY(-1px);
    border-color: #dec894;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 7px 16px rgba(84,66,30,.06);
}

#studentDashboardPage .sd3c-grades-card .sd3c-card-footer{
    margin-top: 14px;
}

#studentDashboardPage .sd3c-card-footer em{
    min-width: 23px;
    height: 23px;
    padding: 0 6px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    background: #1c674a;
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
}

#studentDashboardPage .sd3c-courses-card,
#studentDashboardPage .sd3c-grades-card{
    padding: 16px;
}

#studentDashboardPage .sd3c-course-list{
    margin-top: 11px;
    display: grid;
    gap: 8px;
}

#studentDashboardPage .sd3c-course-row{
    min-width: 0;
    padding: 9px;
    border: 1px solid #e7ebe8;
    border-radius: 14px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 24px;
    gap: 9px;
    align-items: center;
    color: inherit;
    text-decoration: none;
    background: #fcfdfc;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#studentDashboardPage .sd3c-course-thumb{
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #164e39, #2d805d);
    color: #fff;
}

#studentDashboardPage .sd3c-course-thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#studentDashboardPage .sd3c-course-copy{
    min-width: 0;
    display: grid;
    gap: 3px;
}

#studentDashboardPage .sd3c-course-copy strong,
#studentDashboardPage .sd3c-course-copy small,
#studentDashboardPage .sd3c-course-copy em{
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#studentDashboardPage .sd3c-course-copy strong{
    color: #143d30;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 950;
}

#studentDashboardPage .sd3c-course-copy small{
    color: #75847b;
    font-size: 9px;
    line-height: 1.4;
}

#studentDashboardPage .sd3c-course-copy em{
    justify-self: start;
    max-width: 100%;
    padding: 3px 6px;
    border-radius: 999px;
    color: #216749;
    background: #eaf6ef;
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
}

#studentDashboardPage .sd3c-course-open{
    position: relative;
    width: 28px;
    height: 28px;
    border: 1px solid #ead6a8;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #fffdf7, #f6ead1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 4px 10px rgba(125,89,27,.08);
}

#studentDashboardPage .sd3c-course-open::before{
    content: "";
    width: 7px;
    height: 7px;
    border-inline-start: 2px solid #8a6728;
    border-block-end: 2px solid #8a6728;
    transform: rotate(45deg);
    margin-inline-start: 2px;
}

#studentDashboardPage .sd3c-grade-hero{
    margin-top: 11px;
    padding: 13px 14px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f4faf6, #fffaf0);
}

#studentDashboardPage .sd3c-grade-score{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 9px;
    align-items: center;
}

#studentDashboardPage .sd3c-grade-score > span{
    color: #687971;
    font-size: 11px;
    font-weight: 900;
}

#studentDashboardPage .sd3c-grade-score > strong{
    color: #164e39;
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
}

#studentDashboardPage .sd3c-grade-score > em{
    padding: 4px 7px;
    border-radius: 999px;
    color: #7d5b1b;
    background: #f7e8c7;
    font-size: 10px;
    font-style: normal;
    font-weight: 850;
    white-space: nowrap;
}

#studentDashboardPage .sd3c-grade-track{
    height: 8px;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #e5e0d4;
}

#studentDashboardPage .sd3c-grade-track > i{
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2f855f, #d9aa43);
}

#studentDashboardPage .sd3c-grade-stats{
    margin-top: 9px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

#studentDashboardPage .sd3c-grade-stats > div{
    min-width: 0;
    padding: 10px 11px;
    border: 1px solid #e7ebe8;
    border-radius: 13px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

#studentDashboardPage .sd3c-grade-stats small{
    min-width: 0;
    color: #748178;
    font-size: 10px;
    font-weight: 850;
}

#studentDashboardPage .sd3c-grade-stats strong{
    flex: 0 0 auto;
    color: #174b38;
    font-size: 19px;
    line-height: 1;
}

#studentDashboardPage .sd3c-last-exam{
    min-width: 0;
    margin-top: 9px;
    padding: 9px 10px;
    border: 1px solid #eee7d8;
    border-radius: 13px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    background: #fffaf1;
}

#studentDashboardPage .sd3c-last-exam-icon{
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: #8c651f;
    background: #f5e7c8;
    font-weight: 950;
}

#studentDashboardPage .sd3c-last-exam > span:nth-child(2){
    min-width: 0;
    display: grid;
    gap: 2px;
}

#studentDashboardPage .sd3c-last-exam small{
    color: #8b7b61;
    font-size: 9px;
    font-weight: 850;
}

#studentDashboardPage .sd3c-last-exam strong{
    min-width: 0;
    color: #173d30;
    font-size: 11px;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#studentDashboardPage .sd3c-last-exam > b{
    padding: 5px 8px;
    border-radius: 9px;
    color: #174e39;
    background: #eaf6ef;
    font-size: 10px;
    white-space: nowrap;
}

@media (max-width: 760px) {
    #studentDashboardPage .sd3c-tasks-panel,
#studentDashboardPage .sd3c-courses-card,
#studentDashboardPage .sd3c-grades-card{
        padding: 12px;
        border-radius: 17px;
    }

    #studentDashboardPage .sd3c-tasks-head h3{ font-size: 15px; }

    #studentDashboardPage .sd3c-task-row{
        grid-template-columns: 32px minmax(0, 1fr) auto;
        min-height: 50px;
        padding: 7px 8px;
    }

    #studentDashboardPage .sd3c-task-icon{
        width: 32px;
        height: 32px;
    }

    #studentDashboardPage .sd3c-task-copy strong{ font-size: 11px; }
    #studentDashboardPage .sd3c-task-copy small{ font-size: 9px; }

    #studentDashboardPage .sd3c-task-row > em{
        max-width: 72px;
        padding-inline: 6px;
        font-size: 7px;
    }

    #studentDashboardPage .sd3c-course-row{
        grid-template-columns: 42px minmax(0, 1fr) 22px;
        padding: 8px;
    }

    #studentDashboardPage .sd3c-course-thumb{
        width: 42px;
        height: 42px;
    }

    #studentDashboardPage .sd3c-course-copy strong{ font-size: 12px; }

    #studentDashboardPage .sd3c-grade-score{
        grid-template-columns: minmax(0, 1fr) auto;
    }

    #studentDashboardPage .sd3c-grade-score > em{
        grid-column: 1 / -1;
        justify-self: start;
    }

    #studentDashboardPage .sd3c-grade-score > strong{ font-size: 27px; }

    #studentDashboardPage .sd3c-last-exam{
        grid-template-columns: 30px minmax(0, 1fr) auto;
    }
}

@media (max-width: 430px) {
    #studentDashboardPage .sd3c-grades-card,
#studentDashboardPage .sd3c-courses-card{
        padding: 11px 10px;
    }

    #studentDashboardPage .sd3c-grades-card .sd3c-card-head,
#studentDashboardPage .sd3c-courses-card .sd3c-card-head{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
        align-items: start;
    }

    #studentDashboardPage .sd3c-grades-card .sd3c-card-head > div,
#studentDashboardPage .sd3c-courses-card .sd3c-card-head > div{
        min-width: 0;
    }

    #studentDashboardPage .sd3c-grades-card .student-card-kicker,
#studentDashboardPage .sd3c-courses-card .student-card-kicker{
        display: block;
        font-size: 8px;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #studentDashboardPage .sd3c-grades-card .sd3c-card-head h2,
#studentDashboardPage .sd3c-courses-card .sd3c-card-head h2{
        margin: 2px 0 0;
        font-size: 17px;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #studentDashboardPage .sd3c-grades-card .sd3c-count-badge,
#studentDashboardPage .sd3c-courses-card .sd3c-count-badge{
        justify-self: start;
        min-width: 0;
        min-height: 25px;
        padding: 4px 8px;
        font-size: 8px;
    }

    #studentDashboardPage .sd3c-grade-hero{
        margin-top: 9px;
        padding: 11px 10px;
        border-radius: 14px;
    }

    #studentDashboardPage .sd3c-grade-score{
        display: grid;
        grid-template-columns: 1fr;
        gap: 3px;
        justify-items: start;
    }

    #studentDashboardPage .sd3c-grade-score > span{
        font-size: 8px;
        line-height: 1.35;
        white-space: nowrap;
    }

    #studentDashboardPage .sd3c-grade-score > strong{
        font-size: 30px;
        line-height: 1;
    }

    #studentDashboardPage .sd3c-grade-score > em{
        grid-column: auto;
        justify-self: start;
        margin-top: 2px;
        padding: 4px 7px;
        font-size: 8px;
    }

    #studentDashboardPage .sd3c-grade-track{
        height: 6px;
        margin-top: 9px;
    }

    #studentDashboardPage .sd3c-grade-stats{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    #studentDashboardPage .sd3c-grade-stats > div{
        min-width: 0;
        min-height: 66px;
        padding: 8px 6px;
        display: grid;
        justify-items: center;
        align-content: center;
        gap: 5px;
        text-align: center;
    }

    #studentDashboardPage .sd3c-grade-stats small{
        max-width: 100%;
        font-size: 7.5px;
        line-height: 1.35;
        white-space: normal;
        word-break: normal;
    }

    #studentDashboardPage .sd3c-grade-stats strong{
        font-size: 19px;
        line-height: 1;
    }

    #studentDashboardPage .sd3c-last-exam{
        padding: 8px;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 7px;
    }

    #studentDashboardPage .sd3c-last-exam-icon{
        width: 28px;
        height: 28px;
    }

    #studentDashboardPage .sd3c-last-exam small{
        font-size: 7.5px;
    }

    #studentDashboardPage .sd3c-last-exam strong{
        font-size: 9px;
        line-height: 1.4;
    }

    #studentDashboardPage .sd3c-last-exam > b{
        grid-column: 2;
        justify-self: start;
        padding: 4px 7px;
        font-size: 8px;
    }

    #studentDashboardPage .sd3c-course-list{
        margin-top: 9px;
        gap: 7px;
    }

    #studentDashboardPage .sd3c-course-row{
        min-height: 62px;
        padding: 7px;
        grid-template-columns: 38px minmax(0, 1fr) 28px;
        gap: 7px;
        border-radius: 12px;
    }

    #studentDashboardPage .sd3c-course-thumb{
        width: 38px;
        height: 38px;
        border-radius: 10px;
    }

    #studentDashboardPage .sd3c-course-copy{
        min-width: 0;
        gap: 2px;
    }

    #studentDashboardPage .sd3c-course-copy strong{
        font-size: 10px;
        line-height: 1.35;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #studentDashboardPage .sd3c-course-copy small{
        font-size: 7.5px;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #studentDashboardPage .sd3c-course-copy em{
        max-width: 100%;
        padding: 2px 5px;
        font-size: 7px;
    }

    #studentDashboardPage .sd3c-course-open{
        width: 26px;
        height: 26px;
    }

    #studentDashboardPage .sd3c-course-open::before{
        width: 6px;
        height: 6px;
    }

    #studentDashboardPage .sd3c-task-row{
        grid-template-columns: 30px minmax(0, 1fr);
    }

    #studentDashboardPage .sd3c-task-row > em{
        grid-column: 2;
        justify-self: start;
        max-width: 100%;
    }
}
/* END_STUDENT_DASHBOARD_THREE_CARDS_V1_SINGLE_BLOCK */

/* =========================================================
   STUDENT_DASHBOARD_CANONICAL_HERO_LAYOUT_R7H
   Ownership: Student dashboard only.
   Consolidated from historical global patches after reachability/cascade audit.
   ========================================================= */

@media (max-width: 768px) {
    .student-dashboard-v2{
        gap: 12px !important;
    }

    .student-dashboard-v2 .student-hero-card{
        padding: 26px 18px 18px !important;
        gap: 14px !important;
        border-radius: 22px !important;
        min-height: auto !important;
    }

    .student-dashboard-v2 .student-hero-card h1{
        margin: 0 0 8px !important;
        font-size: 28px !important;
        line-height: 1.18 !important;
    }

    .student-dashboard-v2 .student-hero-card + *{
        margin-top: 0 !important;
    }

    .student-dashboard-v2 .student-notifications-card{
        margin-top: 8px !important;
    }

    .student-dashboard-v2 .student-notifications-card,
.student-dashboard-v2 .student-dash-card{
        padding: 16px !important;
        border-radius: 18px !important;
    }
}

@media (min-width: 769px) {
    .student-dashboard-v2{
        gap: 14px !important;
    }

    .student-dashboard-v2 .student-hero-card{
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
        align-items: start !important;
        padding: 30px 34px !important;
        min-height: 0 !important;
        border-radius: 28px !important;
    }

    .student-dashboard-v2 .student-hero-card h1{
        margin: 0 !important;
        font-size: clamp(34px, 3.1vw, 48px) !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
    }

    .student-dashboard-v2 .student-hero-card + *{
        margin-top: 0 !important;
    }
}

@media (min-width: 769px) and (max-width: 1150px) {
    .student-dashboard-v2 .student-hero-card{
        padding: 26px 28px !important;
    }

    .student-dashboard-v2 .student-hero-card h1{
        white-space: normal !important;
        font-size: clamp(30px, 3vw, 40px) !important;
    }
}

/* END_STUDENT_DASHBOARD_CANONICAL_HERO_LAYOUT_R7H */