/* Seats that are not free (held, sold, blocked): muted, striped, not clickable.
   The class is set by public/app.js from /api/seats. Loaded after index.html's inline style, so equal-specificity rules here win. */
.st.taken {
  cursor: not-allowed;
  pointer-events: none;
}
.st.taken i {
  background: repeating-linear-gradient(135deg, var(--muted) 0 2px, transparent 2px 5px), var(--line);
  color: var(--muted);
  opacity: .7;
  box-shadow: none;
  transform: none;
}
.dot.taken {
  fill: var(--line);
  opacity: .85;
}

/* Pay labels while a hold/pay request is in flight. */
label[for="sec-pay"].busy {
  opacity: .6;
  pointer-events: none;
}