:root{
  --radius-lg: .75rem;
  --shadow-soft: 0 .5rem 1rem rgba(0,0,0,.06);
}
body{background:#f4f6f9;color:#1f2937}.fw-black{font-weight:700}.app-wrapper,.app-main{background:#f4f6f9}.app-content{padding-bottom:24px}.app-footer{background:#fff;border-top:1px solid #dee2e6}.page-title{font-weight:700;letter-spacing:-.02em}
.app-header{border-bottom:1px solid #dee2e6}.nav-icon-btn{width:38px;height:38px;border-radius:.5rem;display:grid;place-items:center;color:#495057}.navbar-school-logo{width:34px;height:34px;object-fit:contain;border-radius:.5rem;background:#fff;padding:3px}.navbar-school-name{color:#212529;font-weight:600}.status-pill{display:inline-flex;align-items:center;border-radius:50rem;padding:.35rem .7rem;font-size:.75rem;background:#d1e7dd;color:#0f5132}.status-pill.offline{background:#fff3cd;color:#664d03}.user-chip{border:1px solid #dee2e6;border-radius:50rem;background:#fff;padding:.25rem .5rem!important}.user-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0d6efd;color:#fff;font-weight:600}
.app-sidebar{background:#343a40!important}.sidebar-brand{border-bottom:1px solid rgba(255,255,255,.1)!important;margin:0!important;border-radius:0!important;background:transparent!important}.sidebar-brand .brand-image{width:34px;height:34px;border-radius:.5rem;background:#fff;object-fit:contain;padding:3px}.brand-text{font-weight:500!important;color:#fff}
.sidebar-adminlte-clean{padding:.5rem}.app-sidebar .sidebar-menu .nav-header{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#adb5bd;padding:.75rem .75rem .35rem}.app-sidebar .sidebar-menu .nav-link{border-radius:.5rem;color:#c2c7d0;min-height:38px;margin:1px 0;padding:.5rem .75rem;font-weight:400}.app-sidebar .sidebar-menu .nav-link p{font-size:.875rem;font-weight:400!important;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar .sidebar-menu .nav-link:hover{background:rgba(255,255,255,.08);color:#fff}.app-sidebar .sidebar-menu .nav-link.active{background:#0d6efd;color:#fff}.side-icon{width:1.35rem;min-width:1.35rem;display:inline-flex!important;align-items:center;justify-content:center;margin-right:.5rem;color:#6ea8fe!important;font-size:.72rem!important;font-weight:400!important}.app-sidebar .nav-link.active .side-icon{color:#fff!important}
.card,.modern-card{background:#fff;border:1px solid #dee2e6;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.modern-card{padding:1rem}.card-header{background:#fff;border-bottom:1px solid #e9ecef}.card-title,.card-header b,.modern-card h5{font-weight:600!important}.btn{border-radius:.45rem}.btn-soft{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.btn-soft:hover{background:#e9ecef}.form-control,.form-select{border-radius:.5rem}.table thead th{background:#f8f9fa;color:#495057;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #dee2e6}.table tbody td{border-color:#edf2f7}.table-responsive{background:#fff;border:1px solid #e9ecef;border-radius:.75rem}.empty-state{border:1px dashed #ced4da;border-radius:.75rem;background:#f8f9fa;color:#6c757d;text-align:center;padding:2rem}.action-bar{gap:.5rem}.logo-preview{width:58px;height:58px;object-fit:contain;border:1px solid #dee2e6;border-radius:.5rem;padding:5px;background:#fff}.cover-preview{width:100%;height:128px;object-fit:cover;border-radius:.75rem;border:1px solid #dee2e6}.receipt{border-radius:.75rem;box-shadow:var(--shadow-soft)}.scanner-hero{background:#111827;border-radius:.75rem;padding:.5rem}.scanner-hero video{border-radius:.5rem;min-height:300px;object-fit:cover}.scan-result-pill{display:inline-flex;align-items:center;border-radius:50rem;background:#e7f1ff;color:#084298;padding:.45rem .75rem;font-size:.8rem}.pos-total-card{background:#0d6efd;color:#fff;border-radius:.75rem;padding:1.25rem}.gradient-card{min-height:120px;border-radius:.75rem;color:#fff;padding:1.2rem;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.gradient-card .num{font-size:2rem;font-weight:700}.gradient-card .label{font-size:.875rem;opacity:.9}.gradient-card .icon{position:absolute;right:1rem;bottom:.75rem;font-size:2rem;opacity:.28}.gradient-blue{background:#0d6efd}.gradient-green{background:#198754}.gradient-cyan{background:#0dcaf0}.gradient-yellow{background:#ffc107;color:#212529}.gradient-red{background:#dc3545}.gradient-violet{background:#6f42c1}.report-summary-card{background:#fff;border:1px solid #dee2e6;border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-soft);height:100%}.report-summary-card .icon{width:42px;height:42px;border-radius:.5rem;display:grid;place-items:center;background:#e7f1ff;color:#0d6efd;font-size:1.25rem}.report-section{background:#fff;border:1px solid #dee2e6;border-radius:.75rem;box-shadow:var(--shadow-soft);overflow:hidden}.report-section-head{padding:1rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.report-section-title{display:flex;align-items:center;gap:.75rem}.report-section-title .tile-icon{width:40px;height:40px;border-radius:.5rem;display:grid;place-items:center;background:#e7f1ff;color:#0d6efd;font-size:1.15rem}.report-actions .btn{white-space:nowrap}
.id-card-print-area{width:100%}.id-card-shell{display:inline-block}.school-id-card{width:var(--id-w);height:var(--id-h);background:#fff;border:1px solid #b6c2cf;border-radius:3mm;box-shadow:0 .5rem 1.25rem rgba(0,0,0,.08);overflow:hidden;padding:3mm;display:flex;flex-direction:column;justify-content:space-between;color:#111827;position:relative}.school-id-card:before{content:"";position:absolute;left:0;right:0;top:0;height:8mm;background:#0d6efd}.id-card-top{display:flex;align-items:center;gap:2.2mm;position:relative;z-index:1;color:#fff;min-height:8mm}.id-card-logo{width:7mm;height:7mm;object-fit:contain;background:#fff;border-radius:1.5mm;padding:.7mm}.id-card-school{font-size:7.5pt;font-weight:600;line-height:1}.id-card-sub{font-size:5.2pt;letter-spacing:.08em;opacity:.9}.id-card-body{display:flex;align-items:center;justify-content:space-between;gap:2.5mm;position:relative;z-index:1;margin-top:2mm}.id-card-person{min-width:0;flex:1}.id-card-type{display:inline-block;border-radius:99px;background:#e7f1ff;color:#0d6efd;padding:.8mm 2mm;font-size:6pt;margin-bottom:1.3mm}.id-card-name{font-size:10.5pt;font-weight:600;line-height:1.15;max-width:42mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-card-code{font-size:8pt;color:#343a40;margin-top:.8mm}.id-card-info{font-size:6.5pt;color:#6c757d;text-transform:capitalize;margin-top:.5mm}.id-card-qr{text-align:center;font-size:5.8pt;color:#495057;max-width:34mm}.id-card-qr svg{width:31mm!important;height:31mm!important;display:block;margin:0 auto}.id-card-bottom{font-size:5.5pt;color:#6c757d;border-top:1px solid #e9ecef;padding-top:1mm}.single-id-card{display:flex;justify-content:center;padding:8mm}.single-id-card .school-id-card{box-shadow:none}
@media(max-width:767.98px){.app-content-header .breadcrumb{display:none}.navbar-school-name{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table{min-width:760px}.report-section-head{align-items:flex-start;flex-direction:column}.report-actions{width:100%;display:flex;gap:.5rem}.report-actions .btn{flex:1}.scanner-hero video{min-height:240px}.btn{min-height:40px}}
@media print{body{background:#fff}.no-print,.app-header,.app-sidebar,.app-footer,.app-content-header{display:none!important}.app-main{margin:0!important}.app-content,.container-fluid{padding:0!important;margin:0!important}.card,.modern-card{box-shadow:none!important;border:0!important}.table{font-size:12px}.id-card-print-area .row{display:block!important}.id-card-print-area .col-12{display:inline-block!important;width:auto!important;max-width:none!important;vertical-align:top;margin:0 3mm 5mm 0}.id-card-shell{break-inside:avoid;page-break-inside:avoid;margin:0}.school-id-card{box-shadow:none!important}.single-id-card{padding:0!important}}

/* V9 AdminLTE clean refinements */
.app-sidebar .sidebar-menu{list-style:none;margin:0;padding:0}.app-sidebar .nav-treeview{padding-left:.25rem!important;margin:.15rem 0 .4rem .25rem!important;border-left:1px solid rgba(255,255,255,.08)}.app-sidebar .nav-treeview .nav-link{padding-left:.7rem!important;margin-left:.35rem}.app-sidebar .sidebar-menu .nav-link{display:flex!important;align-items:center!important;gap:.35rem}.app-sidebar .sidebar-menu .nav-link p{margin:0!important;display:flex;align-items:center;justify-content:space-between;width:100%}.side-icon{width:1.55rem!important;height:1.55rem!important;min-width:1.55rem!important;border-radius:.4rem;background:rgba(110,168,254,.12);color:#8bb9fe!important;font-size:1rem!important;line-height:1!important;font-family:Arial,Helvetica,sans-serif!important}.app-sidebar .nav-treeview .side-icon{background:transparent!important;font-size:.95rem!important}.app-sidebar .nav-link.active .side-icon{background:rgba(255,255,255,.16)!important;color:#fff!important}.nav-arrow{margin-left:auto;transition:.2s;opacity:.65}.menu-open>.nav-link .nav-arrow{transform:rotate(90deg)}.app-sidebar .sidebar-menu .nav-header{margin-top:.45rem}.app-sidebar .sidebar-menu .nav-link,.app-sidebar .sidebar-menu .nav-link p{font-weight:400!important}
.info-feed-item{display:flex;gap:.75rem;align-items:flex-start;padding:.55rem 0}.info-feed-item img{width:70px;height:52px;border-radius:.55rem;object-fit:cover;border:1px solid #e5e7eb;flex:none}.info-photo-preview{max-width:220px;max-height:130px;border-radius:.75rem;object-fit:cover;border:1px solid #dee2e6}
.calendar-item{display:flex;gap:.75rem;border:1px solid #e9ecef;border-radius:.75rem;padding:.7rem;margin-bottom:.55rem;background:#fff}.calendar-item.active{border-color:#0d6efd;background:#f0f6ff}.calendar-item .time{min-width:68px;font-weight:600;color:#0d6efd}.prestasi-list{padding-left:1.25rem}.prestasi-list li{display:flex;justify-content:space-between;gap:.75rem;padding:.45rem 0;border-bottom:1px solid #edf2f7}.prestasi-list small{display:block;color:#6c757d}.mini-stat{border:1px solid #e9ecef;border-radius:.75rem;padding:1rem;background:#f8f9fa}.mini-stat b{display:block;font-size:1.6rem}.mini-stat span{font-size:.85rem;color:#6c757d}.spp-pill{border:1px solid #e9ecef;background:#f8f9fa;border-radius:.75rem;padding:.65rem .85rem;display:flex;flex-direction:column;min-width:145px}.spp-pill span{font-size:.78rem;color:#6c757d}.action-icons .btn{min-width:34px;display:inline-flex;align-items:center;justify-content:center}.table .action-icons form{display:inline-flex!important}
.pos-layout .sticky-pos{position:sticky;top:82px}.pos-bill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;max-height:62vh;overflow:auto;padding:.1rem}.pos-bill-card{border:1px solid #dee2e6;border-radius:.8rem;padding:.8rem;display:flex;gap:.65rem;cursor:pointer;background:#fff;transition:.15s}.pos-bill-card:hover{border-color:#0d6efd;box-shadow:0 .35rem .8rem rgba(13,110,253,.08)}.pos-bill-card input{margin-top:.2rem}.pos-bill-card:has(input:checked){border-color:#0d6efd;background:#f0f6ff}.cart-list{max-height:240px;overflow:auto}.cart-row{display:flex;justify-content:space-between;gap:.75rem;border-bottom:1px solid #edf2f7;padding:.55rem 0}.cart-row span{font-size:.82rem;line-height:1.25;max-width:70%}.cart-row b{white-space:nowrap}.pos-total-number{font-size:1.75rem;font-weight:700}
/* Portrait ID Card */
.id-card-print-area .row{align-items:flex-start}.id-card-shell{text-align:center}.school-id-card{border-radius:3.2mm!important;padding:0!important;justify-content:flex-start!important;text-align:left}.school-id-card:before{height:17mm!important}.id-card-top{min-height:17mm!important;padding:2.2mm 3mm!important}.id-card-logo{width:9mm!important;height:9mm!important}.id-card-school{font-size:8.2pt!important}.id-card-sub{font-size:5.5pt!important}.id-card-body{display:block!important;margin:0!important;padding:4mm 4mm 2mm!important}.id-card-person{text-align:center;margin-bottom:2.5mm}.id-card-type{font-size:6.8pt!important}.id-card-name{font-size:11.5pt!important;max-width:none!important;white-space:normal!important;text-align:center;font-weight:700!important}.id-card-code{font-size:9pt!important}.id-card-info{font-size:6.8pt!important}.id-card-qr{max-width:none!important;text-align:center!important;margin:1.5mm auto 0!important}.id-card-qr svg{width:36mm!important;height:36mm!important}.id-card-bottom{margin:0 4mm;padding:1.5mm 0 0!important;text-align:center;font-size:6pt!important}
@media(max-width:991.98px){.pos-layout .sticky-pos{position:static}.pos-bill-grid{max-height:none}.gradient-card{min-height:105px}.user-chip{max-width:190px}.navbar-user-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:575.98px){.app-content{padding-left:.65rem!important;padding-right:.65rem!important}.modern-card,.card-body{padding:.85rem}.card-header{padding:.75rem .85rem}.pos-bill-grid{grid-template-columns:1fr}.gradient-card .num{font-size:1.5rem}.id-card-qr svg{width:32mm!important;height:32mm!important}.school-id-card{transform:scale(.92);transform-origin:top center}}
@media print{.id-card-qr svg{width:36mm!important;height:36mm!important}.school-id-card{border:1px solid #111!important}.pos-layout .sticky-pos{position:static}}


/* V10 refinements */
.sidebar-adminlte-clean .side-icon{font-size:.72rem!important;font-weight:600!important;letter-spacing:.02em;background:rgba(13,110,253,.18)!important;color:#8bb9fe!important;border:1px solid rgba(110,168,254,.18)}
.app-sidebar .nav-treeview .side-icon{background:rgba(13,110,253,.14)!important;border-color:rgba(110,168,254,.12)!important}.class-fee-check{display:block;border:1px solid rgba(13,110,253,.18);background:#fff;border-radius:.5rem;padding:.55rem .7rem;cursor:pointer}.class-fee-check input{margin-right:.45rem}.discount-panel{border:1px dashed #cfe2ff;background:#f8fbff;border-radius:.75rem;padding:.75rem}.bulk-sample{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.83rem}.database-danger{border-color:#dc3545!important}.pos-bill-card .badge{font-weight:500}.table .btn-group-sm>.btn{padding:.35rem .5rem}
@media(max-width: 991.98px){.sticky-pos{position:static!important}.database-tools .card{margin-bottom:1rem}}

/* FINAL V10 - Mobile PWA/iOS responsive fixes */
html{overscroll-behavior-y:none;-webkit-text-size-adjust:100%}body{touch-action:manipulation}.app-content{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.btn,.form-control,.form-select{font-size:16px}.scanner-hero,#html5-reader{background:#0f172a;border-radius:.9rem;overflow:hidden}.scanner-hero video{width:100%;max-height:58vh}.ebook-cover{width:100%;height:180px;object-fit:cover;border-radius:.85rem;border:1px solid #e5e7eb;background:#f8fafc}.ebook-cover-placeholder{height:180px;border-radius:.85rem;border:1px dashed #cbd5e1;background:#f8fafc;display:grid;place-items:center;font-size:3rem}.homework-card{border-left:4px solid var(--app-theme,#2563eb)}.mobile-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
@media(max-width: 767.98px){
  body.layout-fixed .app-main{min-height:100vh}.app-content-header{padding:.85rem .75rem .25rem}.app-content>.container-fluid{padding-left:.75rem!important;padding-right:.75rem!important}.page-title{font-size:1.15rem}.navbar-school-logo{width:32px!important;height:32px!important}.navbar-school-name{max-width:42vw}.status-pill{display:none}.user-avatar{width:32px;height:32px}.modern-card,.card{border-radius:1rem}.card-body,.modern-card{padding:.9rem}.card-header,.card-footer{padding:.78rem .9rem}.row.g-3{--bs-gutter-x:.75rem;--bs-gutter-y:.75rem}.table-responsive{border:0;box-shadow:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.action-bar .btn{flex:1 1 auto}.pos-layout{flex-direction:column}.pos-bill-grid{max-height:none;overflow:visible}.cart-list{max-height:none}.sticky-pos{position:static!important}.attendance-action-option{min-height:auto;padding:.75rem}.attendance-action-option small{display:none}.scanner-hero video,#html5-reader{min-height:260px}.scanner-hero{padding:.35rem}.app-footer{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width: 420px){.btn-lg{font-size:1rem;padding:.65rem .8rem}.gradient-card{padding:.9rem;min-height:96px}.gradient-card .num{font-size:1.25rem}.ebook-cover,.ebook-cover-placeholder{height:150px}.scanner-hero video,#html5-reader{min-height:230px}.pos-total-number{font-size:1.35rem}}

/* V12 - Chat Admin, notifikasi sidebar, dan Kritik & Saran */
.chat-admin-layout .modern-card{min-height:520px}.chat-partner-list{max-height:68vh;overflow:auto}.chat-partner{display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;color:inherit;text-decoration:none;border-bottom:1px solid rgba(148,163,184,.16);transition:.15s}.chat-partner:hover,.chat-partner.active{background:rgba(37,99,235,.08);color:inherit}.chat-partner.active{border-left:3px solid var(--app-theme,#2563eb);padding-left:calc(1rem - 3px)}.min-w-0{min-width:0}.chat-panel{display:flex;flex-direction:column;min-height:520px}.chat-scroll{height:58vh;min-height:360px;overflow:auto;padding:1rem;background:linear-gradient(180deg,#f8fafc,#fff)}.chat-row{display:flex;margin:.45rem 0}.chat-row.mine{justify-content:flex-end}.chat-row.theirs{justify-content:flex-start}.chat-bubble{max-width:min(78%,680px);padding:.65rem .8rem;border-radius:1rem;background:#eef2f7;border:1px solid #e2e8f0;box-shadow:0 .15rem .45rem rgba(15,23,42,.04)}.chat-row.mine .chat-bubble{background:color-mix(in srgb,var(--app-theme,#2563eb) 12%,white);border-color:color-mix(in srgb,var(--app-theme,#2563eb) 25%,white)}.chat-message{white-space:normal;overflow-wrap:anywhere;line-height:1.45}.chat-time{font-size:.7rem;color:#64748b;margin-top:.3rem;text-align:right}.chat-compose textarea{resize:none}.feedback-list{display:grid;gap:.85rem}.feedback-card{border:1px solid #e2e8f0;border-radius:1rem;padding:1rem;background:#fff}.feedback-message{line-height:1.55;overflow-wrap:anywhere}.sidebar-count-badge{box-shadow:0 0 0 2px rgba(15,23,42,.5)}

@media(max-width:767.98px){.chat-admin-layout .modern-card,.chat-panel{min-height:auto}.chat-partner-list{max-height:260px}.chat-scroll{height:50vh;min-height:300px}.chat-bubble{max-width:90%}.chat-compose .d-flex{align-items:stretch!important;flex-direction:column}.chat-compose .btn{width:100%}}

/* V13 - E-Book modern + PDF browser + Ujian Online */
.library-hero,.exam-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;border-radius:1.15rem;background:linear-gradient(135deg,#0d6efd,#4f46e5);color:#fff;box-shadow:0 14px 34px rgba(37,99,235,.18);overflow:hidden;position:relative}.library-hero:after,.exam-hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-65px;top:-95px;background:rgba(255,255,255,.1)}.library-kicker,.exam-hero-kicker{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;opacity:.85;margin-bottom:.3rem}.library-hero-icon,.exam-hero-icon{font-size:3.3rem;line-height:1;position:relative;z-index:1;filter:drop-shadow(0 8px 12px rgba(15,23,42,.18))}
.ebook-modern-card{display:flex;flex-direction:column;padding:0;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.ebook-modern-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,23,42,.12)}.ebook-cover-wrap{height:220px;position:relative;overflow:hidden;background:#f8fafc}.ebook-cover-modern{width:100%;height:100%;object-fit:cover;display:block}.ebook-cover-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;background:linear-gradient(145deg,#eef4ff,#f8fafc);color:#334155}.ebook-cover-fallback span{font-size:4.2rem}.ebook-cover-fallback small{font-weight:700;letter-spacing:.08em}.ebook-file-badge{position:absolute;right:.75rem;top:.75rem;padding:.3rem .55rem;border-radius:.45rem;background:rgba(15,23,42,.78);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.06em}.ebook-modern-card>.pt-3{padding:1rem!important}.ebook-title{line-height:1.28}.ebook-desc{min-height:2.6em}.pdf-browser-shell{background:#1f2937;border-radius:1rem;overflow:hidden;border:1px solid #cbd5e1;box-shadow:0 12px 30px rgba(15,23,42,.12)}.pdf-browser-shell iframe{display:block;width:100%;height:calc(100vh - 245px);min-height:560px;border:0;background:#525659}.pdf-browser-fallback{padding:.65rem 1rem;background:#fff;color:#64748b;font-size:.78rem;border-top:1px solid #e2e8f0}
.exam-list-card{border-top:4px solid var(--app-theme,#2563eb);display:flex;flex-direction:column}.exam-subject-chip{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:.28rem .58rem}.exam-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.exam-meta-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.7rem;padding:.55rem .65rem;min-width:0}.exam-meta-grid span{display:block;font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.exam-meta-grid b{display:block;font-size:.76rem;line-height:1.3;margin-top:.15rem;overflow-wrap:anywhere}.exam-take-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#0f172a;color:#fff;border-radius:1rem;padding:.85rem 1rem;top:.65rem;z-index:1020;box-shadow:0 10px 24px rgba(15,23,42,.22)}.exam-timer{display:flex;flex-direction:column;align-items:flex-end;border-left:1px solid rgba(255,255,255,.18);padding-left:1rem;min-width:112px}.exam-timer b{font-size:1.3rem;letter-spacing:.04em}.exam-timer.danger{color:#fecaca}.exam-question-card{border-left:4px solid #2563eb}.exam-question-number{font-size:.74rem;font-weight:800;color:#2563eb;text-transform:uppercase;letter-spacing:.06em}.exam-question-text{font-size:1rem;font-weight:600;line-height:1.6}.exam-option{display:flex;align-items:flex-start;gap:.6rem;border:1px solid #dbe3ee;border-radius:.78rem;padding:.75rem .85rem;margin:.55rem 0;cursor:pointer;transition:.15s;background:#fff}.exam-option:hover{border-color:#93c5fd;background:#f8fbff}.exam-option .form-check-input{margin-top:.25rem;flex:none}.exam-option-inline{min-width:150px;margin:0}.exam-question-admin{background:#fff}
@media(max-width:767.98px){.library-hero,.exam-hero{padding:1rem}.library-hero-icon,.exam-hero-icon{font-size:2.5rem}.ebook-cover-wrap{height:190px}.pdf-browser-shell iframe{height:70vh;min-height:430px}.exam-take-topbar{align-items:flex-start}.exam-timer{min-width:96px}.exam-meta-grid{grid-template-columns:1fr}.exam-option-inline{min-width:0;flex:1}.exam-question-text{font-size:.95rem}}