/* The two !important resets only override Bootstrap's matching utility rules. */
html.abc-ndt-embedded.h-100,
html.abc-ndt-embedded > body.h-100 { height: auto !important; min-height: 0; }
html.abc-ndt-embedded .abc-ndt-branding.d-md-block { display: none !important; }
html.abc-ndt-embedded > body > footer { display: none; }
html.abc-ndt-embedded #navbar.sticky-top { top: var(--abc-visible-y, 0px); }
html.abc-ndt-embedded > body > .modal,
html.abc-ndt-embedded > body > .modal-backdrop {
  top: var(--abc-visible-y, 0px);
  left: var(--abc-visible-x, 0px);
  width: var(--abc-visible-width, 100%);
  height: var(--abc-visible-height, 100vh);
  bottom: auto;
  right: auto;
}
html.abc-ndt-embedded > body > .modal .modal-dialog {
  max-height: calc(100% - var(--bs-modal-margin) * 2);
}
html.abc-ndt-embedded > body > .modal .modal-dialog-centered,
html.abc-ndt-embedded > body > .modal .modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
  min-height: 0;
}
html.abc-ndt-embedded > body > .modal .modal-content { max-height: 100%; }
/* Public descriptions put branding, title and both actions in one header. */
html.abc-ndt-embedded > body > .modal .modal-header { flex-wrap: wrap; row-gap: 0.5rem; }
html.abc-ndt-embedded > body > .modal .modal-header > .btn-group {
  flex-wrap: wrap;
  max-width: calc(100% - 1rem);
}
html.abc-ndt-embedded > body > .modal .modal-header > .btn-group > .btn {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
html.abc-ndt-embedded > body > .modal .modal-body { overflow-y: auto; }
html.abc-ndt-embedded > body > .modal .modal-dialog.modal-fullscreen {
  max-height: 100%;
  height: 100%;
  margin: 0;
}