/* 테이블 현황판 (보기 전용) — app.css 의 배치도 모양을 그대로 쓰고, 좌석 반응만 끔 (seat/assets/board.css 와 같은 모양) */
.board main{max-width:1280px}
.board .seat{display:grid;place-content:center;pointer-events:none;user-select:none}   /* 눌러도·올려도 반응 없음 */
.board .seat small{margin-top:1px}

.board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:16px;display:flex}
.board-head h1{margin:0}
.board-tools{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}
.board-tools .secondary{min-height:52px}
.board-tools [hidden]{display:none}

.board-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:0 0 8px;display:grid}
.board-stat{background:var(--subtle);border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.board-stat b{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:44px;font-weight:850;line-height:1.1;display:block}
.board-stat span{color:var(--secondary);font-size:15px;font-weight:650}
.board-stat.is-avail b{color:var(--brand)}
.board-stat.is-sold{color:#fff;background:#30344b;border-color:#232638}
.board-stat.is-sold span{color:#d6d8e6}
.board-stat.is-extra{background:#fff3bf;border-color:#f1d77a}
.board-stat.is-extra b{color:#6b5300}
.board-sync{text-align:right;margin:0 0 12px}
.board-sync.is-off{color:var(--danger)}

/* 배치도: 화면 폭에 맞춰 줄어듦 (가로 스크롤 없이 TV·태블릿 한 화면) */
.board .venue-grid{min-width:0}
.board .table-map .venue-grid .seat{min-width:0;font-size:clamp(11px,1.3vw,16px)}
.board .table-map .venue-grid .seat small{font-size:clamp(8px,.8vw,10px)}

/* 하단 작은 글씨: 관리자 페이지(/portal/) 링크 — #app 밖이라 다시 그려도 그대로 */
.board-foot{text-align:center;padding:0 16px 32px}
.board-foot a{color:var(--secondary);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.board-foot a:hover{color:var(--brand)}

@media (width<=720px){
  .board-stat{padding:10px 12px}
  .board-stat b{font-size:32px}
  .board-sync{text-align:left}
  .board .venue-grid{gap:3px}
  .board .table-map .venue-grid .seat{height:36px;border-radius:6px;letter-spacing:-.03em}
  .board .table-map .venue-grid .seat small{display:none}   /* 판매 완료는 진한 색으로만 구분 */
  .board .venue-booth{margin:0 6px 6px;border-radius:10px}
  .board .venue-booth span{font-size:20px;letter-spacing:12px}
}