/* FP-FIX-REQUESTS: the public Changes page, the "Fix requested" tag and the fix sheet's request list. */

.cg-main { padding: 10px var(--gutter) 32px; display: flex; flex-direction: column; gap: 18px; }
.cg-headblock { display: flex; flex-direction: column; gap: 12px; }
.cg-pinned { display: flex; flex-direction: column; gap: 10px; }
.cg-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }

.cg-item {
  display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; border-radius: 14px;
  background: var(--surface); border: 1px solid var(--border); min-width: 0;
}
.cg-item.pinned { border-color: var(--gold-line-2); background: var(--live-surface); }
.cg-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cg-kind { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--subtle); }
.cg-when { margin-left: auto; font-size: 12px; color: var(--subtle); font-variant-numeric: tabular-nums; white-space: nowrap; }
.cg-badge { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; border-radius: 6px; padding: 1px 6px; border: 1px solid var(--border-strong); color: var(--muted); }
.cg-badge.pending { color: var(--gold); border-color: var(--gold-line-3); }
.cg-badge.approved { color: var(--ink); border-color: var(--ink); }
.cg-badge.denied { color: var(--error-ink); border-color: var(--border-alert); }
.cg-badge.muted { color: var(--subtle); border-style: dashed; }
.cg-head { font-size: 15px; line-height: 1.35; overflow-wrap: anywhere; }
.cg-match { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cg-match-meta { font-size: 12px; color: var(--subtle); font-variant-numeric: tabular-nums; }
.cg-match-line { font-size: 16px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.cg-change { font-size: 14px; line-height: 1.4; color: var(--soft-ink); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.cg-label { color: var(--subtle); }
.cg-reason, .cg-note { font-size: 14px; line-height: 1.4; color: var(--muted); overflow-wrap: anywhere; }
.cg-decision { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px; font-size: 13px; line-height: 1.4; color: var(--muted); padding-top: 6px; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.cg-decision strong { color: var(--ink); }
.cg-decision .cg-note { flex-basis: 100%; }
.cg-decision .cg-when { margin-left: 0; }
.cg-hint { font-size: 13px; line-height: 1.4; color: var(--subtle); }
.cg-hint.center { text-align: center; margin: 0; }
.cg-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 4px; }

/* "Changes · 2 pending" link on the ladder and Settings. */
.cg-link { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--gold); text-decoration: none; }
.cg-link:hover { color: var(--gold-hover); }
.cg-link-count { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: var(--red); color: #FFFFFF; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.cg-ladder-link { padding: 0 var(--gutter); }

/* Match lists and the fix sheet. */
.badge.fix-requested { color: var(--gold); border: 1px dashed var(--gold-line-3); }
.fx-reqs { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 14px; border: 1px dashed var(--gold-line-2); background: var(--gold-tint); }
.fx-reqs-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.fx-reqs-head .link-action { min-height: 32px; font-size: 13px; }
.fx-req { display: flex; flex-direction: column; gap: 2px; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.fx-req-reason { font-size: 13px; color: var(--muted); }
.fx-withdraw { align-self: flex-start; min-height: 36px; }
.fx-changes { align-self: flex-start; font-size: 13px; }
.dbl-feed-note { margin: 0; font-size: 13px; line-height: 1.4; color: var(--muted); }
.hist-row > a.hist-note { display: flex; align-items: center; gap: 6px; min-height: 32px; font-size: 13px; color: var(--muted); text-decoration: none; }