.na-lms-course-page{background:#f5faff;padding:44px 0 72px;font-family:Almarai,Tahoma,Arial,sans-serif;color:#14213d}
.na-lms-course-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.na-lms-course-hero{position:relative;overflow:hidden;border-radius:34px;padding:44px;background:radial-gradient(circle at 12% 20%,rgba(0,213,252,.28),transparent 28%),linear-gradient(135deg,#07124a 0%,#2600ce 58%,#00d5fc 100%);color:#fff;box-shadow:0 26px 80px rgba(38,0,206,.18)}
.na-lms-course-labels{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.na-lms-course-labels span{display:inline-flex;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:13px;color:#fff}
.na-lms-course-hero h1{margin:0 0 14px;color:#fff;font-size:42px;line-height:1.35}
.na-lms-course-hero p{max-width:860px;color:rgba(255,255,255,.88);font-size:17px;line-height:1.9;margin:0}
.na-lms-course-actions,.na-lms-side-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.na-lms-primary-btn,.na-lms-secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:12px 18px;text-decoration:none;font-weight:800}
.na-lms-primary-btn{background:linear-gradient(135deg,#2600ce,#00d5fc);color:#fff!important}
.na-lms-secondary-btn{background:#eef5ff;color:#07124a!important}
.na-lms-course-hero .na-lms-secondary-btn{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);color:#fff!important}
.na-lms-course-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:24px;margin-top:24px}
.na-lms-course-main{display:flex;flex-direction:column;gap:24px}
.na-lms-panel{background:#fff;border:1px solid #e4eef8;border-radius:28px;padding:28px;box-shadow:0 18px 50px rgba(15,38,90,.07)}
.na-lms-panel.sticky{position:sticky;top:100px}
.na-lms-panel h2{margin:0 0 18px;color:#07124a;font-size:25px}
.na-lms-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.na-lms-panel-head h2{margin:0}.na-lms-panel-head span{background:#eaf9ff;color:#075985;border-radius:999px;padding:6px 12px;font-weight:800;font-size:13px}
.na-lms-prose,.na-lms-prose p,.na-lms-panel p,.na-lms-clean-list li{font-size:16px;line-height:1.9;color:#34405a;text-align:justify}
.na-lms-clean-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.na-lms-clean-list li{padding:13px 16px;background:#f8fbff;border:1px solid #e2edf7;border-radius:16px}
.na-lms-empty{padding:18px;border-radius:18px;background:#f8fbff;border:1px dashed #c9dcef;color:#64748b;line-height:1.9}
.na-lms-lesson-list{display:flex;flex-direction:column;gap:14px}
.na-lms-lesson-card{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:start;background:#fbfdff;border:1px solid #e2edf7;border-radius:20px;padding:16px}
.na-lms-lesson-number{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#2600ce,#00d5fc);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}
.na-lms-lesson-content h3{margin:0 0 6px;color:#07124a;font-size:18px}
.na-lms-lesson-meta{color:#64748b;font-size:13px;margin-bottom:8px}
.na-lms-lesson-content p{margin:6px 0 0}
.na-lms-lesson-actions a,.na-lms-lesson-actions span{display:inline-flex;padding:9px 13px;border-radius:12px;background:#eef5ff;color:#07124a;text-decoration:none;font-weight:800;font-size:13px}
.na-lms-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.na-lms-info-grid div{background:#f8fbff;border:1px solid #e2edf7;border-radius:18px;padding:15px}
.na-lms-info-grid span{display:block;color:#64748b;font-size:13px;margin-bottom:6px}
.na-lms-info-grid strong{display:block;color:#07124a;font-size:20px}
.na-lms-status-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.na-lms-status-list div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#fbfdff;border:1px solid #e2edf7}
.na-lms-status-list span{color:#64748b}.na-lms-status-list strong{color:#07124a}
.na-lms-warning{margin-top:16px;padding:14px;border-radius:16px;background:#fff8e6;border:1px solid #ffe0a3;color:#7a4b00;line-height:1.8}
.na-lms-side-title{margin-top:22px!important}
.na-lms-target{line-height:1.9;text-align:justify;color:#34405a}
.na-lms-admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.na-lms-admin-actions a{padding:15px;border-radius:16px;background:#f8fbff;border:1px solid #e2edf7;text-decoration:none;color:#07124a;font-weight:800}
@media(max-width:900px){.na-lms-course-grid{grid-template-columns:1fr}.na-lms-panel.sticky{position:static}.na-lms-course-hero{padding:30px}.na-lms-course-hero h1{font-size:32px}}
@media(max-width:640px){.na-lms-info-grid{grid-template-columns:1fr}.na-lms-lesson-card{grid-template-columns:46px 1fr}.na-lms-lesson-actions{grid-column:2}.na-lms-course-container{width:min(100% - 24px,1180px)}}


/* v2.3 course hero cover and generated covers */
.na-lms-course-hero-inner{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:center}
.na-lms-course-hero-cover .na-generated-cover{height:250px;border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.20)}
.na-generated-cover{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--na-c1,#07124a),var(--na-c2,#2600ce) 60%,var(--na-c3,#00d5fc));background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px}
.na-generated-cover.na-cover-image{padding:0}
.na-cover-orb{position:absolute;border-radius:999px;background:rgba(255,255,255,.16)}
.na-cover-orb.one{width:150px;height:150px;right:-45px;top:-45px}
.na-cover-orb.two{width:110px;height:110px;left:-30px;bottom:-35px;background:rgba(255,255,255,.10)}
.na-cover-top,.na-cover-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}
.na-cover-top span,.na-cover-bottom span{font-size:12px;color:rgba(255,255,255,.82)}
.na-cover-top strong{font-size:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 9px}
.na-cover-mid{position:relative;z-index:2}
.na-cover-mid h3{margin:0 0 8px!important;color:#fff!important;font-size:24px!important;line-height:1.35}
.na-cover-mid p{margin:0!important;color:rgba(255,255,255,.82)!important;font-size:13px!important;line-height:1.5!important;text-align:inherit!important}
@media(max-width:900px){.na-lms-course-hero-inner{grid-template-columns:1fr}.na-lms-course-hero-cover .na-generated-cover{height:210px}}