.workflow-region { margin-block-start: 32px; padding-block-start: 28px; border-block-start: 1px solid var(--alloy); }
.region-heading { display: flex; justify-content: space-between; gap: 16px; align-items: start; }
.secondary { font: inherit; min-block-size: 44px; padding: 9px 14px; border: 1px solid var(--alloy); border-radius: 6px; background: var(--raised); color: var(--ink); cursor: pointer; }
.table-scroll { overflow-x: auto; margin-block-start: 16px; }
table { border-collapse: collapse; inline-size: 100%; min-inline-size: 560px; }
th, td { padding: 12px; text-align: start; border-block-end: 1px solid var(--alloy); font-size: 13px; }
th:first-child { position: sticky; inset-inline-start: 0; background: var(--ground); color: var(--muted); }
td button { inline-size: 100%; }
.review { background: var(--secondary); padding: 24px; border-radius: 10px; border-block-start: 0; }
.review-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-block: 20px; }
.review-grid span, .review-grid strong { display: block; }
.review-grid span { font-size: 12px; color: var(--muted); margin-block-end: 6px; }
.arrival { display: flex; gap: 12px; align-items: center; padding-block: 16px; border-block: 1px solid var(--alloy); }
.arrival input { font: inherit; min-block-size: 44px; padding: 8px; border: 1px solid var(--alloy); border-radius: 6px; background: var(--raised); }
.note { color: var(--muted); font-size: 13px; }
.actions, .next-actions { display: flex; gap: 12px; align-items: center; }
.technical { display: flex; gap: 24px; font: 12px ui-monospace, monospace; }
.technical div { display: grid; gap: 4px; }
.technical dd { margin: 0; }
.receipt { margin-block-start: 12px; border: 1px solid var(--signal); padding: 24px; border-radius: 10px; background: var(--signal-soft); }
.receipt h3 { max-inline-size: 28ch; font-size: 30px; }
.confirmation { margin-block: 18px; font: 650 22px ui-monospace, monospace; letter-spacing: .06em; }
.next-actions { margin-block-start: 24px; }
.next-actions button[hidden] { display: none; }
.secondary:focus-visible, input:focus-visible { outline: 2px solid var(--signal); outline-offset: 2px; }
.status { inline-size: max-content; justify-self: start; }
@media (max-width: 759px) { .region-heading { display: grid; } .review-grid { grid-template-columns: 1fr; } .arrival { align-items: start; flex-wrap: wrap; } }