/* NukusTicket — bilet sahifasi uchun uslublar.
   Dizayn avvalgi versiyadan o'zgarishsiz ko'chirildi. */

.ticket{position:relative;display:grid;grid-template-columns:1fr 168px;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:18px;max-width:640px}
.ticket.themed{border-color:var(--tk1)}
.ticket.themed .band{height:0}
.ticket.themed .thead{grid-column:1/-1;background:linear-gradient(110deg,var(--tk1),var(--tk2));color:#fff;padding:14px 20px 12px;position:relative;overflow:hidden}
.ticket.themed .thead h3{margin:2px 0 0;font-size:20px;color:#fff;position:relative}
.ticket.themed .thead .tk-cat{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;opacity:.85;position:relative}
.ticket.themed .thead .rings{position:absolute;right:-60px;top:-90px;width:240px;height:240px;border-radius:50%;border:28px solid rgba(255,255,255,.10)}
.ticket.themed .thead .rings2{position:absolute;right:10px;top:-40px;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.08)}
.ticket.themed .tmain{padding-top:14px}
.ticket.themed .tk-strip{grid-column:1/-1;height:10px;background:var(--band) repeat-x;background-size:24px 12px}
.ticket .band{grid-column:1/-1;height:12px;background:var(--band) repeat-x;background-size:24px 12px}
.tmain{padding:16px 20px 18px}
.tmain .tk-cat{font-size:13px;font-weight:800;color:var(--madder)}
.tmain h3{font-size:20px;margin:4px 0 12px}
.tmain dl{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin:0;font-size:14px}
.tmain dt{color:var(--mute)}
.tmain dd{margin:0;font-weight:700}
.tstub{border-left:2px dashed var(--line);padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative}
.tstub::before,.tstub::after{content:"";position:absolute;left:-11px;width:20px;height:20px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}
.tstub::before{top:-11px}
.tstub::after{bottom:-11px}
.qr{background:#fff;padding:6px;border-radius:8px;width:128px;height:128px;display:flex;align-items:center;justify-content:center}
.qr img,.qr canvas{max-width:100%;height:auto}
.tstub code{font-size:12px;font-weight:800;letter-spacing:.04em}
.stat.ok{background:var(--ok-soft);color:var(--ok)}
.ticket.void{opacity:.65}
.qr.voidmark{font-size:60px;color:var(--bad);background:var(--bg);font-weight:800}

/* ---------------------------------------------------------------- telefon */
@media(max-width:560px){
  .ticket{grid-template-columns:1fr}
  .tstub{border-left:0;border-top:2px dashed var(--line)}
  .tstub::before{left:-11px;top:-11px}
  .tstub::after{left:auto;right:-11px;top:-11px;bottom:auto}
}