/* ========================================
   mech-summary.css  -  作業担当ピッカー＋割合表示＋作業サマリービュー / PitFlow v0.129.0
   ・sales.css の sv-* を土台に、メカニック配分まわりだけ追加。
   ======================================== */

/* ===== カード「整備」タブ：担当ピッカー ===== */
.cf-mech-block{ margin:0 0 14px; }
.cf-mech-rows{ display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; }
.cf-mech-row{ display:flex; align-items:center; gap:6px; }
.cf-mech-no{
  width:20px; height:20px; flex:0 0 auto; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:700; color:#cbd5e1;
  background:rgba(148,163,184,.18);
}
.cf-mech-sel{ min-width:120px; }
.cf-mech-actions{ margin-top:8px; display:flex; gap:8px; flex-wrap:wrap; }
.cf-mech-preview{ margin-top:12px; }
.cf-mech-note{ font-size:12px; color:#94a3b8; margin:6px 0; }

/* ===== 割合表示（埋め込み） ===== */
.mech-alloc{
  border:1px solid rgba(148,163,184,.22); border-radius:12px;
  padding:12px 14px; background:rgba(148,163,184,.06);
}
.mech-alloc-head{ font-size:13px; margin-bottom:8px; }
.mech-alloc-head b{ font-size:15px; }
.mech-alloc-sub{ color:#94a3b8; margin-left:8px; font-size:12px; }
.mech-alloc-row{
  display:grid; grid-template-columns: 1fr auto 46px 62px 92px; align-items:center;
  gap:8px; padding:6px 0; border-top:1px dashed rgba(148,163,184,.2);
}
.mech-alloc-nm{ font-weight:700; }
.mech-alloc-kind{ font-size:11px; color:#94a3b8; }
.mech-alloc-pct{ text-align:right; font-variant-numeric:tabular-nums; font-weight:700; }
.mech-alloc-veh{ text-align:right; font-variant-numeric:tabular-nums; color:#94a3b8; font-size:12px; }
.mech-alloc-amt{ text-align:right; font-variant-numeric:tabular-nums; font-weight:700; }
.mech-alloc-row.insp .mech-alloc-kind{ color:#0ea5e9; }
.mech-alloc-row.mech .mech-alloc-kind{ color:#1db97a; }

/* ===== 作業サマリー：横バー ===== */
.mech-bars{ display:flex; flex-direction:column; gap:8px; padding:6px 2px 2px; }
.mech-bar-row{ display:grid; grid-template-columns:74px 1fr 62px; align-items:center; gap:10px; }
.mech-bar-nm{ font-weight:700; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mech-bar-track{ display:flex; height:18px; border-radius:6px; overflow:hidden; background:rgba(148,163,184,.14); }
.mech-bar-insp{ background:#0ea5e9; min-width:0; position:relative; }
.mech-bar-work{ background:#1db97a; min-width:0; position:relative; }
.mech-bar-insp .mech-bar-tt, .mech-bar-work .mech-bar-tt{
  display:none; position:absolute; bottom:22px; left:0; white-space:nowrap;
  background:#0f172a; color:#e2e8f0; font-size:11px; padding:2px 6px; border-radius:5px; z-index:5;
}
.mech-bar-insp:hover .mech-bar-tt, .mech-bar-work:hover .mech-bar-tt{ display:block; }
.mech-bar-amt{ text-align:right; font-variant-numeric:tabular-nums; font-weight:700; }

.mech-lg{ display:inline-block; width:10px; height:10px; border-radius:2px; vertical-align:middle; margin:0 3px 0 8px; }
.mech-lg-insp{ background:#0ea5e9; }
.mech-lg-work{ background:#1db97a; }
.mech-table td.sv-num{ font-variant-numeric:tabular-nums; }

/* ライトテーマ微調整 */
[data-theme="light"] .cf-mech-no{ color:#475569; background:rgba(100,116,139,.16); }
[data-theme="light"] .mech-alloc{ border-color:rgba(100,116,139,.25); background:rgba(100,116,139,.05); }
[data-theme="light"] .mech-alloc-sub, [data-theme="light"] .mech-alloc-veh, [data-theme="light"] .cf-mech-note{ color:#64748b; }