[hidden]{display:none!important}
.content-shell{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;align-items:start}
.content-list,.content-detail,.detail-body{min-width:0}
.content-list{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}
.content-filters{display:grid;gap:10px;margin-bottom:14px}
.course-list{display:grid;gap:8px}
.select-course{display:grid;text-align:right;gap:5px;width:100%;background:#f5f8fd;border:1px solid var(--line);border-radius:14px;color:var(--ink);padding:14px;font-weight:normal}
.select-course strong{font-size:16px}.select-course small,.section-row small,.lesson-row small{display:block;color:var(--muted);font-weight:normal}
.select-course.selected{background:#eaf0ff;border-color:var(--blue);box-shadow:inset 3px 0 var(--blue)}
.detail-header{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:12px}
.detail-header h2{margin:8px 0}.content-tabs{display:flex;overflow-x:auto;gap:6px;background:#fff;border:1px solid var(--line);padding:8px;border-radius:15px;margin-bottom:14px}
.content-tabs button{white-space:nowrap;background:transparent;color:var(--muted);font-weight:700}.content-tabs button.active{background:var(--blue);color:#fff}
.detail-body{display:grid;gap:10px}.detail-card{display:grid;gap:12px}.accordion{padding:0;overflow:visible}
.accordion summary{cursor:pointer;padding:18px;font-weight:800}.accordion-body{display:grid;gap:12px;padding:0 18px 18px}
.section-row,.lesson-row,.student-row,.resource-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.lesson-row,.student-row,.resource-row{padding:12px 0;border-bottom:1px solid var(--line)}.resource-row a{overflow-wrap:anywhere}
.action-menu{position:relative;flex-shrink:0}.action-menu summary{cursor:pointer;background:#eaf0ff;color:var(--blue);border-radius:10px;padding:8px 12px;font-weight:800;list-style:none}
.action-menu summary::-webkit-details-marker{display:none}.action-menu>div{position:absolute;z-index:5;left:0;top:calc(100% + 5px);display:grid;gap:6px;min-width:180px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #173e8d30}
.action-menu>div button{text-align:right}.detail-body .toolbar h3{margin:0}
#modal-message{font-weight:700}#modal-form .actions{position:sticky;bottom:-24px;background:#fff;padding:10px 0}
@media(max-width:1080px){.content-shell{grid-template-columns:1fr}.content-list{position:static;max-height:none}.course-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.course-list{grid-template-columns:1fr}.content-tabs{margin-inline:-6px}.detail-header,.section-row,.student-row,.lesson-row{flex-wrap:wrap}.action-menu>div{left:auto;right:0}.content-shell{gap:12px}}