/* LVL Course Maintenance V1 */
.course-maintenance-panel{margin:0 0 20px;padding:22px;border:1px solid rgba(135,117,255,.22);background:linear-gradient(145deg,rgba(24,25,42,.98),rgba(17,18,31,.98));box-shadow:0 18px 44px rgba(5,6,18,.22)}
.course-maintenance-head{align-items:center;margin-bottom:14px}
.course-maintenance-head h3{margin-top:3px}
.course-maintenance-count{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border:1px solid rgba(167,139,250,.25);border-radius:999px;background:rgba(124,92,255,.12);color:#d9d0ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.course-maintenance-intro{display:flex;align-items:center;gap:13px;margin-bottom:14px;padding:13px 15px;border:1px solid rgba(83,207,170,.18);border-radius:14px;background:rgba(34,197,146,.065)}
.course-maintenance-intro strong{display:block;color:#f4f2ff;font-size:13px}
.course-maintenance-intro p{margin:3px 0 0;color:#9fa2b8;font-size:12px;line-height:1.5}
.course-maintenance-shield{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(83,207,170,.24);border-radius:12px;background:rgba(45,204,154,.11);color:#59d8ae;font-size:22px}
.course-maintenance-feedback{min-height:18px;margin:0 2px 7px;color:#9498ad;font-size:11px;font-weight:700}
.course-maintenance-feedback.success{color:#5fd9b2}
.course-maintenance-feedback.error{color:#ff8b9a}
.course-maintenance-feedback.saving{color:#b9aaff}
.course-maintenance-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.course-maintenance-item{display:flex;align-items:center;gap:11px;min-width:0;padding:11px 12px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025);transition:border-color .18s ease,background .18s ease,opacity .18s ease}
.course-maintenance-item:hover{border-color:rgba(155,133,255,.28);background:rgba(124,92,255,.045)}
.course-maintenance-item.is-hidden{border-color:rgba(255,130,145,.15);background:rgba(255,91,116,.035)}
.course-maintenance-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#7c5cff,#a77bff);color:#fff;font-size:11px;font-weight:900;letter-spacing:.03em;box-shadow:0 8px 20px rgba(89,61,196,.22)}
.course-maintenance-blue{background:linear-gradient(145deg,#4d8cff,#55c2ff)}
.course-maintenance-green{background:linear-gradient(145deg,#23b887,#5cdbaf)}
.course-maintenance-orange{background:linear-gradient(145deg,#ef8c45,#ffc365)}
.course-maintenance-copy{min-width:0;flex:1}
.course-maintenance-copy strong,.course-maintenance-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.course-maintenance-copy strong{color:#f4f2ff;font-size:13px}
.course-maintenance-copy small{margin-top:3px;color:#7f8297;font-size:10px}
.course-maintenance-toggle{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-width:92px;height:34px;padding:0 10px;border:1px solid rgba(82,214,170,.25);border-radius:10px;background:rgba(41,190,143,.09);color:#66ddb6;font-size:10px;font-weight:900;letter-spacing:.07em;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.course-maintenance-toggle:hover{transform:translateY(-1px);border-color:rgba(82,214,170,.45);background:rgba(41,190,143,.14)}
.course-maintenance-toggle:disabled{cursor:wait;opacity:.62;transform:none}
.course-maintenance-toggle i{width:7px;height:7px;border-radius:50%;background:#51d3a8;box-shadow:0 0 0 4px rgba(81,211,168,.1)}
.course-maintenance-toggle.is-hidden{border-color:rgba(255,112,132,.28);background:rgba(255,91,116,.08);color:#ff91a1}
.course-maintenance-toggle.is-hidden i{background:#ff7187;box-shadow:0 0 0 4px rgba(255,113,135,.1)}
.course-maintenance-empty{grid-column:1/-1;padding:22px;text-align:center;color:#85899e;font-size:12px}
@media(max-width:900px){.course-maintenance-list{grid-template-columns:1fr}}
@media(max-width:600px){
  .course-maintenance-panel{margin-bottom:14px;padding:15px;border-radius:16px}
  .course-maintenance-head{gap:9px}
  .course-maintenance-head h3{font-size:18px}
  .course-maintenance-count{min-height:27px;padding:0 9px;font-size:9px}
  .course-maintenance-intro{align-items:flex-start;padding:11px}
  .course-maintenance-intro p{font-size:11px}
  .course-maintenance-item{gap:9px;padding:10px}
  .course-maintenance-icon{flex-basis:34px;width:34px;height:34px}
  .course-maintenance-toggle{min-width:82px;height:32px;padding:0 8px;font-size:9px}
}

/* V1.21.0 — maintenance catalog filtering, lesson totals and real learner progress */
.course-maintenance-stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px}
.course-maintenance-stats span{display:inline-flex;align-items:center;gap:5px;min-width:0;color:#a9adbf;font-size:10px;font-weight:700;white-space:nowrap}
.course-maintenance-stats svg{width:14px;height:14px;fill:none;stroke:#9b83ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.course-maintenance-stats b{overflow:hidden;text-overflow:ellipsis;color:#c7c9d8;font:inherit}
.course-maintenance-actions{display:flex;flex:0 0 92px;flex-direction:column;gap:6px;width:92px}
.course-maintenance-test{display:inline-flex;align-items:center;justify-content:center;width:100%;height:27px;padding:0 9px;border:1px solid rgba(155,131,255,.23);border-radius:9px;background:rgba(124,92,255,.07);color:#c3b7ff;font-size:9px;font-weight:900;letter-spacing:.08em;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.course-maintenance-test:hover{transform:translateY(-1px);border-color:rgba(155,131,255,.45);background:rgba(124,92,255,.13)}
.course-maintenance-test:disabled{cursor:wait;opacity:.62;transform:none}
.course-maintenance-actions .course-maintenance-toggle{width:100%}
@media(max-width:600px){
  .course-maintenance-item{align-items:flex-start}
  .course-maintenance-copy{padding-top:1px}
  .course-maintenance-stats{gap:5px 9px;margin-top:7px}
  .course-maintenance-actions{flex-basis:78px;width:78px}
  .course-maintenance-actions .course-maintenance-toggle{min-width:0}
}