/* Qalam 0.16 source-closure layer: only previously started surfaces. */
:root{--q16-primary:#6d28d9;--q16-primary2:#8b5cf6;--q16-bg:#f8f7fb;--q16-surface:#fff;--q16-text:#17131f;--q16-muted:#625a6d;--q16-line:#e6e0ec;--q16-danger:#b42318;--q16-success:#15803d;--q16-drop:100500;--q16-modal:160200}
.qalam-f345-ui,.qalam-f345-admin{color:var(--q16-text)}
.qalam-f345-ui .tutor-card,.qalam-f345-admin .tutor-card,.qalam-f345-ui [class*=tutor-dashboard],.qalam-f345-admin .tutor-option-field{border-color:var(--q16-line)!important}
/* Standalone exam remains a true exam shell, not a shrunken course page. */
.qalam-standalone-exam .tutor-course-single-sidebar-wrapper,.qalam-standalone-exam .tutor-course-single-header,.qalam-standalone-exam .tutor-course-topic{display:none!important}
.qalam-standalone-exam .tutor-course-single-content-wrapper,.qalam-standalone-exam .tutor-learning-area-main{display:block!important;width:100%!important;max-width:1100px!important;margin-inline:auto!important;background:var(--q16-bg)!important}
/* Question bank and admin grids are mobile-safe. */
.qalam-050-wrap .widefat,.qalam-150-admin .widefat{width:100%!important}.qalam-050-table-wrap,.qalam-table-scroll{overflow:auto!important;-webkit-overflow-scrolling:touch}
/* Standalone exams own their appearance and must not inherit the dashboard's
 * dark-mode variables, even when the signed-in preview user prefers dark mode. */
body.qalam-reference-ui.qalam-standalone-exam,
html[data-qalam-mode="dark"] body.qalam-reference-ui.qalam-standalone-exam {
    background: #f8f7fb !important;
    color: #17131f !important;
}

body.qalam-reference-ui.qalam-standalone-exam .qalam-exam-shell {
    min-height: 100dvh !important;
    background: linear-gradient(180deg, #faf7ff 0, #f8f7fb 34%, #f8f7fb 100%) !important;
    color: #17131f !important;
}

body.qalam-reference-ui.qalam-standalone-exam .qalam-exam-main {
    width: min(980px, calc(100% - 28px)) !important;
    margin: 0 auto !important;
    padding: 32px 0 70px !important;
}

body.qalam-reference-ui.qalam-standalone-exam .qalam-exam-header,
body.qalam-reference-ui.qalam-standalone-exam .qalam-exam-intro,
body.qalam-reference-ui.qalam-standalone-exam .qalam-exam-stats > div {
    background: #fff !important;
    color: #17131f !important;
}

body.qalam-reference-ui.qalam-standalone-exam .qalam-exam-header *,
body.qalam-reference-ui.qalam-standalone-exam .qalam-exam-intro *,
body.qalam-reference-ui.qalam-standalone-exam .qalam-exam-stats span {
    color: #17131f !important;
}

body.qalam-reference-ui.qalam-standalone-exam .qalam-exam-summary,
body.qalam-reference-ui.qalam-standalone-exam .qalam-exam-stats span {
    color: #625b71 !important;
}

body.qalam-reference-ui.qalam-standalone-exam .qalam-exam-empty {
    background: #fff7ed !important;
    border: 1px solid #fed7aa !important;
    color: #9a3412 !important;
}
/* Player compactness + ad image correctness. */
.qalam-video-player .qalam-video-progress{height:12px!important}.qalam-video-player .qalam-video-progress::-webkit-slider-runnable-track{height:3px!important}.qalam-video-player .qalam-video-progress::-moz-range-track{height:3px!important}.qalam-video-ad-media img{display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;background:#050506!important}.qalam-video-ad-media img[src=""],.qalam-video-ad-media img:not([src]){display:none!important}
/* Layer hierarchy: only an actually-open control gets elevated. */
.tutor-js-form-select.is-active,.tutor-js-form-select[aria-expanded="true"],.qalam-select-open{position:relative!important;z-index:var(--q16-drop)!important}.tutor-js-form-select.is-active .tutor-form-select-dropdown,.tutor-js-form-select[aria-expanded="true"] .tutor-form-select-dropdown,.qalam-select-open .tutor-form-select-dropdown{z-index:calc(var(--q16-drop) + 2)!important}.tutor-modal,.tutor-modal-wrap{z-index:var(--q16-modal)!important}.media-modal{z-index:calc(var(--q16-modal) + 20)!important}.media-modal-backdrop{z-index:calc(var(--q16-modal) + 10)!important}
@media(max-width:782px){body.qalam-f345-ui{overflow-x:hidden}.qalam-f345-ui .tutor-container,.qalam-f345-ui .tutor-container-fluid{max-width:100%!important;padding-inline:12px!important}.qalam-standalone-exam .quiz-attempt-single-question,.qalam-standalone-exam .tutor-quiz-question-wrapper{width:100%!important;max-width:100%!important;margin-inline:0!important;padding:14px!important}.qalam-video-controls{padding:28px 10px 9px!important}.qalam-video-settings-menu{width:min(270px,calc(100vw - 28px))!important;max-height:58vh!important;overflow:auto!important}.qalam-video-volume{width:58px!important}.qalam-video-caption{bottom:64px!important;max-width:90%!important}.qalam-150-grid{grid-template-columns:1fr!important}.qalam-student-summary{grid-template-columns:1fr 1fr!important}.qalam-cert-grid{grid-template-columns:1fr!important}.qalam-150-admin{margin:10px!important}.qalam-150-card{padding:14px!important}.qalam-media-row{flex-direction:column!important}}
@media(max-width:480px){.qalam-student-summary{grid-template-columns:1fr!important}.qalam-video-volume{display:none!important}.qalam-video-seek{display:none!important}.qalam-video-settings-menu{left:8px!important;right:8px!important;width:auto!important}}

/* Qalam 0.33.25 — keep the learning header in normal flow. The previous
 * fixed header painted over the first 50px of the video on lesson pages. */
body.qalam-student-ui .tutor-learning-header{position:sticky!important;top:0!important;z-index:20!important}
body.qalam-student-ui.admin-bar .tutor-learning-header{top:32px!important}
/* Tutor adds the admin-bar offset to the learning area itself on mobile.
 * A second 46px sticky offset makes the header overlap the video, so keep
 * the learning header at the top of that already-offset container. */
@media(max-width:782px){body.qalam-student-ui.admin-bar .tutor-learning-header{top:0!important}}

/* Final specificity layer for the classic Tutor attempt mounted by the
 * standalone public exam route. */
body.qalam-public-quiz .quiz-question-ans-choice-area .tutor-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
body.qalam-public-quiz .quiz-question-ans-choice-area .tutor-row>[class*="tutor-col-"],body.qalam-public-quiz .quiz-question-ans-choice-area .tutor-quiz-answer-single{width:auto!important;max-width:none!important;min-width:0!important;flex:none!important;margin:0!important;padding:0!important}
body.qalam-public-quiz .tutor-quiz-question-item{display:block!important;min-height:64px!important;margin:0!important;padding:0!important;cursor:pointer!important;border:1px solid #e2dce9!important;border-radius:14px!important;box-sizing:border-box!important}
body.qalam-public-quiz .tutor-quiz-question-item .tutor-card{display:flex!important;align-items:center!important;min-height:64px!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:16px!important;background:#fff!important;border:0!important;box-shadow:none!important}
body.qalam-public-quiz .tutor-quiz-question-item .tutor-form-check-input,body.qalam-public-quiz .tutor-quiz-question-item input[type="radio"],body.qalam-public-quiz .tutor-quiz-question-item input[type="checkbox"]{appearance:auto!important;-webkit-appearance:auto!important;position:static!important;inset:auto!important;display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0!important;accent-color:#5b21b6!important}
body.qalam-public-quiz .tutor-quiz-question-item:has(input:checked),body.qalam-public-quiz .tutor-quiz-question-item.qalam-answer-selected{border-color:#8b5cf6!important;background:#faf7ff!important;box-shadow:0 0 0 3px #eee8ff!important}
body.qalam-public-quiz .tutor-quiz-question-item:has(input:checked) .tutor-card,body.qalam-public-quiz .tutor-quiz-question-item.qalam-answer-selected .tutor-card{background:#faf7ff!important}
body.qalam-public-quiz #tutor-answering-quiz span.tutor-quiz-answer-next-btn{pointer-events:auto!important;cursor:pointer!important}
body.qalam-public-quiz #tutor-answering-quiz button.tutor-quiz-answer-next-btn:disabled{pointer-events:none!important}
@media(max-width:760px){body.qalam-public-quiz .quiz-question-ans-choice-area .tutor-row{grid-template-columns:1fr!important}body.qalam-public-quiz .quiz-answer-footer-bar{display:flex!important;flex-wrap:wrap!important;gap:10px!important}body.qalam-public-quiz .quiz-answer-footer-bar>*{width:100%!important;text-align:center!important;justify-content:center!important}}