.flg-root { min-width: 0; }
/* Keep document controls in the viewport; only its content scrolls. */
.modal.wide.flg-review-modal {
  width: min(1180px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  padding: 0;
  overflow: hidden;
}
.flg-review-modal[open]:not([hidden]) {
  display: flex;
  flex-direction: column;
}
.flg-review-modal > .modal-head {
  flex: 0 0 auto;
  margin: 0;
  padding: 16px 22px;
  border-bottom: 1px solid #e4eaf0;
  gap: 12px;
}
.flg-review-modal > .modal-head h2 {
  overflow-wrap: anywhere;
}
.flg-review-modal > .modal-head .icon-button {
  flex: 0 0 auto;
}
.flg-review-modal > .flg-review-body {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
}
.flg-review-modal > .flg-modal-actions {
  flex: 0 0 auto;
  background: #fff;
}
.flg-table-scroll {
  max-width: 100%;
  overflow-x: auto;
}
.flg-import-scroll .flg-table {
  min-width: 1000px;
}
.flg-ledger-scroll .flg-table {
  min-width: 980px;
}
@media (min-width: 901px) {
  .flg-table-scroll th:last-child,
  .flg-table-scroll td:last-child {
    position: sticky;
    right: 0;
    z-index: 1;
    min-width: 96px;
    background: #fff;
    box-shadow: -1px 0 #e4eaf0;
  }
  .flg-table-scroll th:last-child { background: #f7f9fb; }
  .flg-table-scroll tr.flg-pending td:last-child { background: #fffcf7; }
}
@media (max-width: 900px) {
  .flg-import-scroll .flg-table,
  .flg-ledger-scroll .flg-table { min-width: 0; }
  .flg-table-scroll td:last-child { grid-column: 1 / -1; }
}