/* ngx-bootstrap's dynamically-created .modal-content wrapper lives outside
   any Angular component's own template, so ConfirmDialogComponent (see
   src/app/components/shared/confirm-dialog/) can't reach it via
   component-scoped CSS or ::ng-deep (which only pierces into descendant
   component trees, not out to an ancestor it happens to be mounted inside).
   Tagged via BsModalService.show(ConfirmDialogComponent, { class: 'confirm-dialog' }).
   Strips bootstrap's default white/square/padded modal-content chrome so
   ConfirmDialogComponent's own rounded card is the only visible surface —
   otherwise its 24px corner radius sits visibly inset from the sharp
   default modal-content corners behind it. */
.modal-dialog.confirm-dialog .modal-content {
  border: 0;
  border-radius: 24px;
  overflow: hidden;
  padding: 0;
  background: transparent;
  box-shadow: none;
}