@import url("qcm.css");
/* LAWAPAN Campus v5 — production/admin additions */
.install-card.wide{max-width:1050px}.mysql-fields{border:1px solid #dfe6ee;border-radius:16px;padding:18px;margin:4px 0}.mysql-fields legend{font-weight:800;padding:0 8px}.v5-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.v5-content-block{background:#fff;border:1px solid #e5e9ef;border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(6,27,49,.06)}.v5-content-block img{width:100%;max-height:260px;object-fit:cover;border-radius:14px;margin-bottom:16px}.v5-content-block h2{margin:.2rem 0 .6rem}.v5-content-block p{line-height:1.7}.stat-card small{display:block;margin-top:8px;font-size:.72rem;color:#5f6d79;word-break:break-word}.health-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;background:#eef7ef}.admin-search-fab{position:fixed;right:18px;bottom:18px;z-index:30}@media(max-width:760px){.install-card.wide{max-width:96%}.v5-section-grid{grid-template-columns:1fr}}
.dash-nav-grouped{padding:8px}.dash-nav-group{padding:4px 0 9px;border-bottom:1px solid #edf1f4}.dash-nav-group:last-child{border-bottom:0}.dash-nav-heading{display:block;padding:8px 12px 5px;color:#8293a2;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.dash-nav-group a{font-size:13px;padding:9px 12px}.student-dashboard{min-width:0}.student-welcome-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:18px;margin-bottom:20px}.resume-card,.focus-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 10px 28px rgba(10,42,66,.06)}.resume-card{background:linear-gradient(135deg,#0b2948,#124f7c);color:#fff}.resume-card .eyebrow{color:#f7bd65}.resume-card h2{font-size:26px;margin:2px 0 8px}.resume-card p{color:#d4e3ed;margin:0 0 20px}.focus-card .eyebrow{margin-bottom:8px}.focus-row{display:flex;gap:10px;align-items:baseline;border-bottom:1px solid var(--line);padding:10px 0}.focus-row b{font-size:28px;color:var(--navy)}.focus-row span{color:var(--muted);font-size:13px}.text-link{color:var(--blue);font-size:13px;font-weight:850}.focus-card .text-link{display:block;margin-top:15px}.student-kpis{margin-bottom:28px}.student-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);gap:24px;align-items:start}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-title-row h2,.section-title-row h3{margin:0}.dashboard-subheading{margin-top:32px;margin-bottom:12px}.student-side-stack{display:grid;gap:16px}.task-item{display:grid;gap:3px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink)}.task-item:last-child{border-bottom:0}.task-item small{font-size:12px;color:var(--muted)}.calendar-page{min-width:0}.calendar-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.calendar-toolbar h2{margin:0 0 5px}.calendar-legend{display:flex;gap:14px;color:var(--muted);font-size:12px}.calendar-legend span{display:flex;align-items:center;gap:6px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.live{background:var(--orange)}.dot.task{background:#2c8c5b}.calendar-day{display:grid;grid-template-columns:145px 1fr;gap:22px;padding:20px 0;border-top:1px solid var(--line)}.calendar-date{display:flex;gap:10px;align-items:center}.calendar-date b{font-size:30px;color:var(--navy);line-height:1}.calendar-date span{font-size:13px;color:var(--muted);text-transform:capitalize}.calendar-events{display:grid;gap:10px}.calendar-event{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:13px;padding:14px 16px}.calendar-event.task{border-left-color:#2c8c5b}.event-icon{width:34px;height:34px;border-radius:10px;background:#fff4e3;color:var(--orange);display:grid;place-items:center;font-weight:900;flex:none}.calendar-event.task .event-icon{background:#eaf7ef;color:#2c8c5b}.event-body{flex:1;min-width:0}.event-body .eyebrow{font-size:10px;margin-bottom:2px}.event-body h3{font-size:16px;margin:0 0 2px}.event-body p{margin:0;color:var(--muted);font-size:12px}.results-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.result-score{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.result-score span,.result-score small{display:block;color:var(--muted);font-size:12px}.result-score b{display:block;color:var(--navy);font-size:32px;margin:5px 0}.result-course{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:16px}.result-course h2{font-size:22px;margin:3px 0}.result-course .section-title-row>strong{color:var(--blue)}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:22px}.result-columns h3{font-size:15px;margin:0 0 10px}.result-line{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 0;font-size:13px}.result-line b{color:var(--navy);white-space:nowrap}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.certificate-mini{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:10px}.certificate-mini .eyebrow{margin:0}.certificate-mini h2{font-size:20px;margin:0;color:var(--navy)}.certificate-mini p{margin:0;color:var(--muted);font-size:13px}.certificate-mini code{padding:10px;background:#f4f7f9;border-radius:8px;color:var(--blue);font-size:12px}.course-head-meta{display:flex;justify-content:space-between;max-width:520px;margin:20px 0 8px;color:#cfe1ec}.course-head-meta b{font-size:18px;color:#fff}.course-section-block{margin-top:34px}.course-side-v3{position:sticky;top:100px}.course-lesson-row small{display:block}.lesson-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.lesson-breadcrumb>span{font-size:13px;color:var(--muted)}.lesson-progress-bar{height:6px;background:#dce6ec;border-radius:99px;overflow:hidden;margin-bottom:18px}.lesson-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#f6bc63);border-radius:99px}.lesson-meta{color:var(--muted);margin-top:-14px}.completion-confirmed{margin-top:22px;padding:13px 15px;border-radius:10px;background:#edf8f0;color:#207540;font-weight:750}.lesson-nav-row{display:flex;justify-content:space-between;gap:12px;margin:18px 0 28px}.lesson-nav-row>span{flex:1}.lesson-nav-row .btn{min-width:160px}.calendar-event .btn{white-space:nowrap}
@media(max-width:1000px){.student-main-grid{grid-template-columns:1fr}.course-side-v3{position:static}.certificate-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.student-welcome-grid,.results-summary,.result-columns,.certificate-grid{grid-template-columns:1fr}.calendar-toolbar{display:grid;align-items:start}.calendar-day{grid-template-columns:1fr;gap:10px}.calendar-date{align-items:baseline}.calendar-event{align-items:flex-start;flex-wrap:wrap}.calendar-event .btn{margin-left:47px}.lesson-breadcrumb{align-items:flex-start;display:grid}.lesson-nav-row{display:grid}.lesson-nav-row>span{display:none}.lesson-nav-row .btn{width:100%}.dash-nav-grouped{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.dash-nav-group{border-bottom:0}.dash-nav-heading{padding-left:8px}.dash-nav-group a{padding:8px}}