/* ---- EXTRAÇÃO: complementos ---- */
.http-3xx { background: color-mix(in srgb, var(--info) 16%, transparent); color: var(--info); }
.seq { list-style: none; counter-reset: seq; padding: 0 !important; margin: 0 0 18px; }
.seq li { counter-increment: seq; position: relative; padding: 12px 14px 12px 52px; margin: 0 0 8px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--surface); }
.seq li::before { content: counter(seq); position: absolute; left: 14px; top: 13px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--primary); color: #fff; font-family: var(--mono); font-size: .8rem; font-weight: 600; }
.seq li .who { display: block; font-family: var(--mono); font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.checklist { list-style: none; padding: 0 !important; }
.checklist li { margin: 0; }
.checklist label { display: flex; gap: 10px; align-items: flex-start; padding: 7px 0; cursor: pointer; }
.checklist input { flex: 0 0 auto; width: 17px; height: 17px; margin-top: 5px; accent-color: var(--primary); }
.checklist input:checked + span { color: var(--muted); text-decoration: line-through; }
.flow-return { flex-wrap: wrap; text-align: center; }