/* Qalam LMS 0.15 — runtime fixes: exam, player, reports, student record, dropdown layers. */
:root{--q150-primary:#6d28d9;--q150-primary2:#7c3aed;--q150-soft:#f5f0ff;--q150-bg:#f7f7fb;--q150-card:#fff;--q150-text:#171323;--q150-muted:#625b71;--q150-line:#e7e0ef;--q150-success:#15803d;--q150-danger:#c2413b;--q150-shadow:0 14px 38px rgba(30,20,55,.08);--q150-drop:12000;--q150-modal:15000;--q150-toast:18000}
/* Standalone exam — isolated from course UI. */
body.qalam-standalone-exam{font-family:"Cairo","Tajawal","Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;background:#f7f7fb!important;color:var(--q150-text)!important}
.qalam-exam-shell{background:linear-gradient(180deg,#faf8ff,#f7f7fb)!important}.qalam-exam-header{min-height:72px;border-bottom:1px solid var(--q150-line)!important;box-shadow:0 4px 20px rgba(30,20,55,.04)!important}.qalam-exam-main{width:min(920px,calc(100% - 28px))!important}.qalam-exam-native,.qalam-exam-native .tutor-quiz-wrap,.qalam-exam-native .quiz-attempt-single-question,.qalam-exam-native .tutor-quiz-question-wrapper,.qalam-exam-native .tutor-quiz-submission,.qalam-exam-native .tutor-quiz-result{background:#fff!important;color:var(--q150-text)!important;border-color:var(--q150-line)!important;border-radius:20px!important;box-shadow:var(--q150-shadow)!important}
.qalam-exam-native .quiz-question,.qalam-exam-native .tutor-quiz-question{background:#fff!important;color:var(--q150-text)!important}.qalam-exam-native .quiz-question-title,.qalam-exam-native .quiz-question-title *,.qalam-exam-native .tutor-quiz-question-title,.qalam-exam-native .tutor-quiz-question-title *{color:var(--q150-text)!important;font-family:inherit!important;line-height:1.8!important}.qalam-exam-native .tutor-quiz-question-option,.qalam-exam-native .quiz-question-ans-choice-area .tutor-card{background:#fff!important;color:var(--q150-text)!important;border:1px solid #dcd3e7!important;border-radius:14px!important;min-height:54px!important}.qalam-exam-native .tutor-quiz-question-option:hover{background:var(--q150-soft)!important;border-color:#b69ae7!important}.qalam-exam-native input[type=radio],.qalam-exam-native input[type=checkbox]{accent-color:var(--q150-primary)!important}.qalam-exam-native .tutor-btn-primary,.qalam-exam-start-form .tutor-btn{background:linear-gradient(135deg,var(--q150-primary),var(--q150-primary2))!important;color:#fff!important;border:0!important;border-radius:13px!important}.qalam-exam-native .tutor-quiz-footer,.qalam-exam-native .quiz-answer-footer-bar,.qalam-exam-native .tutor-quiz-btn-group{background:#fff!important;border-top:1px solid var(--q150-line)!important}
.qalam-public-exam-gate{background:#f7f7fb!important;font-family:"Cairo","Tajawal",Tahoma,Arial,sans-serif!important}.qalam-gate-card{max-width:560px!important;border-radius:24px!important;border:1px solid var(--q150-line)!important;box-shadow:var(--q150-shadow)!important}.qalam-gate-card input{min-height:48px!important;border-radius:12px!important}.qalam-gate-card button{min-height:50px!important;background:linear-gradient(135deg,var(--q150-primary),var(--q150-primary2))!important;border-radius:13px!important}
/* YouTube transport: range controls must NEVER inherit generic white input box styling. */
.qalam-video-player input[type=range]{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:0!important;border-radius:0!important;min-height:0!important;height:20px!important;padding:0!important;box-shadow:none!important;outline:0!important}.qalam-video-player{--qalam-progress:0%;--qalam-volume:100%;border-radius:18px!important;overflow:hidden!important;background:#09080d!important;box-shadow:0 14px 38px rgba(8,6,13,.24)!important}.qalam-video-stage{aspect-ratio:16/9!important;min-height:0!important}.qalam-video-controls{padding:40px 18px 14px!important;background:linear-gradient(0deg,rgba(3,3,8,.94) 0,rgba(3,3,8,.64) 55%,transparent 100%)!important}.qalam-video-progress-wrap{margin:0 0 9px!important;gap:10px!important}.qalam-video-progress{height:16px!important}.qalam-video-progress::-webkit-slider-runnable-track{height:4px!important;background:linear-gradient(90deg,#a78bfa 0,var(--q150-primary) var(--qalam-progress),rgba(255,255,255,.26) var(--qalam-progress),rgba(255,255,255,.26) 100%)!important}.qalam-video-progress::-webkit-slider-thumb{width:13px!important;height:13px!important;margin-top:-4.5px!important;background:#fff!important;border:3px solid var(--q150-primary)!important}.qalam-video-volume{width:78px!important;height:16px!important}.qalam-video-volume::-webkit-slider-runnable-track{height:3px!important;background:linear-gradient(90deg,#c4b5fd 0,#fff var(--qalam-volume),rgba(255,255,255,.22) var(--qalam-volume),rgba(255,255,255,.22) 100%)!important}.qalam-video-control-btn{background:transparent!important;color:#fff!important;border:0!important;min-height:38px!important}.qalam-video-play-btn{background:linear-gradient(135deg,var(--q150-primary),var(--q150-primary2))!important}.qalam-video-seek{font-size:11px!important;font-weight:900!important;border:1px solid rgba(255,255,255,.12)!important}.qalam-video-settings-btn svg{width:22px!important;height:22px!important;fill:currentColor}.qalam-video-settings-menu{width:min(310px,82vw)!important;padding:12px!important;bottom:48px!important;background:rgba(17,12,25,.98)!important;z-index:40!important}.qalam-video-settings-menu section{padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.10)}.qalam-video-settings-menu section:last-child{border-bottom:0}.qalam-settings-label{display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:13px;font-weight:800;margin-bottom:8px}.qalam-settings-options{display:flex;gap:5px;flex-wrap:wrap}.qalam-settings-options button{width:auto!important;min-width:44px!important;padding-inline:9px!important;background:rgba(255,255,255,.06)!important}.qalam-settings-options button[aria-checked=true]{background:rgba(124,58,237,.36)!important;color:#fff!important}.qalam-video-quality-auto{min-width:0!important;padding:0!important;color:#fff}.qalam-caption-setting{display:flex;align-items:center;justify-content:space-between;gap:12px}.qalam-caption-setting>div{display:flex;flex-direction:column;color:#fff}.qalam-caption-setting small{color:rgba(255,255,255,.6)}.qalam-caption-setting button{width:auto!important;padding:7px 12px!important;background:rgba(255,255,255,.09)!important}.qalam-caption-setting button[aria-pressed=true]{background:var(--q150-primary)!important}.qalam-video-caption{position:absolute;z-index:13;bottom:78px;left:50%;transform:translateX(-50%);max-width:min(820px,86%);padding:7px 13px;border-radius:8px;background:rgba(0,0,0,.76);color:#fff;font-size:clamp(14px,2vw,21px);font-weight:750;line-height:1.55;text-align:center;white-space:pre-line;text-shadow:0 1px 2px #000}.qalam-video-ad-overlay{position:absolute;z-index:50;inset:0;background:#07070a;display:flex;align-items:center;justify-content:center}.qalam-video-ad-overlay[hidden]{display:none!important}.qalam-video-ad-media{position:absolute;inset:0;display:grid;place-items:center}.qalam-video-ad-media video,.qalam-video-ad-media img{width:100%;height:100%;object-fit:contain;background:#000}.qalam-video-ad-badge{position:absolute;z-index:2;top:12px;right:12px;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:11px}.qalam-video-ad-bottom{position:absolute;z-index:3;right:12px;left:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff}.qalam-video-ad-bottom button{min-height:38px;padding:7px 14px;border:1px solid rgba(255,255,255,.32);border-radius:9px;background:rgba(0,0,0,.72);color:#fff;font-weight:800}.qalam-video-ad-bottom button:disabled{opacity:.7}.qalam-video-ad-active .qalam-video-controls,.qalam-video-ad-active .qalam-video-center-play,.qalam-video-ad-active .qalam-video-shield,.qalam-video-ad-active .qalam-video-top-chrome{pointer-events:none!important;opacity:0!important}
/* Dropdown/popover layer system. */
.qalam-f345-admin .tutor-option-field,.qalam-f345-admin .tutor-card,.qalam-f345-admin .tutor-settings-card,.qalam-f345-admin .tutor-admin-container,.qalam-f345-admin .tutor-row,.qalam-f345-ui .tutor-option-field{overflow:visible!important}.tutor-js-form-select{position:relative!important;overflow:visible!important;z-index:auto!important}.tutor-js-form-select.is-active,.tutor-js-form-select.qalam-select-open{z-index:var(--q150-drop)!important}.qalam-select-host-open{position:relative!important;z-index:calc(var(--q150-drop) - 1)!important;overflow:visible!important}.tutor-form-select-dropdown,.tutor-dropdown-menu,.tutor-react-select__menu{z-index:calc(var(--q150-drop) + 1)!important;position:absolute!important;box-shadow:0 18px 42px rgba(20,14,34,.18)!important;background:#fff!important}.tutor-modal,.tutor-modal-wrap{z-index:var(--q150-modal)!important}.media-modal{z-index:160100!important}.media-modal-backdrop{z-index:160000!important}.media-frame{z-index:160101!important}.tutor-toast,.tutor-notification{z-index:var(--q150-toast)!important}
/* Reports: Arabic visual rhythm and currency cards. */
.qalam-f345-admin [class*=report],.qalam-f345-admin .tutor-report-wrap{font-family:"Cairo","Tajawal",Tahoma,Arial,sans-serif!important}.qalam-f345-admin [class*=report] .tutor-card,.qalam-f345-admin [class*=report] [class*=stat]{background:#fff!important;color:var(--q150-text)!important;border:1px solid var(--q150-line)!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(40,25,65,.05)!important}.qalam-f345-admin [class*=report] h1,.qalam-f345-admin [class*=report] h2,.qalam-f345-admin [class*=report] h3{color:var(--q150-text)!important}
/* Video ads/admin student record. */
.qalam-150-admin{max-width:1360px;margin:24px auto!important;font-family:"Cairo","Tajawal",Tahoma,Arial,sans-serif}.qalam-150-admin>h1{font-weight:900;color:var(--q150-text)}.qalam-150-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px}.qalam-150-card{background:#fff;border:1px solid var(--q150-line);border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 8px 24px rgba(40,25,65,.05)}.qalam-150-card label{display:flex;flex-direction:column;gap:7px;font-weight:750;margin:13px 0}.qalam-150-card label.qalam-inline{flex-direction:row;align-items:center}.qalam-150-card input:not([type=checkbox]),.qalam-150-card select,.qalam-150-card textarea{width:100%;min-height:44px;border:1px solid #d8d0e3;border-radius:10px;padding:8px 11px}.qalam-150-card select[multiple]{min-height:150px}.qalam-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qalam-media-row{display:flex;gap:8px}.qalam-ad-list article,.qalam-student-courses article,.qalam-cert-grid article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eee8f3}.qalam-ad-list article>div:first-child,.qalam-student-courses article>div:first-child{display:flex;flex-direction:column;gap:3px}.qalam-student-head{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#2f1751,#6d28d9);color:#fff;border-radius:22px;padding:24px;margin-bottom:16px}.qalam-student-head img{border-radius:50%;border:4px solid rgba(255,255,255,.75)}.qalam-student-head h1{color:#fff;margin:0}.qalam-student-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.qalam-student-summary>div{background:#fff;border:1px solid var(--q150-line);border-radius:16px;padding:17px;text-align:center}.qalam-student-summary strong{display:block;font-size:26px;color:var(--q150-primary)}.qalam-progress{height:8px!important;flex:1;min-width:150px;background:#eee9f4;border-radius:99px;overflow:hidden}.qalam-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--q150-primary),#a78bfa);border-radius:99px}.qalam-table-scroll{overflow:auto}.qalam-ok{color:#15803d;font-weight:800}.qalam-bad{color:#c2413b;font-weight:800}.qalam-cert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qalam-announcement-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:782px){.qalam-exam-main{width:calc(100% - 16px)!important;padding-top:12px!important}.qalam-exam-header{min-height:58px!important;padding:8px 10px!important}.qalam-exam-title{font-size:13px!important;max-width:55vw!important}.qalam-exam-native .quiz-attempt-single-question,.qalam-exam-native .tutor-quiz-question-wrapper{padding:14px!important;border-radius:16px!important}.qalam-video-player{border-radius:13px!important}.qalam-video-stage{aspect-ratio:16/9!important;min-height:0!important}.qalam-video-top-chrome{padding:7px 8px 20px!important}.qalam-video-brand img{width:58px!important}.qalam-video-controls{padding:28px 8px 7px!important}.qalam-video-progress-wrap{margin-bottom:3px!important}.qalam-video-time{font-size:9px!important;min-width:72px!important}.qalam-video-control-row{min-height:36px!important}.qalam-video-control-btn{width:34px!important;height:34px!important;min-height:34px!important}.qalam-video-volume{display:none!important}.qalam-video-seek{display:none!important}.qalam-video-caption{bottom:52px!important;font-size:14px!important;max-width:92%}.qalam-video-settings-menu{position:absolute!important;left:auto!important;right:auto!important;inset-inline-end:0!important;bottom:44px!important;width:min(286px,calc(100vw - 24px))!important;max-height:min(360px,58vh)!important;overflow:auto!important;border-radius:14px!important}.qalam-video-center-play{width:50px!important;height:50px!important}.qalam-150-grid{grid-template-columns:1fr}.qalam-cols{grid-template-columns:1fr}.qalam-student-summary{grid-template-columns:1fr 1fr}.qalam-student-head{align-items:flex-start;padding:17px}.qalam-student-head img{width:70px;height:70px}.qalam-cert-grid{grid-template-columns:1fr}.qalam-student-courses article{align-items:flex-start;flex-direction:column}.qalam-progress{width:100%}.qalam-media-row{flex-direction:column}.qalam-announcement-actions{width:100%}.qalam-announcement-actions>*{flex:1 1 160px}}
.qalam-video-progress::-moz-range-track{height:4px!important;background:rgba(255,255,255,.26)!important;border:0!important}.qalam-video-progress::-moz-range-progress{height:4px!important;background:linear-gradient(90deg,#a78bfa,var(--q150-primary))!important}.qalam-video-progress::-moz-range-thumb{width:13px!important;height:13px!important;background:#fff!important;border:3px solid var(--q150-primary)!important}.qalam-video-volume::-moz-range-track{height:3px!important;background:rgba(255,255,255,.22)!important}.qalam-video-volume::-moz-range-progress{height:3px!important;background:#fff!important}.qalam-video-volume::-moz-range-thumb{width:11px!important;height:11px!important;border:0!important;background:#fff!important}
.qalam-standalone-exam .skip-quiz-btn,.qalam-standalone-exam [data-tutor-modal-target="tutor-quiz-skip-to-next"],.qalam-standalone-exam .tutor-course-single-header,.qalam-standalone-exam .tutor-course-single-sidebar-wrapper{display:none!important}.qalam-exam-native .tutor-table-wrapper,.qalam-exam-native .tutor-quiz-attempt-details,.qalam-exam-native .tutor-quiz-result{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.qalam-exam-native table{max-width:100%!important}.qalam-exam-native .tutor-quiz-attempt-details{min-width:0!important}
@media(max-width:480px){.qalam-exam-native .tutor-quiz-info-area{grid-template-columns:1fr!important}.qalam-exam-native .tutor-quiz-info{padding:10px!important}.qalam-exam-native .tutor-quiz-btn-group{gap:8px!important}.qalam-exam-native .tutor-quiz-btn-group .tutor-btn{width:100%!important;margin:0!important}.qalam-student-summary{grid-template-columns:1fr!important}}

/* 0.15.1 — player range controls must stay compact even under legacy text-input rules. */
body .qalam-video-player input.qalam-video-progress[type=range],body .qalam-video-player input.qalam-video-volume[type=range]{-webkit-appearance:none!important;appearance:none!important;display:block!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;padding:0!important;min-height:0!important;margin:0!important}.qalam-video-player input.qalam-video-progress[type=range]{height:12px!important;width:100%!important}.qalam-video-player input.qalam-video-progress[type=range]::-webkit-slider-runnable-track{height:3px!important;border-radius:999px!important}.qalam-video-player input.qalam-video-progress[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:11px!important;height:11px!important;margin-top:-4px!important;border-radius:50%!important}.qalam-video-player input.qalam-video-volume[type=range]{height:12px!important}.qalam-video-player input.qalam-video-volume[type=range]::-webkit-slider-runnable-track{height:3px!important;border-radius:999px!important}.qalam-video-player input.qalam-video-volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:10px!important;height:10px!important;margin-top:-3.5px!important;border-radius:50%!important}@media(max-width:782px){body .qalam-video-player input.qalam-video-progress[type=range]{height:10px!important}.qalam-video-player input.qalam-video-progress[type=range]::-webkit-slider-runnable-track{height:2px!important}.qalam-video-player input.qalam-video-progress[type=range]::-webkit-slider-thumb{width:10px!important;height:10px!important;margin-top:-4px!important}.qalam-video-progress-wrap{min-height:14px!important;margin-bottom:2px!important}}

/* Qalam 0.15.2 media/player hotfix */
.qalam-video-ad-media{background:#050507!important;overflow:hidden!important}
.qalam-video-ad-media img,.qalam-video-ad-media video{display:block!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;opacity:0;transition:opacity .18s ease}
.qalam-video-ad-media.qalam-ad-media-ready img,.qalam-video-ad-media.qalam-ad-media-ready video{opacity:1!important}
.qalam-ad-media-error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;color:#fff;background:#111118;font-weight:800;text-align:center}
.qalam-video-settings-menu{max-width:310px!important}
.qalam-quality-setting .qalam-video-quality-auto{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 10px!important}
.qalam-quality-setting .qalam-video-quality-auto small{display:inline-flex;align-self:flex-start;margin-top:3px;padding:3px 7px;border-radius:999px;background:rgba(124,58,237,.18);color:#d8c7ff!important;opacity:1!important}
.qalam-caption-setting button:disabled{opacity:.45!important;cursor:not-allowed!important}
@media(max-width:782px){.qalam-video-settings-menu{position:absolute!important;inset-inline-end:0!important;inset-inline-start:auto!important;bottom:44px!important;width:min(286px,calc(100vw - 20px))!important;max-width:286px!important;max-height:min(340px,56vh)!important;padding:10px!important}.qalam-video-settings-menu section{padding:8px 3px!important}.qalam-video-quality-auto span{font-size:9px!important;line-height:1.45!important}}