/* Inter BEE 2026 会場マップの見た目（中森さん指示 2026-10-21）。
   参照ページ public/interbee-exhibitor-list-2026-ja.html の <style> から、会場マップで使うものを移した。
   共有の /styles.css（CEATEC 2026 日英と共通）は変えず、この画面だけ後から読んで上書きする。 */

:root {
  --navy-950: #081733;
  --navy-800: #0f2347;
  --navy-600: #1d3f77;
  --cyan: #1fa9dc;
  --paper: #f3f6fb;
  --surface: #ffffff;
  --ink: #18243b;
  --muted: #5d6c86;
  --line: #d8e1ef;
}
html { scroll-behavior: smooth; }
body { background: var(--paper); color: var(--ink); min-height: 100vh; }

/* ---- 共有 styles.css の上書き（起動時のローディングを紺の配色に） ---- */
.app-loading { background: var(--paper); }
.spinner { border-color: var(--line); border-top-color: var(--navy-600); }

/* ヒーロー: 紺→シアンのグラデ + スキャンライン微テクスチャ（シグネチャ） */
.hero {
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,0.035) 0 1px, transparent 1px 3px),
    linear-gradient(118deg, var(--navy-950) 0%, var(--navy-800) 45%, var(--navy-600) 78%, var(--cyan) 135%);
  color: #fff;
}
.hero-signal { height: 3px; background: linear-gradient(90deg, var(--cyan), transparent 70%); }

/* タリーランプ（シグネチャ）: セクション頭の点灯ドット */
.tally { width: 10px; height: 10px; border-radius: 9999px; box-shadow: 0 0 0 3px rgba(255,255,255,.65), 0 0 10px 1px currentColor; background: currentColor; }

.card { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; transition: box-shadow .15s ease, transform .15s ease; }
.card:hover { box-shadow: 0 6px 20px -8px rgba(8,23,51,.25); }

.chip { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; background: var(--surface); border: 1px solid var(--line); border-radius: 9999px; padding: 4px 12px; }
.chip:hover { background: #eaf0fa; }

.kana-btn { font-family: "Chakra Petch", "IBM Plex Sans JP", sans-serif; font-weight: 600; font-size: 12px; border: 1px solid var(--line); background: var(--surface); color: var(--navy-600); border-radius: 8px; padding: 6px 0; text-align: center; transition: all .12s ease; }
.kana-btn:hover { border-color: var(--navy-600); }
.kana-btn.on { background: var(--navy-800); border-color: var(--navy-800); color: #fff; box-shadow: inset 0 0 0 1px rgba(31,169,220,.6); }

button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, label:focus-within {
  outline: 2px solid var(--cyan); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .modal-enter { animation: none; }
  .card { transition: none; }
}

/* 地図モーダルの見出し帯は紺なので、部門名は白で出す。
   共通 JS（/app.js）が #mArea に部門色の文字色をインラインで付ける（style="color:..."）ため、
   通常の指定では負けて紺の上で読めなくなる。インラインに勝つには !important が要る。 */
#mArea { color: #fff !important; }

/* 地図未登録の社を開いた時、共通 JS は地図画像の src を外すが幅の指定は残すため、
   別の社の地図を見た後だと壊れた画像の印と代替テキスト「会場マップ」が空の地図に出ていた（2026-10-21 中森さん指示で消す）。
   src が無い間は画像ごと表示しない（src が付けば元どおり表示される） */
#mapImg:not([src]) { display: none; }