/* =============================================================================
 * TERASU CRM — IS部署(問い合わせ/電話対応リスト)専用CSS
 *   SCALE CRM(scale-lead) の style.css から、この画面が使うルールだけを抽出したもの。
 *   生成: node scripts/gen_is_engine.js と対。デザインを原本と一致させるために必要。
 *   TERASU CRM 側に同名セレクタが既にあるものは取り込んでいない(既存デザインを壊さないため)。
 * ========================================================================== */
.badge-dark{background:rgba(55,65,81,.35);color:#cbd5e1;border:1px solid rgba(100,116,139,.4)}
.detail-edit{transition:background .12s,box-shadow .12s;position:relative}
.detail-edit:hover{background:rgba(245,158,11,.08);box-shadow:inset 0 0 0 1px rgba(245,158,11,.35)}
.detail-edit:hover::after{content:"✎";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--blue);opacity:.7;pointer-events:none}
/* ===== v11.5.87 架電リスト ぬるっと化(操作感・スクロール速度) ===== */
/* paint containment: スクロール時の再描画を枠内に限定(reflow/repaint コスト減)。sticky列は壊さない(layoutには非干渉) */
.cl-tbl-wrap{contain:paint}
/* v11.5.99 仮想スクロールの上下スペーサー行は td の height(=画面外行数ぶんの高さ)をそのまま効かせる(32px固定を解除) */
#clTB tr.cl-vspacer{height:auto;background:transparent!important;transition:none}
#clTB tr.cl-vspacer td{padding:0;border:0;white-space:normal}
/* ===== v11.6.51 大串FB: 見た目の詰み2点 ===== */
/* ① 行ハイライトが「企業名・電話番号」だけ乗らない
   固定列(チェック/#/企業名/電話番号)は JS 側で background をインライン指定しているため、
   CSS の tr:hover td(:144) が負けて、その行だけ左2列の色が変わらなかった。
   → 固定列を含む全セルにホバー色を当てる(!important でインライン指定に勝たせる)。
   スペーサー行は対象外(透明のまま=偽の行に見えないように)。 */
/* v11.6.59 大串FB根治【右にスクロールすると列が重なって見える】:
   v11.6.51 でホバー色を半透明 rgba(...,.13) で当てたのが原因。左固定列(チェック/#/企業名/電話番号)は
   元々【不透明】な背景(var(--bg2) / 選択時 #1d2840)を持っていて、その下を通過する列を隠していたのに、
   半透明で上書きしたことで下の列が透けて二重・三重に見えていた。
   → 合成後と同じ【不透明色】を指定する(見た目は同じで、透けだけが消える)。
   通常行: --bg2 #111114 に rgba(245,158,11,.13) を合成 → #162031 相当(やや明るめの #182234 を採用) */
#clTB tr:not(.cl-vspacer):hover td{background:#182234!important}
/* 選択行はホバーしても選択色を保つ(暗くならないよう選択色 #1d2840 に青みを足した不透明色) */
#clTB tr.cl-row-sel:not(.cl-vspacer):hover td{background:#22304d!important}