/* Keep long navigation labels and table contents inside the available column. */
.admin-layout { grid-template-columns: 245px minmax(0, 1fr); }
.admin-layout > .admin-side,
.admin-layout > .admin-main { min-width: 0; max-width: 100%; }
.admin-menu { min-width: 0; max-width: 100%; }

@media (max-width: 980px) {
  .admin-layout { grid-template-columns: minmax(0, 1fr); }
  .admin-side .admin-menu {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding-bottom: 6px;
  }
  .admin-side .admin-menu a { min-height: 44px; display: flex; align-items: center; }
  .admin-main .admin-header > div { min-width: 0; }
  .admin-main .admin-header h1,
  .admin-main .admin-header p { overflow-wrap: anywhere; }
}
