.row.justify-content-center.justify-content-sm-between.align-items-sm-center {
  margin: 8px 12px;
}

/* ==========================================================================
   POPUP & MODAL GLOBAL STANDARDIZATION (Tránh chạm trần & Đè Topbar)
   ========================================================================== */
.modal,
.modal.fade.show {
  z-index: 1050 !important;
  height: auto;
}

.modal-backdrop,
.modal-backdrop.show {
  z-index: 1040 !important;
}

/* Khoảng đệm an toàn phía trên tránh chạm trần hoặc chui dưới Topbar */
.modal-dialog:not(.modal-dialog-centered):not(.modal-fullscreen) {
  margin-top: calc(70px + 1.5rem) !important;
  margin-bottom: 2rem !important;
}

.modal-dialog.modal-dialog-centered:not(.modal-fullscreen) {
  margin-top: auto !important;
  margin-bottom: auto !important;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.modal-dialog:not(.modal-fullscreen) .modal-content {
  max-height: calc(100vh - 100px);
}

/* ==========================================================================
   Industry Category Tree Node Hover Actions
   ========================================================================== */
.tree-node-item .hover-actions {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
}

.tree-node-item:hover .hover-actions,
.tree-node-row:hover > .tree-node-item .hover-actions,
.tree-node-item.is-selected .hover-actions {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ==========================================================================
   Bootstrap Collapse & Navbar Menu Visibility (Fix Tailwind collision)
   ========================================================================== */
.collapse.show,
.navbar-menu .collapse,
.navbar-menu .collapse.show,
.navbar-menu .navbar-nav .menu-dropdown {
  visibility: visible !important;
}

.collapse:not(.show) {
  display: none;
}

/* ==========================================================================
   Question Template Modal Popup in Evaluation Criteria
   ========================================================================== */
.modal-question-template .modal-dialog {
  max-width: 960px !important;
  width: 92vw !important;
}