#permissionModal .modal-card,
#permissionModal .modal-body,
#permissionModal #permissionRows { min-width: 0; max-width: 100%; overflow-x: hidden; }
#permissionModal #permissionRows { padding-right: 10px; }
#permissionModal .module-permission-row { grid-template-columns: minmax(150px, 190px) minmax(0, 1fr) minmax(0, 1fr); min-width: 0; }
#permissionModal .module-permission-row > header,
#permissionModal .module-permission-row > section { min-width: 0; }
#permissionModal .module-permission-checks { display: grid; grid-template-columns: repeat(auto-fit, minmax(116px, 1fr)); gap: 6px; min-width: 0; }
#permissionModal .module-permission-checks label { display: flex; align-items: center; gap: 6px; min-width: 0; min-height: 34px; padding: 6px 8px; white-space: normal; overflow-wrap: anywhere; line-height: 1.35; }
#permissionModal .module-permission-checks label input { flex: 0 0 auto; margin: 0; }
#permissionModal .modal-actions { position: sticky; bottom: 0; z-index: 3; background: #fff; }
@media (max-width: 1050px) {
  #permissionModal .module-permission-row { grid-template-columns: minmax(140px, 170px) minmax(0, 1fr); }
  #permissionModal .module-permission-row > section:last-child { grid-column: 2; }
}
@media (max-width: 780px) {
  #permissionModal .module-permission-row { grid-template-columns: 1fr; }
  #permissionModal .module-permission-row > section:last-child { grid-column: auto; }
}