/* Slice 13: trusted crews, do-not-use, preferred agreements and dispatch offers. */
@layer components {
  .pill--trusted, .pill--approved, .pill--in_line, .pill--accepted { background: var(--color-success-bg); color: var(--color-success); }
  .pill--do_not_use, .pill--above, .pill--terminated { background: var(--color-danger-bg); color: var(--color-danger); }
  .pill--proposed, .pill--below { background: var(--color-warning-bg); color: var(--color-warning); }
  .pill--no_data { background: var(--color-canvas); color: var(--color-muted); }
  .notice-bar--danger { background: var(--color-danger-bg); color: var(--color-danger); }
  .portfolio-tag { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-2); align-items: baseline; margin: var(--space-2) 0; }
  .portfolio-tag__link { font-size: 0.875rem; }
  .rate-card-item-fields { border: 1px solid var(--color-line); border-radius: var(--radius); padding: var(--space-3); margin-block-end: var(--space-3); }
  .renewal-choices { display: grid; gap: var(--space-3); }
  @media (min-width: 48rem) { .renewal-choices { grid-template-columns: repeat(3, 1fr); } }
  .scorecard .stats { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); }
}