:root { --plyr-color-main:#25953e; }
body.xk-player-page { background:#050806; color:#eaf1ec; font-family:Inter,Arial,sans-serif; }
.xk-player-page .my-container { max-width:1600px; width:100%; padding:0 32px; margin:auto; }
.xk-player-page .playing-header-section { background:#0b130e; border-bottom:1px solid #253a2b; padding:16px 0; }
.xk-player-header { display:flex; align-items:center; gap:32px; flex-wrap:wrap; }
.xk-player-brand { display:flex; align-items:center; gap:10px; color:#f1f6f2; font-size:25px; font-weight:750; text-decoration:none; }
.xk-player-brand img { width:36px; height:36px; object-fit:contain; }
.xk-player-browse { display:flex; gap:22px; flex-wrap:wrap; }
.xk-player-browse a { color:#afc1b2; font-size:13px; text-decoration:none; padding:12px 0; }
.xk-player-page a:hover { color:#efc974; }
.xk-player-header .playing-header-btns { margin-left:auto; display:flex; gap:10px; }
.xk-player-focus,.xk-player-header .my-courses-btn { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid #37503d; border-radius:10px; background:#14241a; color:#deeadf; font-size:12px; text-decoration:none; }
.xk-player-page .video-playlist-section { padding:28px 0 60px; background:radial-gradient(ellipse at 80% 0%,#145d2638,transparent 60%); }
.xk-player-course-heading { margin-bottom:26px; padding:12px 0 24px; border-bottom:1px solid #263d2c; }
.xk-player-course-heading > span { color:#80d994; font-size:11px; font-weight:700; letter-spacing:.12em; }
.xk-player-course-heading h1 { margin:10px 0; color:#f2f7f3; font-size:clamp(26px,3vw,42px); font-weight:650; }
.xk-player-course-heading p { margin:0; color:#9fb2a4; font-size:14px; }
.xk-player-page .course-video-area { overflow:hidden; border:1px solid #2c4432!important; border-radius:18px; background:#080e0a; }
.xk-player-page .course-video-wrap { margin:0; }
.xk-player-page .custom-system-video { margin:0!important; background:#000!important; }
.xk-player-page .text_show { padding:24px; color:#dce8df; }
.xk-player-page #player_content,.xk-player-page #player_side_bar { min-width:0; }
.xk-player-lesson-heading { padding:22px 0 8px; }
.xk-player-lesson-heading small { color:#c9ac67; font-size:11px; }
.xk-player-lesson-heading h2 { color:#edf4ef; font-size:23px; margin:7px 0; }
.xk-player-lesson-nav { display:flex; justify-content:space-between; gap:12px; margin:12px 0 24px; }
.xk-player-lesson-nav a { display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border:1px solid #344f3b; border-radius:10px; color:#dce8df; background:#14271a; text-decoration:none; font-size:13px; }
.xk-player-lesson-nav .xk-player-next { background:linear-gradient(115deg,#126d2b,#1b7c36); color:#fff; }
.xk-player-page .course-content-playlist { padding:22px; border:1px solid #2b4332; border-radius:18px; background:linear-gradient(145deg,#12271a,#0b1710); }
.xk-player-page .course-content-playlist .heading { color:#eff5f0; font-size:20px; text-align:left; }
.xk-player-page .course-content-playlist .info { color:#a9bcae; text-align:left!important; }
.xk-player-page .border-bottom { border-color:#2b4332!important; }
.xk-player-progress { height:5px; background:#263b2c; border-radius:8px; overflow:hidden; margin:18px 0; }
.xk-player-progress span { display:block; height:100%; background:#70ce85; }
.xk-player-page .accordion-item { background:transparent; border:0; border-bottom:1px solid #294231; }
.xk-player-page .accordion-button { background:transparent; color:#dce9de; padding:18px 0; box-shadow:none; font-size:14px; }
.xk-player-page .accordion-button:not(.collapsed) { color:#efc974; background:transparent; }
.xk-player-page .accordion-button::after { filter:brightness(0) invert(.8); }
.xk-player-page .accordion-body { padding:0 0 12px; }
.xk-player-page .coourse-playlist-list { padding:0; }
.xk-player-page .coourse-playlist-item { padding:12px 10px; border:1px solid transparent; border-radius:10px; background:transparent; margin:4px 0; }
.xk-player-page .coourse-playlist-item.active { background:#213c29; border-color:#456e4c; }
.xk-player-page .video-title { color:#d7e4da; font-size:13px; line-height:1.5; }
.xk-player-page .duration { color:#94aa9a; font-size:11px; white-space:nowrap; }
.xk-player-page .play-lock-number,.xk-player-page .checkbox-icon { color:#81d396; }
.xk-player-page .form-check-input { background-color:#0b1910; border-color:#47664e; }
.xk-player-page .form-check-input:checked { background-color:#23943d; border-color:#23943d; }
.xk-player-page .course-video-navtab { border:1px solid #2b4332; border-radius:18px; padding:22px; background:#0e1c14; margin-top:0; }
.xk-player-page .nav-pills { gap:8px; flex-wrap:wrap; border-bottom:1px solid #294231; padding-bottom:16px; }
.xk-player-page .nav-pills .nav-link { color:#aabbad; background:transparent; border-radius:9px; font-size:13px; }
.xk-player-page .nav-pills .nav-link.active { background:#28422e; color:#efc974; }
.xk-player-page .tab-content,.xk-player-page .summery-tab-content,.xk-player-page .summery-tab-content .info { background:transparent; color:#b9cbbf; line-height:1.8; }
.xk-player-page .tab-content h1,.xk-player-page .tab-content h2,.xk-player-page .tab-content h3,.xk-player-page .tab-content h4 { color:#edf4ef; }
.xk-player-page .tab-content input,.xk-player-page .tab-content textarea,.xk-player-page .tab-content select { background:#0a1610; color:#e4eee7; border-color:#3a5541; }
.xk-player-page a:focus-visible,.xk-player-page button:focus-visible { outline:2px solid #efc974; outline-offset:3px; }
@media(min-width:992px) { .xk-player-page #player_side_bar.col-lg-4 { position:sticky; top:20px; align-self:flex-start; } .xk-player-page .course-playlist-accordion { max-height:65vh; overflow-y:auto; scrollbar-color:#48654e #102016; } }
@media(max-width:991px) { .xk-player-page #player_side_bar { margin-top:24px; } }
@media(max-width:600px) { .xk-player-page .my-container { padding:0 16px; } .xk-player-header { gap:14px; } .xk-player-browse { order:3; width:100%; justify-content:space-between; gap:10px; } .xk-player-header .playing-header-btns { gap:6px; } .xk-player-focus span { display:none; } .xk-player-page .course-video-navtab,.xk-player-page .course-content-playlist { padding:16px; } .xk-player-lesson-nav a { padding:10px; font-size:12px; } }

/* Lesson detail tabs: spacious icons, a clear selected state, and quiet secondary text. */
.xk-player-page .xk-player-detail-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 24px; padding:6px; border:1px solid #2b4332; border-radius:16px; background:#08140d; }
.xk-player-page .xk-player-detail-tabs .nav-link { position:relative; display:flex; align-items:center; gap:12px; width:100%; min-height:78px; padding:14px; border:1px solid transparent; border-radius:11px; text-align:left; transition:background .2s,border-color .2s,color .2s; }
.xk-player-page .xk-player-detail-tabs .nav-link:hover { background:#15281c; color:#e7f0e9; }
.xk-player-page .xk-player-detail-tabs .nav-link.active { border-color:#647448; background:linear-gradient(120deg,#24472d,#183421); box-shadow:0 4px 14px #0003,inset 0 1px #ffffff08; color:#f4dc99; }
.xk-player-tab-icon { display:grid; place-items:center; flex:0 0 40px; height:40px; border:1px solid #36513e; border-radius:12px; background:#14271b; color:#96b99e; font-size:17px; }
.xk-player-detail-tabs .active .xk-player-tab-icon { background:#efc974; border-color:#efc974; color:#183020; }
.xk-player-tab-copy { display:grid; gap:5px; min-width:0; }
.xk-player-tab-copy strong { font-size:14px; font-weight:650; }
.xk-player-tab-copy small { color:#91a997; font-size:11px; line-height:1.4; }
.xk-player-detail-tabs .active small { color:#b7ceba; }
.xk-player-page #pills-certificate .alert { border:1px solid #37543e; border-radius:15px; background:radial-gradient(ellipse at top,#24462d77,transparent 70%),#102218; color:#bdcec1; padding:26px; }
.xk-player-page #pills-certificate .progress { background:#283c2e; height:22px; border-radius:8px; }
.xk-player-page #pills-certificate .progress-bar { background:#d4b362!important; color:#14281a!important; }
.xk-player-page #pills-certificate .btn-warning { border-color:#e3c374; background:#e3c374; color:#15291b; border-radius:10px; padding:11px 18px; font-weight:600; }
@media(max-width:480px) { .xk-player-page .xk-player-detail-tabs .nav-link { gap:8px; padding:10px 8px; min-height:74px; } .xk-player-tab-icon { flex-basis:30px; height:34px; font-size:14px; border-radius:9px; } .xk-player-tab-copy strong { font-size:12px; } .xk-player-tab-copy small { font-size:10px; } }

/* Curriculum modules are distinct from their nested lesson rows. */
.xk-player-page #coursePlay { display:grid; gap:12px; }
.xk-player-page #coursePlay .xk-player-section { overflow:hidden; margin:0; border:1px solid #314e3a; border-radius:13px; background:#12271b; }
.xk-player-page #coursePlay .accordion-header { margin:0; }
.xk-player-page #coursePlay .accordion-button { display:flex; align-items:center; gap:12px; min-height:82px; padding:16px 14px; background:linear-gradient(115deg,#193322,#11271a); border-radius:0; }
.xk-player-page #coursePlay .accordion-button:hover { background:#203e29; }
.xk-player-page #coursePlay .accordion-button:not(.collapsed) { background:linear-gradient(115deg,#28452b,#193422); box-shadow:inset 3px 0 #d4b362; }
.xk-player-section-number { display:grid; place-items:center; flex:0 0 34px; height:38px; border:1px solid #45624b; border-radius:10px; background:#0e2115; color:#cdb673; font-size:12px; font-weight:700; }
.xk-player-section-copy { display:grid; gap:6px; flex:1; min-width:0; text-align:left; }
.xk-player-section-copy small { color:#9db3a2; font-size:10px; font-weight:500; line-height:1.3; }
.xk-player-section-copy strong { color:#e5efe7; font-size:14px; font-weight:600; line-height:1.4; overflow-wrap:anywhere; }
.xk-player-page #coursePlay .accordion-button::after { flex:0 0 14px; width:14px; height:14px; background-size:14px; margin-left:0; }
.xk-player-page #coursePlay .accordion-body { padding:10px 8px; background:#0b1a11; border-top:1px solid #314e3a; }
.xk-player-page #coursePlay .coourse-playlist-list { margin:0; }

/* Lesson status remains readable through both icons and text. */
.xk-player-page .xk-lesson-row { display:block; }
.xk-lesson-main { display:flex; align-items:center; gap:11px; width:100%; }
.xk-lesson-copy { flex:1; min-width:0; }
.xk-lesson-status-icon { display:grid; place-items:center; flex:0 0 30px; height:30px; border-radius:9px; background:#1c2e22; color:#9aaca0; font-size:16px; }
.xk-lesson-meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:6px; }
.xk-lesson-status { font-size:10px; font-weight:600; color:#a2b4a8; }
.xk-player-page .xk-lesson-meta .duration { margin:0; }
.xk-lesson-row.is-completed .xk-lesson-status-icon { background:#1c492c; color:#84e49d; }
.xk-lesson-row.is-completed .xk-lesson-status { color:#84e49d; }
.xk-lesson-row.is-progress .xk-lesson-status-icon { background:#493f20; color:#f4d27e; }
.xk-lesson-row.is-progress .xk-lesson-status { color:#f4d27e; }
.xk-lesson-row.is-locked .xk-lesson-status-icon { background:#4b3020; color:#ffc58b; border:1px solid #96633b; }
.xk-lesson-row.is-locked .xk-lesson-status { color:#ffc58b; }
.xk-player-page .xk-lesson-row.is-locked { background:#211e16; border-color:#59422b; }
.xk-player-page .xk-lesson-row.active { box-shadow:inset 3px 0 #efc974; }
.xk-lesson-main > .form-check-input { flex:0 0 16px; width:16px; height:16px; }

/* Resources and certificate panel. */
body.xk-player-page.xk-storefront .xk-player-bottom-panel { padding:28px; border:1px solid #252d27; border-radius:18px; background:radial-gradient(ellipse at 52% 45%,rgba(27,91,8,.34),transparent 70%),#020503; }
.xk-player-bottom-panel .xk-player-lesson-heading { display:none; }
.xk-player-page .xk-player-bottom-panel .xk-player-lesson-nav { margin:0 0 28px; padding:0; border:0; background:none; }
.xk-player-bottom-panel .xk-player-lesson-nav a { background:none; border:0; padding:8px 10px; color:#eee; }
.xk-player-bottom-panel .xk-player-lesson-nav .xk-player-next { color:#b9dfa5; }
.xk-player-page .xk-player-bottom-panel .xk-player-detail-tabs { padding:0; border:0; border-radius:0; background:none; gap:24px; margin-bottom:36px; }
.xk-player-page .xk-player-bottom-panel .xk-player-detail-tabs .nav-link { min-height:108px; padding:24px; gap:16px; border:1px solid #2b302c; border-radius:14px; background:#101311; box-shadow:none; color:#fff; }
.xk-player-page .xk-player-bottom-panel .xk-player-detail-tabs .nav-link.active { background:linear-gradient(100deg,#083638,rgba(1,14,12,.5)); border-color:#283e35; color:#fff; }
.xk-player-bottom-panel .xk-player-tab-icon,.xk-player-bottom-panel .active .xk-player-tab-icon { display:grid; place-items:center; flex:0 0 30px; height:40px; border:0; border-radius:0; background:none; color:#eee; font-size:28px; }
.xk-player-bottom-panel #pills-certificate-tab .xk-player-tab-icon { color:#d8b765; }
.xk-player-bottom-panel .xk-player-tab-copy strong { font-size:22px; color:#f5f5f5; font-weight:600; }
.xk-player-bottom-panel .xk-player-tab-copy small { font-size:10px; color:#9ca79f; }
.xk-player-bottom-panel h3 { font-size:24px; font-weight:600; color:#f3f4f3; margin:0 0 12px; }
.xk-resource-intro { color:#939d93; font-size:17px; line-height:1.9; max-width:640px; }
.xk-lesson-resource { display:inline-flex; align-items:center; gap:12px; padding:12px; color:#c3cec4; font-size:16px; }
.xk-resource-empty { color:#8b978e; font-size:14px; }
.xk-player-certificate { text-align:center; padding:4px 0 12px; }
.xk-player-certificate > i { display:block; color:#d6b55d; font-size:44px; margin-bottom:22px; }
.xk-player-certificate p { color:#d6ddd6; font-size:16px; line-height:1.8; margin:0 0 24px; }
.xk-certificate-locked { display:inline-flex; align-items:center; gap:8px; padding:5px 10px; background:#242a25; border-radius:20px; color:#d4d9d5; }
.xk-certificate-download { display:inline-block; background:#208c0c; color:#fff; padding:10px 20px; border-radius:20px; }
@media(max-width:600px) { body.xk-player-page.xk-storefront .xk-player-bottom-panel { padding:18px; } .xk-player-page .xk-player-bottom-panel .xk-player-detail-tabs { gap:10px; } .xk-player-page .xk-player-bottom-panel .xk-player-detail-tabs .nav-link { padding:14px 10px; gap:8px; min-height:88px; } .xk-player-bottom-panel .xk-player-tab-copy strong { font-size:16px; } }
body.xk-player-page.xk-storefront .xk-player-bottom-panel { background:radial-gradient(ellipse at 52% 45%,rgba(27,91,8,.34),transparent 70%),#020503!important; }
body.xk-player-page.xk-storefront .xk-player-bottom-panel .nav-pills .nav-link.active { background:linear-gradient(100deg,#083638,rgba(1,14,12,.5))!important; border-color:#283e35!important; color:#fff!important; }
body.xk-player-page .xk-player-bottom-panel .nav-link::after { display:none!important; }
body.xk-player-page .xk-player-bottom-panel .xk-player-tab-icon { color:#eee!important; background:none!important; border:0!important; }
body.xk-player-page .xk-player-bottom-panel #pills-certificate-tab .xk-player-tab-icon { color:#d8b765!important; }
body.xk-player-page .xk-player-bottom-panel .xk-player-tab-icon i { color:inherit!important; }
body.xk-player-page.xk-storefront .xk-player-bottom-panel .xk-player-detail-tabs .nav-link.active .xk-player-tab-icon i { color:#eee!important; }
body.xk-player-page.xk-storefront .xk-player-bottom-panel .xk-player-detail-tabs #pills-certificate-tab .xk-player-tab-icon i { color:#d8b765!important; }
body.xk-player-page.xk-storefront .xk-player-certificate > i { color:#d6b55d!important; font-size:44px!important; }