/*
 * Runtime layout fixes
 *
 * The global app shell uses a fixed topbar. The main content element also has
 * responsive utility padding classes. In some desktop/zoom combinations,
 * the all-sides padding utility can win over the top padding utility and push
 * page headings underneath the fixed topbar.
 *
 * Keep protected app content below the fixed topbar without changing route
 * logic or page components.
 */
main[class*="md:ms-64"] {
  padding-top: 5rem;
}

@media (min-width: 768px) {
  main[class*="md:ms-64"] {
    padding-top: 7rem;
  }
}

/*
 * Admin dashboard tables can contain long technical identifiers such as
 * operation keys, tenant ids, billing modes, and timestamps. Keep those tables
 * inside their cards instead of forcing the whole page to scroll sideways.
 */
main[class*="md:ms-64"] section:has(table) {
  min-width: 0;
}

main[class*="md:ms-64"] section:has(table) table {
  width: 100%;
  table-layout: fixed;
}

main[class*="md:ms-64"] section:has(table) th,
main[class*="md:ms-64"] section:has(table) td {
  max-width: 1px;
  overflow-wrap: anywhere;
  word-break: break-word;
}