/* Viewport-centered dialogs, including authenticated iframe pages. */
@layer intranetModals {
  dialog {
    position:fixed !important;
    inset:0 !important;
    margin:auto !important;
    transform:none !important;
    max-height:calc(100dvh - 100px) !important;
    max-width:calc(100vw - 40px) !important;
    box-sizing:border-box !important;
    overflow:auto;
  }
  dialog::backdrop { background:rgba(20,40,66,.45) !important; }
  .modal-back, .manage-back {
    position:fixed !important;
    inset:0 !important;
    width:100% !important;
    height:100dvh !important;
    margin:0 !important;
    padding:20px !important;
    box-sizing:border-box !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(20,40,66,.45) !important;
    z-index:2147483000 !important;
  }
  .modal-back>.modal, .manage-back>.manage-modal {
    position:relative !important;
    inset:auto !important;
    margin:auto !important;
    transform:none !important;
    max-height:calc(100dvh - 100px) !important;
    overflow:auto !important;
  }
  html.tb-modal-frame, html.tb-modal-frame body { background:transparent !important; }
  html.tb-modal-frame { overflow:hidden !important; }
  html.tb-modal-frame body {
    position:relative !important;
    left:var(--tb-frame-left) !important;
    top:var(--tb-frame-top) !important;
    width:var(--tb-frame-width) !important;
    margin:0 !important;
  }
}