/* Driftr v45.1: bookings on their day (Booking-Row board) and Show code on the door sheet (Door board).
   Owner: FE-DAY+DOOR. Classes start with bkr- (booking rows) or extend door- (the door sheet, the Tickets tab);
   the row itself reuses dy-item / dy-head / dy-body / dy-panel (v45-day.css). Tokens only (theme.css), except the
   door's scanner surface, which stays white with black ink in both themes (v45-outfits.css). */

/* ---------- the booking row ---------- */
.bkr-glyph{width:16px;height:16px;color:var(--ink-2);flex:none;}
.bkr-detail{gap:12px;}

/* the route: FROM, the hop, TO; terminal under FROM, the arrival under TO */
.bkr-leg{display:grid;grid-template-columns:auto minmax(28px,1fr) auto;align-items:center;column-gap:12px;row-gap:0;color:var(--ink);}
.bkr-leg-long{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:start;}
.bkr-stn{margin:0;min-width:0;overflow-wrap:anywhere;}
.bkr-stn.d-t-head{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bkr-leg-long .bkr-hop{margin-top:2px;}
.bkr-hop{position:relative;height:22px;display:flex;align-items:center;justify-content:center;color:var(--ink-2);}
.bkr-hop::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--line);}
.bkr-hop .d-ic{position:relative;padding:0 2px;box-sizing:content-box;background:var(--well);}
.bkr-under{margin:0;min-width:0;}
.bkr-under:empty{display:none;}

.bkr-line{margin:0;overflow-wrap:anywhere;}
.bkr-code{color:var(--ink);font-weight:500;letter-spacing:.04em;}

/* seats: one chip per pass, the holder's face, name and seat */
.bkr-seats{display:flex;flex-wrap:wrap;gap:8px;}
.bkr-seat{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 14px 4px 4px;border-radius:var(--r-pill);
  background:var(--ground);color:var(--ink);font:500 var(--fs-body-sm)/1.2 var(--font);}
.bkr-seat .d-av{box-shadow:none;}
.bkr-seat b{font-weight:600;}
.bkr-show{margin-top:2px;}

/* Today: a day with only bookings */
.td-booked .dy-item.is-open{margin-inline:-12px -10px;}

/* ---------- the door sheet: one page per pass ---------- */
.door-holder.door-above{margin:4px 0 0;}
.door-seat{margin:2px 0 0;}
.door-tile{margin-top:8px;background:#FFFFFF;}
.door-passes .door-stub{margin-top:12px;}
.door-passes .door-pager-wrap{margin-top:8px;}
.door-nopass{margin:0;}
/* a swipe on the code never drags the image (desktop mice) */
.door-stage img{-webkit-user-drag:none;user-select:none;}

/* ---------- Tickets tab: a pass row ---------- */
.door-prow .door-trow-sub{font-variant-numeric:tabular-nums;}

@media (prefers-reduced-motion:reduce){
  .bkr-row .dy-caret{transition:none;}
}