/* AI-CLO PTITHCM V12.4.17 — Chương · Chủ đề · CLO module styles. */
/* Canonical owner for course-structure content/edit-state CSS. */

.structure-list{display:grid;gap:10px}
.structure-chapter{border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.structure-chapter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.structure-chapter-head>div:first-child{display:grid;gap:3px}
.structure-chapter-head small{color:var(--muted)}
.structure-actions,.topic-actions{display:flex;gap:6px;flex-wrap:wrap}
.structure-actions button,.topic-actions button{border:0;background:#f1f3f6;border-radius:6px;padding:6px 8px;font-size:12px}
.structure-actions .danger-link,.topic-actions .danger-link{background:#feecef;color:#9b1c2e}
.topic-list{display:grid;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.topic-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.safe-delete{padding:20px}
.safe-delete>p:first-child{margin-top:0}
.dependency-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.dependency-list span{padding:12px;border:1px solid var(--line);border-radius:8px;text-align:center;background:#f8fafc}
.dependency-list b{display:block;font-size:20px;color:var(--red)}

/* Legacy-compatible edit-mode selectors kept with their owning module. */
.structure-v95:not(.is-editing) #addChapter,
.structure-v95:not(.is-editing) #addClo,
.structure-v95:not(.is-editing) .structure-actions,
.structure-v95:not(.is-editing) .topic-actions,
.structure-v95:not(.is-editing) [data-delete-clo]{display:none!important}
.structure-v95.is-editing>.grid2>.panel{box-shadow:0 0 0 2px #a61d2d18}
.structure-v95 #structureEditMode{margin-left:auto}

@media(max-width:560px){
  .structure-chapter-head,.topic-row{align-items:stretch;flex-direction:column}
  .structure-actions,.topic-actions{justify-content:flex-end}
  .dependency-list{grid-template-columns:1fr}
}