/* 307dw — Subject classification hierarchy ONLY. Object row depth reference:
   Level 1: 9px/800; Level 2: 25px/400; Level 3: 41px/400; Level 4: 57px/400.
   Selection stays independent of expansion (existing app.js events untouched). */
body.atosy-view-subject #subject-full-page #subject-classification-panel #subject-classification-tree .subject-classification-children {
  padding:0 !important; margin:0 !important; border:0 !important;
  width:100% !important; max-width:100% !important;
}
body.atosy-view-subject #subject-full-page #subject-classification-panel #subject-classification-tree .subject-classification-node {
  width:100% !important; max-width:100% !important;
  margin-left:0 !important; padding-left:0 !important;
  box-sizing:border-box !important;
}
/* The level comes from app.js's data-subject-level, never guessed from visual nesting. */
body.atosy-view-subject #subject-full-page #subject-classification-panel #subject-classification-tree .subject-classification-node[data-subject-level] > .subject-classification-row {
  width:100% !important; box-sizing:border-box !important;
  padding-left:calc(9px + (var(--subject-depth, 0) * 16px)) !important;
  padding-right:9px !important;
  margin-left:0 !important;
}
body.atosy-view-subject #subject-full-page #subject-classification-panel #subject-classification-tree .subject-classification-node[data-subject-level] > .subject-classification-row > .subject-classification-label,
body.atosy-view-subject #subject-full-page #subject-classification-panel #subject-classification-tree .subject-classification-node[data-subject-level] > .subject-classification-row > .subject-classification-label .subject-classification-name,
body.atosy-view-subject #subject-full-page #subject-classification-panel #subject-classification-tree .subject-classification-node[data-subject-level] > .subject-classification-row > .subject-classification-label .subject-classification-count,
body.atosy-view-subject #subject-full-page #subject-classification-panel #subject-classification-tree .subject-classification-node[data-subject-level] > .subject-classification-row > .subject-classification-toggle {
  font-weight:400 !important;
}
body.atosy-view-subject #subject-full-page #subject-classification-panel #subject-classification-tree .subject-classification-node[data-subject-level="1"] > .subject-classification-row > .subject-classification-label,
body.atosy-view-subject #subject-full-page #subject-classification-panel #subject-classification-tree .subject-classification-node[data-subject-level="1"] > .subject-classification-row > .subject-classification-label .subject-classification-name,
body.atosy-view-subject #subject-full-page #subject-classification-panel #subject-classification-tree .subject-classification-node[data-subject-level="1"] > .subject-classification-row > .subject-classification-label .subject-classification-count,
body.atosy-view-subject #subject-full-page #subject-classification-panel #subject-classification-tree .subject-classification-node[data-subject-level="1"] > .subject-classification-row > .subject-classification-toggle {
  font-weight:800 !important;
}
/* Subtitle is presentational only; keep all existing controls/DOM/events intact. */
body.atosy-view-subject #subject-full-page #subject-classification-panel #atosy-classification-fixed-v4 .atosy-class-title-v4::after {
  content:"Danh mục canonical\a Subject Category";
  white-space:pre !important;
  display:block !important;
  margin-top:4px !important;
  font:400 11px/1.15 system-ui,sans-serif !important;
  color:#dceaff !important;
}