/* Extracted from templates/components/_dupr_match_log_css.html (Phase 3.1). Page-local styles; global rules belong in the design system sheets. */
  .dml-chip {
    display: inline-flex; align-items: center; gap: 0.25rem;
    background: var(--mint-soft, #d8f0e4); color: var(--t-status-success-text, #15803d);
    padding: 0.12rem 0.5rem; border-radius: 999px;
    font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
    margin-left: 0.5rem;
    vertical-align: 2px;
  }
  .pp-section__head .dml-sync {
    color: var(--t-text-muted); font-size: 0.78rem; font-weight: 500;
  }
  .th-match__delta {
    font-size: 0.7rem; font-weight: 700; font-variant-numeric: tabular-nums;
    margin-left: 0.35rem;
  }
  .th-match__delta--up { color: #15803d; }
  .th-match__delta--down { color: #b91c1c; }
  .th-match__sub {
    flex-basis: 100%;
    color: var(--t-text-muted); font-size: 0.72rem; font-style: italic;
    margin-top: 0.05rem;
  }
  .dml-footer {
    padding: 0.6rem 1.1rem;
    border-top: 1px solid var(--t-border-soft, rgba(0,0,0,0.05));
    text-align: center;
    font-size: 0.78rem;
    color: var(--t-text-muted);
  }
  .dml-footer a { color: var(--brand-1, #2d8a7e); text-decoration: none; font-weight: 600; }
  .dml-footer a:hover { text-decoration: underline; }