/* ============================================================================
   content-decay.css — Content Decay Detector (Keyword & Content).
   Tool-specific layout only; colours/spacing/radii come from css/tokens.css.
   The result container carries .mvx, so <table> chrome is inherited; these
   rules add the queue table, per-page cards and the up/down deltas.
   ========================================================================== */

#view-contentdecay .cd-runrow { margin-top: var(--space-5); margin-bottom: 0; }

.cd-wrap { display: block; }
.cd-sec { margin-top: var(--space-6); }

.cd-empty { padding: var(--space-5); }

/* insights */
.cd-insights { display: grid; gap: var(--space-2); margin-top: var(--space-3); }
.cd-insight { display: flex; align-items: flex-start; gap: 9px; line-height: 1.5; }
.cd-insight .ci-pill { flex: 0 0 auto; }

/* priority queue table */
.cd-tablewrap { overflow-x: auto; margin-top: var(--space-3); border: 1px solid var(--hairline); border-radius: var(--radius); }
.cd-table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.cd-table th, .cd-table td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--hairline); white-space: nowrap; vertical-align: middle; }
.cd-table thead th {
  font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--muted); background: var(--bg-2); position: sticky; top: 0;
}
.cd-table tbody tr:last-child td { border-bottom: 0; }
.cd-table tbody tr:hover td { background: rgba(124, 92, 252, 0.06); }
.cd-table td:last-child { white-space: normal; min-width: 220px; color: var(--text-3); }
.cd-url { max-width: 260px; overflow: hidden; text-overflow: ellipsis; font-family: var(--font-mono); font-size: 11.5px; color: var(--text-2); }

/* per-page detail cards */
.cd-page { margin-top: var(--space-4); padding: var(--space-4) var(--space-5); }
.cd-page-head { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.cd-page-url { font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--text); overflow-wrap: anywhere; }
.cd-page-score { margin-left: auto; font-family: var(--font-mono); font-size: 11.5px; font-weight: 700; color: var(--muted); }
.cd-page-reason { margin: 9px 0 12px; font-size: 12.5px; line-height: 1.55; color: var(--text-3); }

.cd-kwtable { width: 100%; border-collapse: collapse; font-size: 12px; }
.cd-kwtable th, .cd-kwtable td { text-align: left; padding: 7px 10px; border-bottom: 1px solid var(--hairline); }
.cd-kwtable thead th {
  font-family: var(--font-mono); font-size: 9.5px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--muted);
}
.cd-kwtable tbody tr:last-child td { border-bottom: 0; }
.cd-kwtable td:first-child { color: var(--text-2); }

.cd-up { color: var(--green); font-weight: 700; }
.cd-down { color: var(--red); font-weight: 700; }

@media (max-width: 720px) {
  .cd-table td:last-child { min-width: 160px; }
  .cd-url { max-width: 150px; }
}