/* session-ui.css — 時間割セル (社名 + タイトル全文 + カテゴリ) と凡例
   (旧 proto-shared.css「案A/案B 共通」。2026-06-10 に本採用として改名 #26。
    クラス名 .proto-* は session-ui.js と結合しているため旧称のまま) */

.proto-cell {
  display: block; padding: 9px 9px 11px; text-decoration: none;
  color: #00144c; text-align: left; height: 100%;
  border-left: 4px solid #c3d0e6; transition: background .15s;
}
.proto-cell:hover { background: #eaf4ff; }
.proto-cell--comingsoon,
.proto-cell--comingsoon:hover {
  background: #f3f2f7;
  border-left-color: #f3f2f7;
  cursor: default;
}
.proto-cell-cat {
  display: inline-block; font-size: 10px; font-weight: 700; color: #fff;
  background: #7a8aa8; padding: 2px 7px; border-radius: 4px; margin-bottom: 5px;
}
.proto-cell-mfr {
  display: block; font-size: 11px; color: #5a6b8c; margin-bottom: 3px; line-height: 1.3;
}
/* タイトルは省略せず全文表示 (line-clamp なし) */
.proto-cell-title {
  display: block; font-size: 13px; font-weight: 700; line-height: 1.4; color: #00144c;
  white-space: normal; overflow-wrap: anywhere;
}
.proto-cell--comingsoon .proto-cell-title { color: #8079a8; }

/* カテゴリ別の左ボーダー色 + バッジ色 (CAT_COLORS と対応)。
   バッジ背景は白文字(.proto-cell-cat 既定 color:#fff)を乗せるため白比4.5:1以上を確保する
   darken 値を使う (border-left-color は装飾のため基準色のまま・UI/UX監査 2026-07-02 P2) */
.proto-cell[data-cat*="クラウド"]     { border-left-color: #f45d22; }
.proto-cell[data-cat*="クラウド"] .proto-cell-cat { background: #f45d22; } /* 原色維持・白文字(既定)のまま(デザイナー指摘: 紺文字は見にくい・2026-07-02再指摘) */
.proto-cell[data-cat*="AI"]          { border-left-color: #794bc4; }
.proto-cell[data-cat*="AI"] .proto-cell-cat { background: #794bc4; } /* 5.81:1・変更なし */
.proto-cell[data-cat*="セキュリティ"] { border-left-color: #e0245e; }
.proto-cell[data-cat*="セキュリティ"] .proto-cell-cat { background: #e0245e; } /* 4.58:1・変更なし */
.proto-cell[data-cat*="仮想化"]       { border-left-color: #007fff; }
.proto-cell[data-cat*="仮想化"] .proto-cell-cat { background: #0070e0; } /* 旧#007fff=3.83:1→4.78:1 */
.proto-cell[data-cat*="ストレージ"]   { border-left-color: #17bf63; }
.proto-cell[data-cat*="ストレージ"] .proto-cell-cat { background: #108444; } /* 旧#17bf63=2.42:1→4.77:1 */
.proto-cell[data-cat*="バックアップ"] { border-left-color: #00bcd4; }
.proto-cell[data-cat*="バックアップ"] .proto-cell-cat { background: #007d8d; } /* 旧#00bcd4=2.30:1→4.86:1 */
.proto-cell[data-cat*="ネットワーク・インフラ"] { border-left-color: #1da1f2; }
.proto-cell[data-cat*="ネットワーク・インフラ"] .proto-cell-cat { background: #0b79bd; } /* 4.68:1 (旧ハイブリッドインテグレーションの色を継承) */
.proto-cell[data-cat*="IT運用・自動化"] { border-left-color: #ffad1f; }
.proto-cell[data-cat*="IT運用・自動化"] .proto-cell-cat { background: #a06800; } /* 旧#ffad1f=1.87:1→4.69:1 (白文字化) */
.proto-cell[data-cat*="PC・エンドポイント"] { border-left-color: #8a6d3b; }
.proto-cell[data-cat*="PC・エンドポイント"] .proto-cell-cat { background: #8a6d3b; } /* 4.85:1・変更なし */
.proto-cell[data-cat*="サービス・サポート"] { border-left-color: #5f6b7a; }
.proto-cell[data-cat*="サービス・サポート"] .proto-cell-cat { background: #5f6b7a; } /* 5.43:1 */

.proto-cell.proto-cell--comingsoon,
.proto-cell.proto-cell--comingsoon:hover {
  background: #f3f2f7;
  border-left-color: #f3f2f7;
}

/* #151 B2 comingsoon 出展ブースカードの見た目は accent-2026.css へ移設した (2026-07-03)。
   理由: このカードは index.html にしか無いが session-ui.css は index では読み込まれないため、
   ここに置くと適用されず pointer-events:none / グレー地 / ホバー光彩OFF が効かなかった。
   全ページ読込の accent-2026.css に #home スコープで置くことで index に確実に効く。 */

/* カテゴリ凡例 (色とカテゴリ名の対応) */
.proto-legend {
  display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center;
  max-width: 1200px; margin: 0 auto 14px; padding: 11px 16px;
  background: #fff; border: 1px solid #dde4ee; border-radius: 8px; font-size: 12px;
}
.proto-legend-label { font-weight: 800; color: #00144c; margin-right: 2px; }
.proto-legend-item { display: inline-flex; align-items: center; gap: 5px; color: #33415c; font-weight: 600; }
.proto-legend-swatch { width: 14px; height: 14px; border-radius: 3px; display: inline-block; flex: none; }