/* Request confirmation and success screens, matched to the customer design. */
.oc-confirm{width:min(400px,calc(100vw - 32px));padding:22px 20px 18px;border:1px solid var(--line,#292a30);border-radius:22px;background:var(--surface,#16171b);color:var(--text,#f4f4f6);box-shadow:0 24px 60px rgba(0,0,0,.55);text-align:right}
.oc-confirm::backdrop{background:rgba(0,0,0,.66);backdrop-filter:blur(5px)}
.oc-confirm h2{margin:0 0 4px;font-size:19px;font-weight:800}
.oc-confirm p{margin:0 0 14px;color:var(--muted,#8b8b94);font-size:14px}
.oc-confirm dl{margin:0 0 18px;border:1px solid var(--line,#292a30);border-radius:14px;overflow:hidden}
.oc-confirm dl>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px}
.oc-confirm dl>div+div{border-top:1px solid var(--line,#292a30)}
.oc-confirm dt{color:var(--muted,#8b8b94);font-size:13px;font-weight:500}
.oc-confirm dd{margin:0;font-size:14px;font-weight:700;text-align:left;unicode-bidi:plaintext;min-width:0;overflow-wrap:anywhere}
.oc-confirm-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}
.oc-confirm-actions button{min-height:48px;padding:0 12px;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer}
.oc-confirm-actions .ghost{border:1px solid var(--line,#292a30);background:transparent;color:var(--text,#f4f4f6)}
.oc-confirm-actions .primary{border:0;background:linear-gradient(135deg,#ff7a1a,#ff9a3d);color:#1a0d03;box-shadow:0 8px 20px rgba(255,122,26,.28)}
.premium-success{max-width:460px;padding:30px 20px 22px}
.premium-success .success-orbit{width:72px;height:72px;margin-bottom:14px;background:rgba(34,197,94,.14);color:#22c55e;font-size:32px;box-shadow:inset 0 0 0 1px rgba(34,197,94,.35)}
.premium-success h1{margin:0 0 6px;font-size:22px;font-weight:800}
.premium-success>p{margin:0;color:var(--muted,#8b8b94);font-size:14px;line-height:1.7}
.premium-success .request-ticket{width:100%;margin:18px 0;padding:12px 14px;border-radius:14px}
.premium-success .request-ticket>small{font-size:12px}
.premium-success .request-ticket code{font-size:16px;font-weight:700}
.premium-success .copy-button{display:inline-grid;place-items:center;min-height:36px;padding:0 12px;border-radius:10px;font-size:13px;line-height:1}
.oc-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 20px;padding:0}
.oc-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--muted,#8b8b94);font-size:12px;font-weight:600;line-height:1.35;text-align:center}
.oc-steps li+li::before{content:"";position:absolute;top:14px;inset-inline-end:50%;width:100%;height:2px;background:var(--line,#292a30)}
.oc-steps li.done+li::before{background:#22c55e}
.oc-steps li i{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface,#16171b);box-shadow:inset 0 0 0 2px var(--line,#292a30);font-size:13px;font-style:normal}
.oc-steps li.done{color:var(--text,#f4f4f6)}
.oc-steps li.done i{background:#22c55e;box-shadow:none;color:#04210f}
.oc-steps li.now{color:var(--text,#f4f4f6)}
.oc-steps li.now i{background:#ff7a1a;box-shadow:0 0 0 4px rgba(255,122,26,.18);color:#1a0d03}
.premium-success .actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:0}
.premium-success .actions a{display:grid;place-items:center;min-height:48px;margin:0;border-radius:14px;font-size:15px;font-weight:700}