/* ========================================
   shaken-line.css  -  車検ライン（作業サマリーの2つ目のタブ）/ PitFlow v2.58.0
   ⚠ 見た目は売上ビュー（sales.css の sv-*）を借りている。**新しく作らない**
      （2026-08-28 ゆうた指定「見た目はこれまで培ってきたものを借りる」）。
      ここに置くのは、この画面にしか無い部品だけ。
   ⚠ クラスの頭は sln-。車検履歴は skl- ＝**別もの**なので混ぜないこと。
   ======================================== */

/* 一番上の大きいタブ（整備／車検ライン）。下の 当月/年度 タブより一段強くする */
.sv-toptabs{ display:flex; gap:8px; margin:0 2px 14px; border-bottom:1px solid var(--border); }
.sv-toptab{ display:inline-flex; align-items:center; gap:6px; border:0; background:transparent;
  color:var(--text3); font-size:15px; font-weight:800; padding:9px 4px 10px; margin-right:14px;
  border-bottom:2px solid transparent; cursor:pointer; }
.sv-toptab:hover{ color:var(--text2); }
.sv-toptab.on{ color:var(--text); border-bottom-color:var(--brand,#1f7a4d); }

/* 全体 → エラー → 詳細 の見出し（ゆうた指定の3段） */
.sln-sec{ font-size:12px; font-weight:800; color:var(--text3); letter-spacing:.08em;
  margin:20px 2px 8px; padding-left:9px; border-left:3px solid var(--brand,#1f7a4d); }

/* 落ちた所（理由）の棒 */
.sln-words{ display:flex; flex-direction:column; gap:6px; padding:4px 2px 2px; }
.sln-wrow{ display:flex; align-items:center; gap:10px; }
.sln-wnm{ flex:0 0 148px; font-size:13px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sln-wtrack{ flex:1 1 auto; height:10px; background:var(--bg3); border-radius:999px; overflow:hidden; }
.sln-wtrack i{ display:block; height:100%; background:#ef4444; opacity:.75; border-radius:999px; }
.sln-wn{ flex:0 0 34px; text-align:right; font-size:13px; }
.sln-wsub{ flex:0 0 96px; font-size:11px; color:var(--text3); }

/* 気をつけどころ */
.sln-adv{ border-color:rgba(230,195,77,.35); }
.sln-tips{ margin:2px 0 2px; padding-left:20px; }
.sln-tips li{ font-size:13px; line-height:1.75; color:var(--text2); }
.sln-tips li b{ color:var(--text); }

/* どこへ・いつ行ったか（3つの小さい表） */
.sln-minis{ display:flex; gap:16px; flex-wrap:wrap; padding:4px 2px; }
.sln-mini{ flex:1 1 200px; min-width:180px; }
.sln-mini-h{ font-size:11px; font-weight:700; color:var(--text3); margin-bottom:5px; }
.sln-mini-r{ display:flex; align-items:baseline; gap:8px; font-size:13px; padding:3px 0; border-bottom:1px solid var(--border); }
.sln-mini-r:last-child{ border-bottom:0; }
.sln-mini-r span{ flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sln-mini-r b{ flex:0 0 auto; }
.sln-mini-r i{ flex:0 0 auto; font-size:11px; font-style:normal; color:#ef8a8a; }

/* 国産・輸入の札 */
.sln-team{ font-size:11px; font-weight:700; padding:1px 7px; border-radius:999px;
  background:rgba(29,185,122,.16); color:#5fd3a6; }
.sln-team.imp{ background:rgba(236,72,153,.16); color:#f0a; }

/* 不合格の明細 */
.sln-nglist tbody tr{ cursor:pointer; }
.sln-nglist tbody tr:hover{ background:rgba(255,255,255,.04); }
.sln-nonote{ color:var(--text3); }

/* 数字の色。🔴 **js に色を直書きしない**ための受け皿
   （直書きすると「国産の緑・輸入のピンク」の棚卸し＝test_pit_rules.mjs ③ に引っかかる）。 */
.sln-ok{ color:var(--green,#1db97a); }
.sln-warn{ color:#e6c34d; }
.sln-bad{ color:var(--red,#ef4444); }
.sln-none{ color:var(--text3); }

/* 🔴 v2.61.0 0にする対象（落ちた所の未記入）。抜けは許容せず、数を出して潰す */
.sln-fix{ margin-top:10px; padding:10px 12px; border:1px solid rgba(245,158,11,.35);
  border-radius:10px; background:rgba(245,158,11,.06); }
.sln-fix-h{ font-size:11.5px; font-weight:800; color:#f59e0b; margin-bottom:5px; }
.sln-fix ul{ margin:0; padding-left:18px; }
.sln-fix li{ font-size:12.5px; line-height:1.8; color:var(--text2); }
.sln-fix li b{ color:var(--text); }
.sln-fix li span{ display:block; font-size:11.5px; color:var(--text3); }
.sln-fix-n{ color:#f59e0b !important; }
.sln-fix-note{ font-size:11.5px; color:var(--text3); margin-top:6px; }
.sln-fix-ok{ border-color:rgba(29,185,122,.35); background:rgba(29,185,122,.07); font-size:12.5px; color:var(--text2); }