.fy-of-ticket-status{display:block;clear:both;width:100%;max-width:460px;margin:10px 0 16px;font-family:system-ui;box-sizing:border-box}
.fy-status-mini{border:2px solid #ff7a2f;border-radius:18px;background:#fffaf6;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.fy-status-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.fy-status-head strong{display:block;font-size:18px}.fy-status-head span{display:block;color:#555;font-weight:800}.fy-status-head b{border-radius:999px;padding:6px 10px;font-size:12px}
.fy-ok{background:#e9fff0;color:#096b2d}.fy-bad{background:#fff1f1;color:#9b1111}
.fy-payment-note{margin:10px 0;padding:10px;border-radius:14px;background:#f6f6f6;color:#333;font-size:15px;font-weight:900;text-align:center}
.fy-vertical-steps{margin-top:12px;text-align:left}.fy-vstep{display:flex;align-items:center;gap:10px;padding:7px 0;color:#777;font-weight:900}
.fy-vstep i{width:14px;height:14px;border-radius:50%;background:#ddd;box-shadow:0 0 0 5px #eee}.fy-vstep.done i{background:#ff5a1f;box-shadow:0 0 0 5px #ffe1d3}.fy-vstep.current span{color:#111}.fy-vstep span{font-size:15px}