/* seaart専用 - スタイル定義 */
.browser-badge-container { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; }
.browser-badge { padding: 3px 8px; font-size: .75rem; border-radius: 12px; background: #f1f3f4; border: 1px solid var(--border-color); }
.side-icons-cell { width: 70px; text-align: center; white-space: nowrap; }
.side-icon-btn { opacity: .8; transition: opacity .2s, transform .2s; }
.side-icon-btn:hover { opacity: 1; transform: scale(1.15); }

/* === SeaArt列 ヘッダー＆リンク === */
:root {
    --seaart-primary: #0ea5e9;
    --seaart-primary-hover: #0284c7;
    --seaart-header-bg: #e0f2fe; /* 明るめのスカイブルー背景 */
    --seaart-header-text: #0369a1; /* 視認性の高い濃いブルー文字 */
}
th.seaart-header { background: var(--seaart-header-bg); color: var(--seaart-header-text); font-weight: bold; }
.link-seaart a { color: var(--seaart-primary); font-weight: 600; }
.link-seaart a:hover { color: var(--seaart-primary-hover); text-decoration: underline; }

/* Map 厳格中央揃え・レイアウト補正 2026-09-09 */
body, main, .map-container, .container {
  display:flex!important; flex-direction:column!important;
  align-items:center!important; margin:0 auto!important;
  width:100%!important; max-width:1200px!important;
}
.map-nav, .header-title, .search-container, .filter-box {
  display:flex!important; justify-content:center!important; text-align:center!important;
  margin-left:auto!important; margin-right:auto!important;
}
.table-wrapper, .table-container {
  width:100%!important; display:flex!important; justify-content:center!important; overflow-x:auto!important;
}
table, .map-table { margin-left:auto!important; margin-right:auto!important; text-align:center!important; }
table th, table td, .map-table th, .map-table td { text-align:center!important; vertical-align:middle!important; }
.icon-container, .map-icon-container, .icon-group { display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; }