/* ============================================================
   重量タブ 明細テーブル (.w-table)
   添付スクショに近いトーン：グレー背景に白カード・統一トーン
   ============================================================ */

/* master 仕様 (2026-05-10): 背景を白に統一 (旧 #f3f3f7 グレーから) */
#wMain{
  background:#ffffff;
  padding:20px;
}

/* 明細の白カード */
.w-card{
  background:#ffffff;
  border:1px solid #e8e8ed;
  border-radius:12px;
  padding:4px 0;
  box-shadow:0 1px 3px rgba(20,20,34,.03);
  overflow-x:auto;
}

/* トップバー（ブレッドクラム + アクションボタン 同じ高さで両端） */
.w-topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
  min-height:36px;
}

.w-topbar-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}
.w-doc-title-text{
  color:#1a1a2e;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ブレッドクラム（重量計算 / 一覧 (N件)） */
.w-crumb{
  display:flex;
  align-items:center;
  gap:8px;
  height:36px;
  font-family:'Space Grotesk','Noto Sans JP',sans-serif;
  font-size:13px;
  color:#5a5a78;
  padding:0 2px;
}
/* master 仕様 (2026-05-10): breadcrumb 全部 黒 (#1a1a2e) に統一 */
.w-crumb-root{color:#1a1a2e;font-weight:600}
.w-crumb-sep{color:#1a1a2e;font-weight:400;opacity:.45}
.w-crumb-cur{color:#1a1a2e;font-weight:700}
.w-crumb-count{color:#1a1a2e;font-weight:500;font-size:12px;opacity:.65}

/* アクションバー（CSV出力・重量計算書） */
.w-actions{
  display:flex;
  align-items:center;
  gap:8px;
  height:36px;
  margin-bottom:0;
}
.w-act-btn{
  background:#ffffff;
  border:1px solid #d4d4dc;
  color:#2a2a3e;
  font-family:'Space Grotesk','Noto Sans JP',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  height:36px;
  padding:0 16px;
  border-radius:8px;
  cursor:pointer;
  transition:all .15s;
}
.w-act-btn:hover{background:#f8f8fc;border-color:#b8b8c4}
/* master 仕様 (2026-05-10): primary action は TORIAI indigo (= COLOR_RULES) */
.w-act-btn.w-act-primary{
  background:#4f46e5;
  color:#ffffff;
  border-color:#4f46e5;
}
.w-act-btn.w-act-primary:hover{background:#4338ca;border-color:#4338ca}

/* テーブル本体 */
#wTable.w-table{
  width:100%;
  border-collapse:collapse;
  font-family:'Space Grotesk','Noto Sans JP',sans-serif;
  font-size:12px;
  min-width:700px;
  background:transparent;
}
#wTable.w-table thead tr{
  background:transparent;
  border-bottom:1px solid #e8e8ed;
}
#wTable.w-table th{
  padding:14px 14px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#8a8a9e;
  background:transparent;
  border:none;
  white-space:nowrap;
}
#wTable.w-table th.w-l{text-align:left}
#wTable.w-table th.w-r{text-align:right}
#wTable.w-table th.w-x{width:32px;padding:0}

/* データ行：統一トーン（全セル同じ濃さ・太さ） */
#wTable.w-table tbody tr{
  background:transparent;
  border-bottom:1px solid #f1f1f5;
  cursor:pointer;
  transition:background .12s;
}
#wTable.w-table tbody tr:hover{background:#fafafc}
#wTable.w-table tbody tr.w-editing{background:#fffde7}
#wTable.w-table tbody tr.w-sel{background:#fef9c3}
#wTable.w-table tbody td{
  padding:14px 14px;
  font-size:12px;
  font-weight:500;
  color:#1a1a2e;
  background:transparent;
  border:none;
  vertical-align:middle;
  white-space:nowrap;
}
#wTable.w-table tbody td.w-l{text-align:left}
#wTable.w-table tbody td.w-r{text-align:right;font-family:'Space Grotesk',monospace}
#wTable.w-table tbody td.w-n{
  color:#8888a8;
  font-family:monospace;
  font-size:11px;
  letter-spacing:.05em;
  padding-left:14px;
  padding-right:6px;
}
#wTable.w-table tbody td.w-memo{
  color:#1a1a2e;
  max-width:160px;
  overflow:hidden;
  text-overflow:ellipsis;
}
#wTable.w-table .w-co2{color:#2d6a2d}
#wTable.w-table .w-muted{color:#c4c4d4}
#wTable.w-table td.w-x-cell{padding:4px 8px;text-align:center}

