/* ===== melon テーブル（列幅・スタイル一元管理） ===== */
.table-wrap {
  background: #fff; border: 1px solid var(--border); border-radius: 12px;
  overflow: auto; max-height: calc(100vh - 220px);
}
.fixed-table {
  width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 13px;
}
.fixed-table thead th {
  position: sticky; top: 0; z-index: 2;
  background: var(--gray-l); color: #374151; font-weight: 700;
  padding: 10px 8px; text-align: center; border-bottom: 2px solid var(--border);
  border-right: 1px solid var(--border); white-space: nowrap;
}
.fixed-table tbody td {
  padding: 9px 8px; text-align: center; border-bottom: 1px solid var(--border);
  border-right: 1px solid var(--border);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.fixed-table tbody td.ta-l { text-align: left; }
.fixed-table tbody tr { cursor: pointer; }
.fixed-table tbody tr:hover { background: var(--green-l); }
.fixed-table tbody tr.row-low { background: #fff7ed; }
.fixed-table tbody tr.row-zero { background: #fef2f2; }
.fixed-table .empty { text-align: center; color: var(--gray); padding: 40px; cursor: default; }
.txt-red { color: var(--red); }
.txt-amber { color: var(--amber); }

/* 列幅 */
.c-jan { width: 130px; }
.c-name { width: 220px; }
.c-maker { width: 130px; }
.c-cat { width: 100px; }
.c-num { width: 70px; }
.c-loc { width: 110px; }
.c-exp { width: 100px; }
.c-kind { width: 90px; }
.c-level { width: 80px; }
.c-volume { width: 90px; }
.c-dt { width: 140px; }
.c-user { width: 90px; }

/* ソート可能ヘッダー */
.fixed-table thead th[data-sort] { cursor: pointer; user-select: none; }
.fixed-table thead th[data-sort]:hover { background: #dcede0; }