/**
 * ====================================================================
 * ファイル名: css/tables_css/blowzermap_for_civitai_base.css
 * 用途: Civitai アカウント一覧 テーブル本体・列構造定義（ベース部分）
 *
 * [更新履歴]
 * 2026-07-17  新規作成（ファイル分割）
 *              - 不要となったダークモードを削除
 *              - .side-col の min-width を物理サイズ（74px）に合わせ、
 *                隣の列（中央列）に被る不具合を解消。
 * ====================================================================
 */

/* =====================================================
   テーブル本体
   ===================================================== */
.civitai-table {
  width: 90% !important;
  max-width: 1200px !important;
  margin: 20px auto 30px auto !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #ddd !important;
  border-radius: 8px;
  overflow: hidden;
}

.civitai-table th,
.civitai-table td {
  padding: 10px 8px !important;
  vertical-align: middle !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
  border: 1px solid #ddd !important;
}

.civitai-table th {
  background: #2c3e50 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* =====================================================
   列幅制御（隣に被らないよう物理最小幅を再計算）
   ===================================================== */

/* 左右アイコン列 - 左固定 */
.civitai-table td.side-col {
  width: 6% !important;
  min-width: 74px !important;  /* ボタン30px*2 + gap6px + パディング8px */
  max-width: 90px !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 8px 4px !important;
  white-space: nowrap !important;
  overflow: hidden;
}

/* 中央メイン列 */
.civitai-table td.main-cell {
  width: 88% !important;
  text-align: left !important;
  padding: 8px 12px !important;
}

/* =====================================================
   行ホバー・ローディング
   ===================================================== */
.civitai-table tbody tr:hover {
  background-color: #f8fafc !important;
}

.civitai-table .loading-cell {
  text-align: center !important;
  padding: 40px !important;
  font-size: 1.05rem !important;
  color: #666 !important;
}