/**
 * ====================================================================
 * ファイル名: css/tables_css/blowzermap_for_civitai_base.css
 * 用途: Civitai アカウント一覧 テーブル本体・列構造定義（ベース部分）
 *
 * [更新履歴]
 * 2026-07-17  新規作成（ファイル分割）
 *              - 不要となったダークモードを削除
 *              - .side-col の min-width を物理サイズ（74px）に合わせ、
 *                隣の列（中央列）に被る不具合を解消。
 * 2026-07-18  アイコン食い込み解消のため調整（バンドル化はしない）
 *              - .civitai-table: width 90% → 100%, max-width 1200px → 1280px
 *              - table-layout: fixed は安定のため維持
 *              - .main-cell: width 88% → auto, min-width: 0 追加
 * ====================================================================
 */

/* =====================================================
   テーブル本体
   ===================================================== */
.civitai-table {
  width: 100% !important;        /* 90% → 100% */
  max-width: 1280px !important;  /* 1200px → 1280px */
  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: 110px !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: auto !important;        /* 88% → auto */
  text-align: left !important;
  padding: 8px 12px !important;
  min-width: 0 !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;
}

/* fix v1.7.3b: neg common */
.neg-grid{display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important;}
@media(max-width:767px){.neg-grid{grid-template-columns:1fr !important;}}


/* fix overlap 20260804 */
.civitai-table td.main-cell { width: 84% !important; /* autoから固定に戻し */
.civitai-table { min-width: 100px !important; }