/* Slice 6: disputes side by side, change orders, approval requests. */
@layer components {
  .sides { display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); align-items: start; }
  .sides > .card { margin-block-end: 0; }
  .sides + * { margin-block-start: var(--space-4); }
  /* A dispute's outcome: paid in full, split, or all back to the owner. */
  .pill--release { background: var(--color-success-bg); color: var(--color-success); }
  .pill--partial { background: var(--color-warning-bg); color: var(--color-warning); }
  .pill--refund { background: var(--color-canvas); color: var(--color-muted); }
  .decision-form { display: grid; gap: var(--space-2); margin-block-start: var(--space-3); }
}