/* UNCLUB · Meus ingressos (/meus-ingressos). Usa site.css (tokens, botões) e evento.css (topo, campos .cad__f). */
.ct{padding-block:40px 64px;max-width:860px}
.ct-box{display:grid;gap:16px;max-width:440px;margin:24px auto 0;padding:28px 24px;border:1px solid var(--line-strong);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}
.ct-tit{font-size:clamp(32px,6vw,44px);margin-top:6px}
.ct-txt{color:var(--ink-2);font-size:15.5px;line-height:1.6}
.ct-obs{font-size:13px;color:var(--mute);line-height:1.5}
.ct-obs a,.ct-aviso a{color:var(--gold-ink)}
.ct-form{display:grid;gap:14px}
.ct-bt{width:100%}
.ct-bt:disabled{opacity:.7;cursor:wait}
.ct-cod{font-family:var(--label)!important;font-size:30px!important;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}
.ct-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ct-link{font-family:var(--label);font-size:14px;font-weight:500;color:var(--gold-ink);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:0 2px}
.ct-link:disabled{color:var(--mute);text-decoration:none;cursor:default}

.ct-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.ct-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto}
.ct-tab{font-family:var(--label);font-size:15px;font-weight:500;color:var(--ink-2);padding:12px 14px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;min-height:48px}
.ct-tab[aria-selected="true"]{color:var(--gold-ink);border-bottom-color:var(--gold)}
.ct-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:4px;border-radius:999px;background:var(--gold);color:var(--cta-fg);font-size:11px;font-weight:600}
.ct-h2{font-family:var(--label);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin:34px 0 12px}

.ct-ings,.ct-peds{display:grid;gap:14px}
.ct-ing{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--line-strong);border-radius:16px;background:var(--card)}
.ct-ing__info{display:grid;gap:6px;justify-items:start;min-width:0}
.ct-ing__data{font-family:var(--label);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.ct-ing__tit{font-size:24px;line-height:1.1}
.ct-ing__tipo{font-size:14px;color:var(--ink-2)}
.ct-ing__bts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ct-qr{margin:0;display:grid;justify-items:center;gap:6px;padding:10px;border-radius:12px;background:#fff}
.ct-qr img{width:200px;height:200px;image-rendering:pixelated}
.ct-qr figcaption{font-family:var(--label);font-weight:600;letter-spacing:.2em;color:#111;font-size:14px}
.ct-st{display:inline-flex;align-items:center;gap:7px;font-family:var(--label);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid currentColor}
.ct-st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.ct-st--ok{color:var(--ok)}
.ct-st--warn{color:var(--warn)}
.ct-aviso{padding:14px 16px;margin-bottom:16px;border:1px solid var(--warn);border-radius:12px;background:var(--warn-soft);color:var(--ink);font-size:15px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.ct-aviso .ct-link{min-height:0}
.ct-vazio{display:grid;gap:14px;justify-items:start;padding:24px;border:1px dashed var(--line-strong);border-radius:14px;color:var(--ink-2)}
.ct-hist{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.ct-hist li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;align-items:baseline}
.ct-hist b{font-family:var(--label);font-weight:500;color:var(--gold-ink)}
.ct-hist em{font-style:normal;font-size:13px;color:var(--mute)}
.ct-ped{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line-strong);border-radius:14px;background:var(--card)}
.ct-form--dados{max-width:520px}
.ct-form--dados input:disabled{opacity:.6}
@media (max-width:620px){
  .ct{padding-block:24px 48px}
  .ct-box{padding:22px 18px;margin-top:8px}
  .ct-ing{grid-template-columns:1fr}
  .ct-qr{justify-self:center}
  .ct-qr img{width:240px;height:240px}
}
