/* seat — The Foundry */
.seat-map{aspect-ratio:28/38}
.seat-tip{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--ink-45)}
.seat-tip .dot{width:12px;height:12px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px rgba(44,37,40,.14);flex:none}
.seat-small{margin-top:18px;font-size:12.5px;line-height:1.5}

/* section rows double as the map's legend */
.seat-rows{display:grid;gap:8px}
.seat-row{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 12px 10px 14px;border-radius:var(--r-panel);
  text-align:left;background:var(--card);transition:background .18s var(--ease),box-shadow .18s var(--ease)}
.seat-row>i{width:12px;height:12px;border-radius:4px;flex:none;box-shadow:0 0 0 1px rgba(44,37,40,.10) inset}
.seat-row .n{flex:1;min-width:0}
.seat-row .n b{display:block;font-weight:500;font-size:15px;line-height:1.2}
.seat-row .n span{font-size:12.5px;color:var(--ink-45)}
.seat-row .p{font-weight:500;font-variant-numeric:tabular-nums}
.seat-row .see{display:none;align-items:center;gap:2px;height:32px;padding:0 8px 0 12px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:12.5px;font-weight:500;cursor:pointer}
.seat-row[aria-pressed="true"]{background:var(--paper);box-shadow:0 0 0 1.5px var(--ink) inset}
.seat-row[aria-pressed="true"] .see{display:inline-flex}
.seat-row[aria-pressed="true"] .p{display:none}

.seat-qty{display:flex;align-items:center;gap:10px}
.seat-qty .n{flex:1}
.seat-qty .n b{display:block;font-weight:500}
.seat-qty .n span{font-size:12.5px;color:var(--ink-45)}
.seat-qty>b{min-width:22px;text-align:center;font-weight:500;font-size:17px;font-variant-numeric:tabular-nums}

/* labels on the map */
.seat-lbl{display:inline-block;padding:3px 8px;border-radius:999px;background:rgba(252,251,250,.9);color:var(--ink);
  font:500 11px/1.2 Selecta,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.005em;
  box-shadow:0 1px 3px rgba(44,37,40,.22),0 0 0 .5px rgba(44,37,40,.10)}
.seat-lbl.small{font-size:10px;padding:2px 6px}
.seat-lbl.stage{background:none;box-shadow:none;color:rgba(252,251,250,.86);letter-spacing:.22em;text-transform:uppercase;font-size:10px}
.seat-lbl.ghost{background:rgba(44,37,40,.55);color:#fff;font-size:9.5px;padding:2px 6px;box-shadow:none}
.seat-pin{display:block;width:16px;height:16px;border-radius:50%;background:var(--ink);
  box-shadow:0 0 0 3px rgba(252,251,250,.95),0 2px 8px rgba(0,0,0,.35);animation:seatpin 1.8s var(--ease) infinite}
@keyframes seatpin{0%{box-shadow:0 0 0 3px rgba(252,251,250,.95),0 0 0 3px rgba(44,37,40,.35)}70%{box-shadow:0 0 0 3px rgba(252,251,250,.95),0 0 0 14px rgba(44,37,40,0)}100%{box-shadow:0 0 0 3px rgba(252,251,250,.95),0 0 0 14px rgba(44,37,40,0)}}

/* 3D chrome */
.seat-chips button{padding:0 4px;font-size:12.5px}
.seat-sheet{padding:15px 15px 13px}
.seat-sheet .title{font-size:20px}
.seat-note{font-size:13px;line-height:1.38;margin:9px 0 10px;color:rgba(242,239,234,.82)}
.seat-lat{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(242,239,234,.6);
  padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.06)}
.seat-lat .d{display:inline-flex;align-items:center;gap:6px}
.seat-lat i{width:9px;height:9px;border-radius:50%;background:#fff;opacity:.16;box-shadow:0 0 10px rgba(255,255,255,.7)}
.seat-lat .d:nth-child(3) i{background:#ffd27a;box-shadow:0 0 10px rgba(255,200,110,.75)}
.seat-lat .track{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,210,122,.35));min-width:20px}
.seat-lat b{font-weight:500;color:#F2EFEA;font-variant-numeric:tabular-nums;margin-left:4px;min-width:74px;text-align:right}
.seat-stats{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin:12px 0 12px!important}
.seat-stats .stat b{font-size:16px}
.seat-stats .stat span{font-size:11.5px!important}
.seat-sheet .grow{flex:1;min-width:0}
