/* FDR Changes — its own page, laid out like FPL's Price Changes page and
   drawn in FPL Analyzer's tactical palette (tactical-redesign.css tokens).
   Rises make a fixture harder, so they take the warm end of the site's FDR
   scale; drops make it easier and take the green end. */
#viewFdrChanges {
  --fdrc-surface: var(--tac-surface, #26262a);
  --fdrc-plane: var(--tac-plane, #111113);
  --fdrc-raised: var(--tac-raised, #323238);
  --fdrc-ink: var(--tac-ink, #fff);
  --fdrc-muted: var(--tac-muted, #8a8a8e);
  --fdrc-line: var(--border, rgba(255,255,255,.09));
  --fdrc-accent: var(--tac-cyan, #22d3ee);
  --fdrc-data: var(--tac-data, 'JetBrains Mono', ui-monospace, monospace);
}
#viewFdrChanges .scout-hero-icon { background: var(--tac-spectrum, linear-gradient(90deg, #c21500, #ffc500)); color: #0a0a0b; }

.fdrc { display: flex; flex-direction: column; gap: 14px; min-width: 0; color: var(--fdrc-ink); font-family: var(--tac-font, inherit); }
.fdrc-intro { margin: 0; max-width: 78ch; color: var(--text-secondary, #c7c7cb); font-size: .9rem; line-height: 1.5; }

.fdrc-note { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--fdrc-line); border-left: 3px solid var(--tac-amber, #ffac2e); border-radius: var(--radius, 6px); background: var(--fdrc-surface); font-size: .88rem; }

.fdrc-tabs { display: inline-flex; align-self: flex-start; padding: 4px; gap: 4px; border-radius: var(--radius, 6px); background: var(--fdrc-plane); border: 1px solid var(--fdrc-line); max-width: 100%; }
.fdrc-tabs button { min-width: 150px; padding: 8px 18px; border: 0; border-radius: var(--radius-sm, 4px); background: transparent; color: var(--fdrc-muted); font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; transition: background var(--transition, .18s), color var(--transition, .18s); }
.fdrc-tabs button:hover { color: var(--fdrc-ink); }
.fdrc-tabs button[aria-selected="true"] { background: var(--fdrc-raised); color: var(--fdrc-ink); box-shadow: inset 0 -2px 0 var(--fdrc-accent); }

.fdrc-label { font-size: .74rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--fdrc-muted); margin-bottom: -8px; }
.fdrc-search { display: flex; align-items: center; gap: 10px; padding: 0 14px; border: 1px solid var(--input-border, rgba(255,255,255,.13)); border-radius: var(--radius, 6px); background: var(--input-bg, #111113); }
.fdrc-search:focus-within { border-color: var(--fdrc-accent); }
.fdrc-search svg { flex: none; color: var(--fdrc-muted); }
.fdrc-search input { flex: 1; min-width: 0; height: 46px; border: 0; background: transparent; color: var(--input-color, #fff); font: inherit; font-size: .98rem; outline: none; }

.fdrc-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fdrc-filters select, .fdrc-btn { height: 34px; padding: 0 10px; border: 1px solid var(--input-border, rgba(255,255,255,.13)); border-radius: var(--radius, 6px); background: var(--fdrc-surface); color: var(--fdrc-ink); font: inherit; font-size: .86rem; cursor: pointer; }
.fdrc-btn:hover, .fdrc-filters select:hover { border-color: var(--fdrc-accent); }
.fdrc-btn:focus-visible, .fdrc-filters select:focus-visible, .fdrc-tabs button:focus-visible, .fdrc-sort:focus-visible { outline: 2px solid var(--fdrc-accent); outline-offset: 2px; }
.fdrc-info { margin-left: auto; }
.fdrc-info span { font-style: italic; font-weight: 800; margin-right: 4px; color: var(--fdrc-accent); }
.fdrc-explain { padding: 12px 16px; border: 1px solid var(--fdrc-line); border-radius: var(--radius, 6px); background: var(--fdrc-surface); color: var(--text-secondary, #c7c7cb); font-size: .86rem; line-height: 1.55; }
.fdrc-explain strong { color: var(--fdrc-ink); }
.fdrc-explain p { margin: 0 0 8px; }
.fdrc-explain p:last-child { margin: 0; }

.fdrc-card { border: 1px solid var(--fdrc-line); border-radius: var(--radius, 6px); padding: 16px; background: var(--fdrc-surface); box-shadow: var(--shadow-card, none); min-width: 0; }
.fdrc-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; padding-bottom: 14px; margin-bottom: 4px; border-bottom: 1px solid var(--fdrc-line); font-size: .88rem; }
.fdrc-meta small { display: block; margin-top: 4px; color: var(--fdrc-muted); font-size: .76rem; }
.fdrc-count { margin-left: 6px; font-family: var(--fdrc-data); font-size: 1.25rem; color: var(--fdrc-accent); font-variant-numeric: tabular-nums; white-space: nowrap; }
.fdrc-updated { text-align: right; }

.fdrc-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.fdrc-table { width: 100%; min-width: 900px; border-collapse: collapse; font-size: .86rem; }
.fdrc-table th { text-align: left; padding: 10px 8px; font-size: .74rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--fdrc-muted); white-space: nowrap; }
.fdrc-table td { padding: 10px 8px; border-top: 1px solid var(--fdrc-line); vertical-align: middle; }
.fdrc-table tbody tr:first-child td { border-top: 0; }
.fdrc-table tbody tr:hover td { background: rgba(127,127,127,.06); }
.fdrc-sort { padding: 0; border: 0; background: none; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; white-space: nowrap; }
.fdrc-sort span { opacity: .55; }
.fdrc-sort.is-active { color: var(--fdrc-ink); }
.fdrc-sort.is-active span { opacity: 1; color: var(--fdrc-accent); }

.fdrc-team { display: flex; align-items: center; gap: 12px; min-width: 190px; }
.fdrc-kit { width: 40px; height: 40px; flex: none; object-fit: contain; }
.fdrc-team strong { display: block; font-size: .95rem; }
.fdrc-team small, .fdrc-next small, .fdrc-leaving small { display: block; color: var(--fdrc-muted); font-size: .74rem; margin-top: 2px; }
.fdrc-leaving small { display: inline; margin-left: 4px; }
.fdrc-leaving, .fdrc-next small { font-family: var(--fdrc-data); font-size: .8rem; }
.fdrc-next strong { display: block; }
.fdrc-live { color: var(--fdrc-accent); font-weight: 700; }

.fdrc-chip { display: inline-block; padding: 3px 7px; border-radius: var(--radius-sm, 4px); font-size: .76rem; font-weight: 700; line-height: 1.35; white-space: nowrap; font-variant-numeric: tabular-nums; }
td > .fdrc-chip, td .fdrc-chip { font-family: inherit; }
.fdrc-very-rise { background: var(--fdr-5, #a52d25); color: #fff; }
.fdrc-rise { background: var(--fdr-4, #ffac2e); color: #0a0a0b; }
.fdrc-unlikely, .fdrc-none { background: var(--fdrc-raised); color: var(--fdrc-ink); }
.fdrc-drop { background: var(--fdr-2, #cbe18d); color: #0a0a0b; }
.fdrc-very-drop { background: var(--fdr-1, #a0e0ab); color: #0a0a0b; }
.fdrc-table td:nth-child(3) .fdrc-chip, .fdrc-table td:nth-child(4) .fdrc-chip { font-family: var(--fdrc-data); }

.fdrc-trend { white-space: nowrap; font-weight: 600; }
.fdrc-trend-up { color: var(--fdr-4, #ffac2e); }
.fdrc-trend-down { color: var(--fdr-1, #a0e0ab); }
.fdrc-trend-flat { color: var(--fdrc-muted); }

.fdrc-rating { white-space: nowrap; }
.fdrc-fdr { display: inline-block; min-width: 48px; padding: 3px 6px; border-radius: var(--radius-sm, 4px); text-align: center; font-family: var(--fdrc-data); font-weight: 700; font-size: .78rem; }
.fdrc-fdr-1 { background: var(--fdr-1, #a0e0ab); color: #0a0a0b; }
.fdrc-fdr-2 { background: var(--fdr-2, #cbe18d); color: #0a0a0b; }
.fdrc-fdr-3 { background: var(--fdr-3, #8a8a8e); color: #0a0a0b; }
.fdrc-fdr-4 { background: var(--fdr-4, #ffac2e); color: #0a0a0b; }
.fdrc-fdr-5 { background: var(--fdr-5, #a52d25); color: #fff; }
.fdrc-arrow { margin: 0 6px; color: var(--fdrc-muted); font-size: .78rem; }

.fdrc-empty { padding: 24px 8px; text-align: center; color: var(--fdrc-muted); }

@media (max-width: 640px) {
  .fdrc-tabs { display: flex; align-self: stretch; }
  .fdrc-tabs button { flex: 1; min-width: 0; padding: 8px 6px; }
  .fdrc-info { margin-left: 0; }
  .fdrc-updated { text-align: left; }
  .fdrc-card { padding: 12px; }
}