/* blowzermap_common.css - PixAI/SeaArt/Tensor/Civitai 共通レイアウト GC版 QHD対応 */
main{max-width:960px;margin:0 auto;padding:16px}
.map-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:8px auto 16px;max-width:960px}
#browser-table,#browser-table,#seaart-table,.seaart-table,#tensor-table,.tensor-table,#civitai-table{margin:0 auto;width:100%;max-width:960px}
#browser-table th,#browser-table td,.seaart-table th,.seaart-table td,.tensor-table th,.tensor-table td{text-align:center;vertical-align:middle}
.pixai-icon-container,.seaart-icon-container,.tensor-icon-container,.civitai-icon-container{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}
.pixai-icon-container img,.seaart-icon-container img{vertical-align:middle;object-fit:cover}

/* アバター 32px 完全統一 - 全マップ共通 */
.avatar-wrap,.avatar-wrap a,.pixai-avatar,.seaart-avatar,.avatar-img{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:1px solid var(--border-color,#e2e8f0)}

/* QHD 1815x1232 用 */
@media (min-width:1800px){main{max-width:1400px} .map-nav{max-width:1400px} #browser-table,#browser-table,#seaart-table,.seaart-table{max-width:1400px}}


/* === ブラウザ・機種別対応表：テーブル背景色（白色化修正） === */
table, .table-container, .blowzermap-table {
    background-color: #ffffff !important;
    color: #111111 !important;
}

table th {
    background-color: #f0f4f8 !important;
    color: #000000 !important;
    font-weight: bold;
}

table td {
    background-color: #ffffff !important;
    color: #222222 !important;
}

/* 偶数行の僅かな色分け（見やすさ調整） */
table tr:nth-child(even) td {
    background-color: #f8fafc !important;
}
/* =========================================================
    }
}

/* =========================================================
   current-browser-row: 現在使用中のブラウザ行だけをハイライト
   ========================================================= */

table tr.current-browser-row td,
table tr.current-browser-row th {
    background-color: rgb(245, 245, 220) !important;
}

table tr.current-browser-row:hover td,
table tr.current-browser-row:hover th {
    background-color: rgb(235, 235, 205) !important;
}

@media (prefers-color-scheme: dark) {
    table tr.current-browser-row td,
    table tr.current-browser-row th {
        background-color: rgba(245, 245, 220, 0.18) !important;
    }
    table tr.current-browser-row:hover td,
    table tr.current-browser-row:hover th {
        background-color: rgba(245, 245, 220, 0.28) !important;
    }
}

/* ==================================================
   Map 厳格中央揃え・レイアウト補正スタイル (一括適用) - SeaArt基準を全マップへ
   ================================================== */
body, main,.map-container,.container {
  display: flex!important;
  flex-direction: column!important;
  align-items: center!important;
  justify-content: flex-start!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;
  align-items: 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,.seaart-icon-container,.tensor-icon-container,.pixai-icon-container,.icon-group {
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  gap: 8px!important;
}