/* master 仕様 (2026-05-10): バッジ風を撤去、普通の黒文字に */
.w-kind-chip{
  display:inline-block;
  padding:0;
  background:transparent;
  border-radius:0;
  font-size:12px;
  font-weight:500;
  color:#1a1a2e;
  letter-spacing:.02em;
}
.w-spec-text{
  font-family:'Space Grotesk',monospace;
  font-size:12px;
  font-weight:500;
  color:#1a1a2e;
}
.w-sub{
  display:block;
  font-size:10px;
  color:#a0a0b0;
  font-weight:400;
  margin-top:2px;
  font-family:'Space Grotesk',sans-serif;
}
.w-del-x{
  background:none;
  border:none;
  color:#c4c4d4;
  cursor:pointer;
  padding:4px 6px;
  font-size:12px;
  line-height:1;
  transition:color .12s;
}
.w-del-x:hover{color:#d12a2a}

/* 合計行：ボディとほぼ同トーン、上に細めの区切りだけ */
#wTable.w-table tfoot tr{
  background:transparent;
  border-top:1px solid #1a1a2e;
}
#wTable.w-table tfoot td{
  padding:16px 14px;
  font-size:13px;
  font-weight:700;
  color:#0a0a14;
  background:transparent;
  border:none;
  white-space:nowrap;
}
#wTable.w-table tfoot td.w-l{text-align:left;letter-spacing:.12em}
#wTable.w-table tfoot td.w-r{text-align:right;font-family:'Space Grotesk',monospace}
#wTable.w-table tfoot td.w-total{font-weight:700;color:#0a0a14}
#wTable.w-table tfoot td.w-muted{font-weight:500;color:#c4c4d4}

/* お問い合わせ 送信する→ ボタン（デフォルト黒 → ホバーで薄紫 #d8d4ff） */
#feedbackSubmitBtn{
  background:#1a1a2e !important;
  border:1.5px solid #1a1a2e !important;
  color:#ffffff !important;
  transition:background .15s, border-color .15s, color .15s !important;
}
#feedbackSubmitBtn:hover,
#feedbackSubmitBtn:focus{
  background:#d8d4ff !important;
  border-color:#a5b4fc !important;
  color:#1a1a2e !important;
}

/* お問い合わせ 送信する→ ボタン: JS から入るインラインスタイルを上書き */
#feedbackSubmitBtn[style]{
  background:#1a1a2e !important;
  border:1.5px solid #1a1a2e !important;
  color:#ffffff !important;
}
#feedbackSubmitBtn[style]:hover{
  background:#d8d4ff !important;
  border-color:#a5b4fc !important;
  color:#1a1a2e !important;
}

/* 合計金額行（グランドトータル） */
#wTable.w-table tfoot tr.w-grand{
  background:#fafafc;
  border-top:1px solid #e8e8ed;
}
#wTable.w-table tfoot tr.w-grand td{
  padding:14px 14px;
  font-size:13px;
}
#wTable.w-table tfoot tr.w-grand td.w-grand-lbl{
  text-align:right;
  letter-spacing:.12em;
  font-weight:700;
  color:#1a1a2e;
}
#wTable.w-table tfoot tr.w-grand td.w-grand-val{
  text-align:right;
  font-family:'Space Grotesk',monospace;
  font-weight:700;
  color:#1a1a2e;
}