/* CUBE: block — the full-height frame a screen fills below the app bar.
   page-head and toolbar stay fixed; the table-card (or __body) takes the
   remaining height and scrolls internally, so a 7" tablet never page-scrolls. */

.screen {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
  block-size: calc(100dvh - var(--app-bar-height));
}
.screen__body {
  flex: 1;
  min-block-size: 0;
  overflow: auto;
}