/*
 * GAINVO v3.5.1
 * Shared card-header alignment for flush table and ledger panels.
 */

/*
 * Table panels deliberately remove the normal panel padding so their tables
 * can reach the card edges. Restore the same readable inset for any heading
 * that appears above the table.
 */
:where(
  .table-panel,
  .admin-account-table,
  .admin-audit-table
) > .panel-head {
  width: 100%;
  min-width: 0;
  padding: 20px 20px 0;
  margin-bottom: 16px;
  text-align: left;
}

:where(
  .table-panel,
  .admin-account-table,
  .admin-audit-table
) > .panel-head > div {
  min-width: 0;
  max-width: min(100%, 78ch);
}

:where(
  .table-panel,
  .admin-account-table,
  .admin-audit-table
) > .panel-head :where(.eyebrow, h2, p) {
  max-width: 100%;
  text-align: left;
}

:where(
  .table-panel,
  .admin-account-table,
  .admin-audit-table
) > .panel-head h2 {
  line-height: 1.25;
}

:where(
  .table-panel,
  .admin-account-table,
  .admin-audit-table
) > .panel-head p {
  line-height: 1.5;
}

/* Keep the heading inset visually aligned with compact table cells on phones. */
@media (max-width: 680px) {
  :where(
    .table-panel,
    .admin-account-table,
    .admin-audit-table
  ) > .panel-head {
    padding: 16px 16px 0;
    margin-bottom: 13px;
  }
}