/* IFFS 2027 — static/css/pages/account.css
   GENERATED from design/design_handoff_iffs_2027/pages/IFFS My IFFS.dc.html
   by scripts/extract_page_css.py — do not hand-edit; edit the source. */
.wrap{max-width:560px;margin-inline:auto;padding:var(--sp-5) var(--sp-4) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-5)}
.pass{border:1px solid var(--c-border-subtle);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--shadow-2);background:var(--c-surface-canvas)}
.pass__top{background:var(--c-surface-inverse);color:var(--p-white);padding:var(--sp-3) var(--sp-4);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}
.pass__top .brand__mark{color:var(--p-white);font-size:20px}
.pass__id{font-family:var(--font-data);font-size:var(--fs-micro);letter-spacing:.13em;color:var(--p-steel-300)}
.pass__qr{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4) var(--sp-4)}
.qr{width:184px;height:184px;border:1px solid var(--c-border-subtle);border-radius:var(--r-s);background-image:repeating-conic-gradient(var(--p-graphite-900) 0 25%,transparent 0 50%);background-size:16px 16px;background-position:center}
.pass__who{text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}
.pass__who b{font-size:20px}
.pass__perf{border-top:2px dashed var(--c-border-strong);margin:var(--sp-4) var(--sp-4) 0}
.pass__rows{padding:var(--sp-4);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3) var(--sp-4)}
.krow{display:flex;flex-direction:column;gap:1px}
.krow span{font-family:var(--font-data);font-size:10px;letter-spacing:.13em;color:var(--c-text-muted);text-transform:uppercase}
.krow b{font-size:14px;font-weight:600}
.pass__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 var(--sp-4) var(--sp-4)}
.pass__actions .btn{min-height:44px;padding:0 var(--sp-2);font-size:13px}
.seat{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:center;padding:var(--sp-3) 0;border-bottom:1px solid var(--p-steel-100)}
.seat:last-child{border-bottom:0}
.seat .who{display:flex;flex-direction:column}
.seat .who b{font-size:14.5px}
.seat .who span{font-size:var(--fs-small);color:var(--c-text-secondary)}
.card-pad{padding:var(--sp-4) var(--sp-5)}
.card-pad h2{margin:0 0 var(--sp-2)}