/* Pull request summary (#3499, design epic #3432). No designer frame: the Nov-4
 * Figma's "view summary - TBD" (42:13729) is a copy of the Repositories audit
 * dialog, so the PR page takes that dialog's language (#3497, pages/audit.css):
 * its summary bar (the repository with the GitHub mark, the branch chip, the
 * commit line) and its findings table (chevron, panel, Copy fix prompt), on the
 * page's cards. This sheet holds only what differs: the cards are cards, not a
 * flat dialog, and the table has a Status column. Tokens only; dark from tokens.css. */

.pr-summary, .pr-findings { overflow: hidden; }

/* The bar: 24 28 as in the dialog; the repo link reads as the heading it is. */
.pr-summary .audit-repo a { color: inherit; text-decoration: none; }
.pr-summary .audit-repo a:hover { text-decoration: underline; }
.pr-summary .audit-repo a:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: var(--radius-xs); }
.pr-summary .audit-sub { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); }
.pr-summary .audit-summary-actions:empty { display: none; }

/* Findings: the dialog's lead size is the page title's; on a page it is a card title. */
.pr-findings .audit-lead { font: var(--type-title-sm); }
.pr-findings > .card-header + .empty { border-top: 0; }

/* Seven columns: the dialog's six plus Status (Location 220, Status 140, Actions 164). */
.pr-findings .audit-findings { min-width: 900px; }
/* Positioned, as .table-wrap is (app.css): each row's visually-hidden "Copied"
 * live region is absolute, and would otherwise widen the page past 360px. */
.pr-findings .audit-table-wrap { position: relative; }
.pr-findings .audit-findings th:nth-child(5) { width: 220px; }
.pr-findings .audit-findings th:nth-child(6) { width: 140px; }
.pr-findings .audit-findings th:nth-child(7) { width: 164px; }
.pr-findings .audit-findings .title + .badge { margin-left: var(--space-1); }
.pr-findings a.audit-where { color: var(--primary-text); text-decoration: underline; font-family: var(--font-mono); }
.pr-findings span.audit-where { font-family: var(--font-mono); }
.pr-findings .table-note { margin: 0; padding: var(--space-3) 28px; border-top: 1px solid var(--border-strong); }

@media (max-width: 760px) {
  .pr-summary .audit-summary, .pr-findings .audit-summary { padding-left: var(--space-4); padding-right: var(--space-4); }
}