/*
BioGurukul Student Dashboard Compact UI v9.9.0
Author: Abhishek Das
*/

/* Overall density */
body.bgk-student-dashboard-compact-v99 .bgk-sd1010-wrap,
.bgk-sd1010-wrap{
    padding:14px 10px 32px!important;
    background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-shell,
.bgk-sd1010-shell{
    width:min(1320px,100%)!important;
}

/* Compact hero */
body.bgk-student-dashboard-compact-v99 .bgk-sd1010-hero,
.bgk-sd1010-hero{
    grid-template-columns:minmax(0,1fr) minmax(300px,.30fr)!important;
    gap:14px!important;
    padding:18px!important;
    border-radius:22px!important;
    margin-bottom:12px!important;
    box-shadow:0 12px 36px rgba(15,23,42,.08)!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-eyebrow,
.bgk-sd1010-eyebrow{
    padding:6px 10px!important;
    font-size:11px!important;
    margin-bottom:8px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-hero h1,
.bgk-sd1010-hero h1{
    font-size:clamp(25px,2.8vw,38px)!important;
    line-height:1.08!important;
    margin-bottom:8px!important;
    letter-spacing:-.9px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-hero p,
.bgk-sd1010-hero p{
    font-size:14px!important;
    line-height:1.55!important;
    max-width:820px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-hero-actions,
.bgk-sd1010-hero-actions{
    margin-top:12px!important;
    gap:8px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-hero-actions a,
.bgk-sd1010-hero-actions a{
    min-height:36px!important;
    padding:9px 15px!important;
    font-size:12px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-access-card,
.bgk-sd1010-access-card{
    padding:14px!important;
    border-radius:18px!important;
    gap:5px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-access-card > span,
.bgk-sd1010-access-card > span{
    padding:6px 9px!important;
    font-size:10.5px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-access-card strong,
.bgk-sd1010-access-card strong{
    font-size:18px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-access-card small,
.bgk-sd1010-access-card small{
    font-size:11.5px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-progress > div,
.bgk-sd1010-progress > div{
    height:7px!important;
}

/* Compact nav inserted by JS */
.bgk-sd1010-compact-nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    overflow-x:auto!important;
    padding:7px!important;
    margin:0 0 10px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.86)!important;
    border:1px solid #dfe7f2!important;
    box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
    box-sizing:border-box!important;
}

.bgk-sd1010-compact-nav a{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:32px!important;
    padding:7px 11px!important;
    border-radius:999px!important;
    background:#fff!important;
    border:1px solid #e5edf7!important;
    color:#0f172a!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:1000!important;
}

.bgk-sd1010-compact-nav a:hover,
.bgk-sd1010-compact-nav a.bgk-active{
    background:#2563eb!important;
    color:#fff!important;
    border-color:#2563eb!important;
}

/* Quick stats in one screen */
body.bgk-student-dashboard-compact-v99 .bgk-sd1010-quick-grid,
.bgk-sd1010-quick-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px!important;
    margin:10px 0!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-quick-grid div,
.bgk-sd1010-quick-grid div{
    min-height:62px!important;
    padding:10px!important;
    border-radius:16px!important;
    box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-quick-grid strong,
.bgk-sd1010-quick-grid strong{
    font-size:25px!important;
    margin-bottom:3px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-quick-grid span,
.bgk-sd1010-quick-grid span{
    font-size:11px!important;
    line-height:1.2!important;
}

/* Main layout: more in less space */
body.bgk-student-dashboard-compact-v99 .bgk-sd1010-main-grid,
.bgk-sd1010-main-grid{
    grid-template-columns:minmax(0,1fr) minmax(330px,.34fr)!important;
    gap:10px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-left,
body.bgk-student-dashboard-compact-v99 .bgk-sd1010-right,
.bgk-sd1010-left,
.bgk-sd1010-right{
    gap:10px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-panel,
.bgk-sd1010-panel{
    padding:14px!important;
    border-radius:18px!important;
    box-shadow:0 10px 28px rgba(15,23,42,.055)!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-panel-head,
.bgk-sd1010-panel-head{
    margin-bottom:9px!important;
    gap:8px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-panel h2,
body.bgk-student-dashboard-compact-v99 .bgk-sd1010-panel-head h2,
.bgk-sd1010-panel h2,
.bgk-sd1010-panel-head h2{
    font-size:18px!important;
    line-height:1.15!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-panel-head p,
.bgk-sd1010-panel-head p{
    font-size:12px!important;
    line-height:1.35!important;
    margin-top:2px!important;
}

/* Today plan compact */
body.bgk-student-dashboard-compact-v99 .bgk-sd1010-plan-grid,
.bgk-sd1010-plan-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-plan-grid > div,
.bgk-sd1010-plan-grid > div{
    padding:12px!important;
    border-radius:15px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-plan-grid span,
.bgk-sd1010-plan-grid span{
    width:26px!important;
    height:26px!important;
    font-size:12px!important;
    margin-bottom:7px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-plan-grid strong,
.bgk-sd1010-plan-grid strong{
    font-size:13px!important;
    margin-bottom:4px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-plan-grid a,
body.bgk-student-dashboard-compact-v99 .bgk-sd1010-plan-grid small,
.bgk-sd1010-plan-grid a,
.bgk-sd1010-plan-grid small{
    display:block!important;
    font-size:12px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* Courses: more cards per row */
body.bgk-student-dashboard-compact-v99 .bgk-sd1010-course-grid,
.bgk-sd1010-course-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-course-card,
.bgk-sd1010-course-card{
    min-height:120px!important;
    padding:12px!important;
    border-radius:15px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-course-card span,
body.bgk-student-dashboard-compact-v99 .bgk-sd1010-mini-link span,
.bgk-sd1010-course-card span,
.bgk-sd1010-mini-link span{
    padding:5px 8px!important;
    font-size:10px!important;
    margin-bottom:7px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-course-card strong,
.bgk-sd1010-course-card strong{
    font-size:14px!important;
    margin-bottom:5px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-course-card small,
.bgk-sd1010-course-card small{
    font-size:11.5px!important;
    line-height:1.35!important;
}

/* Lists: dense and readable */
body.bgk-student-dashboard-compact-v99 .bgk-sd1010-links-list,
.bgk-sd1010-links-list{
    gap:7px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-mini-link,
.bgk-sd1010-mini-link{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:9px!important;
    row-gap:2px!important;
    align-items:center!important;
    padding:9px 10px!important;
    min-height:56px!important;
    border-radius:14px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-mini-link span,
.bgk-sd1010-mini-link span{
    grid-row:1 / span 2!important;
    justify-content:center!important;
    margin:0!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-mini-link strong,
.bgk-sd1010-mini-link strong{
    font-size:13px!important;
    line-height:1.22!important;
    margin:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-mini-link small,
.bgk-sd1010-mini-link small{
    font-size:11px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* Right column compact */
body.bgk-student-dashboard-compact-v99 .bgk-sd1010-continue > a,
.bgk-sd1010-continue > a{
    padding:12px!important;
    border-radius:16px!important;
    margin-top:8px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-continue > a strong,
.bgk-sd1010-continue > a strong{
    font-size:14px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-complete-form button,
.bgk-sd1010-complete-form button{
    min-height:36px!important;
    margin-top:8px!important;
    font-size:12px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-topic-pills,
.bgk-sd1010-topic-pills{
    gap:6px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-topic-pills span,
.bgk-sd1010-topic-pills span{
    padding:6px 8px!important;
    font-size:10.5px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-tools,
.bgk-sd1010-tools{
    gap:7px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-tools a,
.bgk-sd1010-tools a{
    min-height:36px!important;
    padding:9px 12px!important;
    border-radius:14px!important;
    font-size:12px!important;
}

body.bgk-student-dashboard-compact-v99 .bgk-sd1010-empty,
.bgk-sd1010-empty{
    padding:11px!important;
    border-radius:13px!important;
    font-size:12px!important;
}

/* Responsive */
@media(max-width:1120px){
    body.bgk-student-dashboard-compact-v99 .bgk-sd1010-main-grid,
    .bgk-sd1010-main-grid{
        grid-template-columns:1fr!important;
    }
    body.bgk-student-dashboard-compact-v99 .bgk-sd1010-hero,
    .bgk-sd1010-hero{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:900px){
    body.bgk-student-dashboard-compact-v99 .bgk-sd1010-course-grid,
    .bgk-sd1010-course-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.bgk-student-dashboard-compact-v99 .bgk-sd1010-quick-grid,
    .bgk-sd1010-quick-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:640px){
    body.bgk-student-dashboard-compact-v99 .bgk-sd1010-wrap,
    .bgk-sd1010-wrap{
        padding:10px 8px 28px!important;
    }
    body.bgk-student-dashboard-compact-v99 .bgk-sd1010-hero,
    body.bgk-student-dashboard-compact-v99 .bgk-sd1010-panel,
    .bgk-sd1010-hero,
    .bgk-sd1010-panel{
        padding:14px!important;
        border-radius:18px!important;
    }
    body.bgk-student-dashboard-compact-v99 .bgk-sd1010-plan-grid,
    body.bgk-student-dashboard-compact-v99 .bgk-sd1010-course-grid,
    .bgk-sd1010-plan-grid,
    .bgk-sd1010-course-grid{
        grid-template-columns:1fr!important;
    }
    body.bgk-student-dashboard-compact-v99 .bgk-sd1010-panel-head,
    .bgk-sd1010-panel-head{
        align-items:flex-start!important;
        flex-direction:column!important;
        gap:3px!important;
    }
    body.bgk-student-dashboard-compact-v99 .bgk-sd1010-hero-actions a,
    .bgk-sd1010-hero-actions a{
        width:100%!important;
    }
}
