:root { --card-radius: 16px; }
.card { border-radius: var(--card-radius); }
.table thead th { font-size: .85rem; color: #6c757d; text-transform: uppercase; letter-spacing: .02em; }
.badge { border-radius: 999px; }
.font-monospace { font-variant-ligatures: none; }
.json-box { white-space: pre-wrap; word-break: break-word; }
.step { display:flex; gap:.75rem; }
.step .dot { width:28px; height:28px; border-radius:999px; display:grid; place-items:center; font-weight:600; }
.step.done .dot { background:#198754; color:#fff; }
.step.todo .dot { background:#e9ecef; color:#6c757d; }