/* A6 — checkout (+E1 payment failed, +E2 quote expired) */
.co-note{padding:1rem 1rem 0}
.co-docket{padding:1rem}
.ready-by{margin:0 1rem;border-left:4px solid var(--lime-deep);padding:.35rem 0 .35rem .7rem;
  font-size:.78rem;color:var(--ink-60)}
.ready-by b{color:var(--ink)}
.countdown{margin:.6rem 1rem 0;font-size:.62rem;letter-spacing:.1em;color:var(--ink-60)}
.countdown b{color:var(--ink)}
.co-approve{margin:1rem;border:2px solid var(--ink);background:var(--white);padding:.9rem}
.alt-pay{margin:.8rem 1rem 0;font-size:.74rem;color:var(--ink-60);max-width:38ch}
.alt-pay b{color:var(--ink)}
.co-edit{margin:.8rem 1rem 0;font-size:.78rem;color:var(--ink-60)}
.co-actions{display:grid;gap:.6rem}
.co-pending-note{margin:.7rem 0 0;font-size:.74rem;color:var(--ink-60)}

/* Desktop: the receipt reads on the left, the decision sits on the right. */
@media(min-width:900px){
  .co-note,.co-docket{padding:1.4rem 0 0}
  .co-docket{padding-top:1rem}
  .ready-by,.alt-pay,.co-edit,.countdown{margin-left:0;margin-right:0}
  .ready-by{margin-top:1.6rem}
  .co-approve{margin-left:0;margin-right:0}
}