/* S5 — Guest tracking visual completion */
.tby-s5-guest-track{overflow-x:clip;padding-bottom:48px}.tby-s5-guest-track .container{display:grid;gap:24px}.tby-s5-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:32px;align-items:center;padding:32px;border:1px solid var(--tby-border);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--tby-surface) 92%,transparent),color-mix(in srgb,var(--tby-primary) 6%,var(--tby-surface)))}.tby-s5-hero-copy{display:grid;gap:14px}.tby-s5-hero h1{margin:0;max-width:16ch}.tby-s5-hero p{margin:0;max-width:62ch;color:var(--tby-muted)}.tby-s5-hero-points{display:flex;flex-wrap:wrap;gap:8px}.tby-s5-hero-points span{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--tby-primary) 9%,transparent);font-size:.88rem;font-weight:800}.tby-s5-hero-media{margin:0;display:grid;place-items:center}.tby-s5-hero-media img{width:min(100%,310px);max-height:260px;object-fit:contain}
.tby-s5-track-card,.tby-s5-result,.tby-s5-help,.tby-s5-retry{border:1px solid var(--tby-border);border-radius:24px;background:var(--tby-surface);box-shadow:var(--tby-shadow-sm);padding:24px}.tby-s5-track-intro,.tby-s5-help>div:first-child{display:flex;gap:14px;align-items:flex-start}.tby-s5-step{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:13px;background:color-mix(in srgb,var(--tby-primary) 12%,transparent);font-weight:900;color:var(--tby-primary)}.tby-s5-track-intro h2,.tby-s5-help h2{margin:0 0 4px}.tby-s5-track-intro p,.tby-s5-help p{margin:0;color:var(--tby-muted)}.tby-track-form{margin-top:18px}.tby-s5-track-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.tby-s5-track-input-row input{min-width:0;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tby-s5-track-input-row button{min-width:150px}.tby-track-status{min-height:1.6em;margin:8px 0 0}.tby-track-status.is-loading,.tby-s5-retry .is-loading{color:var(--tby-muted)}.tby-track-status.is-error,.tby-s5-retry .is-error{color:#b42318}.tby-track-status.is-success,.tby-s5-retry .is-success{color:#067647}
.tby-s5-result{display:grid;gap:20px}.tby-s5-result[hidden]{display:none!important}.tby-s5-result-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.tby-s5-result-head h2{margin:6px 0 0}.tby-s5-payment-state{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,#067647 10%,transparent);font-weight:900}.tby-s5-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.tby-s5-result-grid>div{padding:14px;border-radius:16px;background:color-mix(in srgb,var(--tby-surface-2,var(--tby-surface)) 80%,var(--tby-primary) 3%);border:1px solid var(--tby-border);min-width:0}.tby-s5-result-grid dt{font-size:.82rem;color:var(--tby-muted);margin-bottom:5px}.tby-s5-result-grid dd{margin:0;font-weight:850;overflow-wrap:anywhere}.tby-s5-progress{display:grid;gap:8px}.tby-s5-progress[hidden]{display:none!important}.tby-s5-progress-copy{display:flex;justify-content:space-between;gap:12px}.tby-s5-progress-bar{height:9px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--tby-border) 75%,transparent)}.tby-s5-progress-bar i{display:block;width:0;height:100%;border-radius:inherit;background:var(--tby-primary);transition:width .3s ease}.tby-s5-result-actions,.tby-s5-help-actions{display:flex;flex-wrap:wrap;gap:10px}.tby-s5-result-actions .btn,.tby-s5-help-actions .btn{min-height:44px;text-decoration:none}
.tby-s5-retry{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start}.tby-s5-retry[hidden]{display:none!important}.tby-s5-retry>img{width:145px;height:145px;object-fit:contain}.tby-s5-retry>div{display:grid;gap:10px}.tby-s5-retry h2,.tby-s5-retry p{margin:0}.tby-s5-retry form{display:grid;gap:12px;margin-top:8px}.tby-guest-retry-code{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:end}.tby-s5-help{display:flex;justify-content:space-between;align-items:center;gap:20px}.tby-s5-help>div:first-child{max-width:760px}
.tby-s5-guest-track :focus-visible{outline:3px solid color-mix(in srgb,var(--tby-primary) 60%,transparent);outline-offset:3px}.tby-s5-guest-track input,.tby-s5-guest-track select,.tby-s5-guest-track button,.tby-s5-guest-track a.btn{min-height:44px}
[data-tby-theme="dark"] .tby-s5-track-card,[data-tby-theme="dark"] .tby-s5-result,[data-tby-theme="dark"] .tby-s5-help,[data-tby-theme="dark"] .tby-s5-retry{background:color-mix(in srgb,var(--tby-surface) 94%,#020617 6%)}
@media(max-width:760px){.tby-s5-hero{grid-template-columns:1fr;padding:22px}.tby-s5-hero-media{order:-1}.tby-s5-hero-media img{max-height:190px}.tby-s5-retry{grid-template-columns:1fr}.tby-s5-retry>img{justify-self:center}.tby-s5-help{align-items:flex-start;flex-direction:column}.tby-guest-retry-code{grid-template-columns:1fr}}
@media(max-width:520px){.tby-s5-track-card,.tby-s5-result,.tby-s5-help,.tby-s5-retry{padding:18px;border-radius:20px}.tby-s5-track-input-row{grid-template-columns:1fr}.tby-s5-track-input-row button{width:100%}.tby-s5-result-grid{grid-template-columns:1fr}.tby-s5-result-head{align-items:flex-start;flex-direction:column}.tby-s5-result-actions,.tby-s5-help-actions{display:grid;width:100%;grid-template-columns:1fr}.tby-s5-result-actions>* ,.tby-s5-help-actions>*{width:100%}.tby-s5-hero-points{display:grid}.tby-s5-hero-points span{text-align:center}}
@media(max-width:360px){.tby-s5-hero{padding:18px}.tby-s5-track-card,.tby-s5-result,.tby-s5-help,.tby-s5-retry{padding:15px}.tby-s5-track-intro,.tby-s5-help>div:first-child{gap:10px}}
@media(prefers-reduced-motion:reduce){.tby-s5-progress-bar i{transition:none}.tby-s5-guest-track *{scroll-behavior:auto!important}}