.result-card { max-width: 540px; text-align: center; padding: 20px 30px; }
.result-topline { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.result-topline .micro-label { font-size: 9px; letter-spacing: .7px; }
.result-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid var(--border); border-radius: 20px; color: var(--muted); font-size: 10px; }
.result-badge::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.result-card[data-status=confirmed] .result-badge { color: var(--accent); background: var(--soft); }
.result-mark { display: grid; place-items: center; width: 52px; height: 52px; margin: 16px auto 10px; border: 1px solid var(--border); border-radius: 50%; color: var(--accent); background: var(--soft); }
.result-mark svg { width: 30px; height: 30px; }
.result-card h2 { margin: 0 0 8px; }
.result-card .card-description { max-width: 350px; margin: 0 auto; }
.result-ticket { display: flex; align-items: center; flex-direction: column; margin: 16px 0 0; padding: 12px 12px 8px; border: 1px solid var(--border); border-radius: 10px; background: var(--card); }
.result-qr { display: block; width: 180px; height: 180px; max-width: 100%; background: #fff; }
.result-code-label { margin: 8px 0 6px; color: var(--muted); font-size: 10px; }
.result-code { color: var(--ink); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: clamp(19px, 5.7vw, 26px); font-weight: 550; letter-spacing: 1.5px; white-space: nowrap; user-select: all; }
.result-copy { margin-top: 6px; padding: 8px; border: 0; background: transparent; color: var(--accent); text-decoration: underline; text-underline-offset: 3px; font-size: 11px; }
.result-feedback { min-height: 16px; color: var(--muted); font-size: 10px; }
.result-meta { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; text-align: left; }
.result-demo-note { margin: 8px 0 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
body[data-template=minimal] .result-ticket { border-radius: 4px; }
body[data-template=slate] .result-ticket { border-radius: 6px; }