/* ===== テーブル共通スタイル ===== */
.table-area { display: inline-block; min-width: 0; }
table.fixed-table { table-layout: fixed; }
table.fixed-table td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding: 5px; vertical-align: middle; }
table.fixed-table th, table.fixed-table td { border-right: 1px solid var(--gray-100); text-align: center; }
table.fixed-table td img { display: block; margin: 0 auto; }
table.fixed-table th:last-child, table.fixed-table td:last-child { border-right: none; }

/* ===== 商品管理 ===== */
/* チェック60 + 画像70 + JAN120 + item_id90 + maker200 + category120 + name350 + kind150 + level100 + volume100 + 在庫80 + 引当80 + 有効在庫80 = 1600 */
.tbl-products { width: 1600px; }
.tbl-products col:nth-child(1)  { width: 60px; }  /* チェック */
.tbl-products col:nth-child(2)  { width: 70px; }  /* 画像 */
.tbl-products col:nth-child(3)  { width: 120px; } /* JAN */
.tbl-products col:nth-child(4)  { width: 90px; }  /* item_id */
.tbl-products col:nth-child(5)  { width: 200px; } /* maker */
.tbl-products col:nth-child(6)  { width: 120px; } /* category */
.tbl-products col:nth-child(7)  { width: 350px; } /* name */
.tbl-products col:nth-child(8)  { width: 150px; } /* kind */
.tbl-products col:nth-child(9)  { width: 100px; } /* level */
.tbl-products col:nth-child(10) { width: 100px; } /* volume */
.tbl-products col:nth-child(11) { width: 80px; }  /* 在庫数 */
.tbl-products col:nth-child(12) { width: 80px; }  /* 引当 */
.tbl-products col:nth-child(13) { width: 80px; }  /* 有効在庫 */

/* ===== 在庫変動履歴 ===== */
/* チェック60 + 日時140 + JAN120 + 種別90 + maker100 + category100 + name300 + kind150 + level80 + volume80 + 数量80 + 在庫後80 + 拠点80 + 備考150 = 1610 */
.tbl-inventory { width: 1610px; }
.tbl-inventory col:nth-child(1)  { width: 60px; }  /* チェック */
.tbl-inventory col:nth-child(2)  { width: 140px; } /* 日時 */
.tbl-inventory col:nth-child(3)  { width: 120px; } /* JAN */
.tbl-inventory col:nth-child(4)  { width: 90px; }  /* 種別 */
.tbl-inventory col:nth-child(5)  { width: 100px; } /* maker */
.tbl-inventory col:nth-child(6)  { width: 100px; } /* category */
.tbl-inventory col:nth-child(7)  { width: 300px; } /* name */
.tbl-inventory col:nth-child(8)  { width: 150px; } /* kind */
.tbl-inventory col:nth-child(9)  { width: 80px; }  /* level */
.tbl-inventory col:nth-child(10) { width: 80px; }  /* volume */
.tbl-inventory col:nth-child(11) { width: 80px; }  /* 数量 */
.tbl-inventory col:nth-child(12) { width: 80px; }  /* 在庫後 */
.tbl-inventory col:nth-child(13) { width: 80px; }  /* 拠点 */
.tbl-inventory col:nth-child(14) { width: 150px; } /* 備考 */

/* ===== 出荷予定 ===== */
/* チェック60 + 予定日90 + salon_id120 + user_id100 + サロン名250 + ユーザー名150 + 商品数70 + 合計数量70 + 済商品数70 + 済数量70 = 1050 */
.tbl-shipping-plan { width: 1050px; }
.tbl-shipping-plan col:nth-child(1)  { width: 60px; }  /* チェック */
.tbl-shipping-plan col:nth-child(2)  { width: 90px; }  /* 予定日 */
.tbl-shipping-plan col:nth-child(3)  { width: 120px; } /* salon_id */
.tbl-shipping-plan col:nth-child(4)  { width: 100px; } /* user_id */
.tbl-shipping-plan col:nth-child(5)  { width: 250px; } /* サロン名 */
.tbl-shipping-plan col:nth-child(6)  { width: 150px; } /* ユーザー名 */
.tbl-shipping-plan col:nth-child(7)  { width: 70px; }  /* 商品数 */
.tbl-shipping-plan col:nth-child(8)  { width: 70px; }  /* 合計数量 */
.tbl-shipping-plan col:nth-child(9)  { width: 70px; }  /* 済商品数 */
.tbl-shipping-plan col:nth-child(10) { width: 70px; }  /* 済数量 */

/* ===== 入荷予定 ===== */
/* チェック60 + 予定日90 + ディーラー名120 + 商品数60 + 合計数量70 + 済商品数70 + 済数量70 + ステータス100 = 640 */
.tbl-receiving-plan { width: 640px; }
.tbl-receiving-plan col:nth-child(1) { width: 60px; }  /* チェック */
.tbl-receiving-plan col:nth-child(2) { width: 90px; }  /* 予定日 */
.tbl-receiving-plan col:nth-child(3) { width: 120px; } /* ディーラー名 */
.tbl-receiving-plan col:nth-child(4) { width: 60px; }  /* 商品数 */
.tbl-receiving-plan col:nth-child(5) { width: 70px; }  /* 合計数量 */
.tbl-receiving-plan col:nth-child(6) { width: 70px; }  /* 済商品数 */
.tbl-receiving-plan col:nth-child(7) { width: 70px; }  /* 済数量 */
.tbl-receiving-plan col:nth-child(8) { width: 100px; } /* ステータス */

/* ===== 出荷実績 ===== */
/* チェック60 + 予定日90 + 完了日90 + salon_id120 + user_id100 + サロン名250 + ユーザー名150 + 商品数70 + 合計数量70 + 済商品数70 + 済数量70 + 配送番号100 = 1240 */
.tbl-shipping-result { width: 1240px; }
.tbl-shipping-result col:nth-child(1)  { width: 60px; }  /* チェック */
.tbl-shipping-result col:nth-child(2)  { width: 90px; }  /* 予定日 */
.tbl-shipping-result col:nth-child(3)  { width: 90px; }  /* 完了日 */
.tbl-shipping-result col:nth-child(4)  { width: 120px; } /* salon_id */
.tbl-shipping-result col:nth-child(5)  { width: 100px; } /* user_id */
.tbl-shipping-result col:nth-child(6)  { width: 250px; } /* サロン名 */
.tbl-shipping-result col:nth-child(7)  { width: 150px; } /* ユーザー名 */
.tbl-shipping-result col:nth-child(8)  { width: 70px; }  /* 商品数 */
.tbl-shipping-result col:nth-child(9)  { width: 70px; }  /* 合計数量 */
.tbl-shipping-result col:nth-child(10) { width: 70px; }  /* 済商品数 */
.tbl-shipping-result col:nth-child(11) { width: 70px; }  /* 済数量 */
.tbl-shipping-result col:nth-child(12) { width: 100px; } /* 配送番号 */

/* ===== 入荷実績 ===== */
/* チェック60 + 予定日90 + 完了日90 + ディーラー名90 + 商品数60 + 実績数量70 = 460 */
.tbl-receiving-result { width: 460px; }
.tbl-receiving-result col:nth-child(1) { width: 60px; } /* チェック */
.tbl-receiving-result col:nth-child(2) { width: 90px; } /* 予定日 */
.tbl-receiving-result col:nth-child(3) { width: 90px; } /* 完了日 */
.tbl-receiving-result col:nth-child(4) { width: 90px; } /* ディーラー名 */
.tbl-receiving-result col:nth-child(5) { width: 60px; } /* 商品数 */
.tbl-receiving-result col:nth-child(6) { width: 70px; } /* 実績数量 */

/* ===== 出荷作業中 ===== */
/* チェック60 + 予定日90 + salon_id120 + user_id100 + サロン名250 + ユーザー名150 + 商品数70 + 合計数量70 = 910 */
.tbl-shipping-working { width: 910px; }
.tbl-shipping-working col:nth-child(1) { width: 60px; }  /* チェック */
.tbl-shipping-working col:nth-child(2) { width: 90px; }  /* 予定日 */
.tbl-shipping-working col:nth-child(3) { width: 120px; } /* salon_id */
.tbl-shipping-working col:nth-child(4) { width: 100px; } /* user_id */
.tbl-shipping-working col:nth-child(5) { width: 250px; } /* サロン名 */
.tbl-shipping-working col:nth-child(6) { width: 150px; } /* ユーザー名 */
.tbl-shipping-working col:nth-child(7) { width: 70px; }  /* 商品数 */
.tbl-shipping-working col:nth-child(8) { width: 70px; }  /* 合計数量 */

/* ===== サロン管理 ===== */
/* チェック60 + salon_id160 + user_id120 + salon_name200 + staff_name200 = 740 */
.tbl-salons { width: 740px; }
.tbl-salons col:nth-child(1) { width: 60px; }  /* チェック */
.tbl-salons col:nth-child(2) { width: 160px; } /* salon_id */
.tbl-salons col:nth-child(3) { width: 120px; } /* user_id */
.tbl-salons col:nth-child(4) { width: 200px; } /* salon_name */
.tbl-salons col:nth-child(5) { width: 200px; } /* staff_name */

/* ===== 棚卸しスキャン済み ===== */
/* #40 + 画像70 + JAN120 + item_id90 + name250 + maker140 + kind100 + volume100 + 予定在庫数90 + 実数量90 + 差異90 = 1180 */
.tbl-stocktaking-active { width: 1180px; }
.tbl-stocktaking-active col:nth-child(1)  { width: 40px; }  /* # */
.tbl-stocktaking-active col:nth-child(2)  { width: 70px; }  /* 画像 */
.tbl-stocktaking-active col:nth-child(3)  { width: 120px; } /* JAN */
.tbl-stocktaking-active col:nth-child(4)  { width: 90px; }  /* item_id */
.tbl-stocktaking-active col:nth-child(5)  { width: 250px; } /* name */
.tbl-stocktaking-active col:nth-child(6)  { width: 140px; } /* maker */
.tbl-stocktaking-active col:nth-child(7)  { width: 100px; } /* kind */
.tbl-stocktaking-active col:nth-child(8)  { width: 100px; } /* volume */
.tbl-stocktaking-active col:nth-child(9)  { width: 90px; }  /* 予定在庫数 */
.tbl-stocktaking-active col:nth-child(10) { width: 90px; }  /* 実数量 */
.tbl-stocktaking-active col:nth-child(11) { width: 90px; }  /* 差異 */

/* ===== 棚卸し履歴 ===== */
/* チェック60 + 作成日90 + 確定日90 + 拠点80 + 商品数80 + 差異数80 = 480 */
.tbl-stocktaking-log { width: 480px; }
.tbl-stocktaking-log col:nth-child(1) { width: 60px; } /* チェック */
.tbl-stocktaking-log col:nth-child(2) { width: 90px; } /* 作成日 */
.tbl-stocktaking-log col:nth-child(3) { width: 90px; } /* 確定日 */
.tbl-stocktaking-log col:nth-child(4) { width: 80px; } /* 拠点 */
.tbl-stocktaking-log col:nth-child(5) { width: 80px; } /* 商品数 */
.tbl-stocktaking-log col:nth-child(6) { width: 80px; } /* 差異数 */

/* ===== 棚卸し詳細 ===== */
/* 画像70 + JAN120 + item_id90 + maker200 + name350 + kind150 + level100 + volume100 + 変更前80 + 実数量80 + 差異80 = 1420 */
.tbl-stocktaking-detail { width: 1420px; }
.tbl-stocktaking-detail col:nth-child(1)  { width: 70px; }  /* 画像 */
.tbl-stocktaking-detail col:nth-child(2)  { width: 120px; } /* JAN */
.tbl-stocktaking-detail col:nth-child(3)  { width: 90px; }  /* item_id */
.tbl-stocktaking-detail col:nth-child(4)  { width: 200px; } /* maker */
.tbl-stocktaking-detail col:nth-child(5)  { width: 350px; } /* name */
.tbl-stocktaking-detail col:nth-child(6)  { width: 150px; } /* kind */
.tbl-stocktaking-detail col:nth-child(7)  { width: 100px; } /* level */
.tbl-stocktaking-detail col:nth-child(8)  { width: 100px; } /* volume */
.tbl-stocktaking-detail col:nth-child(9)  { width: 80px; }  /* 変更前 */
.tbl-stocktaking-detail col:nth-child(10) { width: 80px; }  /* 実数量 */
.tbl-stocktaking-detail col:nth-child(11) { width: 80px; }  /* 差異 */

/* ===== 伝票詳細（出荷） ===== */
/* チェック60 + 画像70 + order_id200 + JAN100 + item_id80 + maker120 + category80 + name300 + kind120 + level80 + volume80 + 予定数80 + 検品数80 + 差異60 + 有効在庫80 = 1590 */
.tbl-order-detail-out { width: 1590px; }
.tbl-order-detail-out col:nth-child(1)  { width: 60px; }  /* チェック */
.tbl-order-detail-out col:nth-child(2)  { width: 70px; }  /* 画像 */
.tbl-order-detail-out col:nth-child(3)  { width: 200px; } /* order_id */
.tbl-order-detail-out col:nth-child(4)  { width: 100px; } /* JAN */
.tbl-order-detail-out col:nth-child(5)  { width: 80px; }  /* item_id */
.tbl-order-detail-out col:nth-child(6)  { width: 120px; } /* maker */
.tbl-order-detail-out col:nth-child(7)  { width: 80px; }  /* category */
.tbl-order-detail-out col:nth-child(8)  { width: 300px; } /* name */
.tbl-order-detail-out col:nth-child(9)  { width: 120px; } /* kind */
.tbl-order-detail-out col:nth-child(10) { width: 80px; }  /* level */
.tbl-order-detail-out col:nth-child(11) { width: 80px; }  /* volume */
.tbl-order-detail-out col:nth-child(12) { width: 80px; }  /* 予定数 */
.tbl-order-detail-out col:nth-child(13) { width: 80px; }  /* 検品数 */
.tbl-order-detail-out col:nth-child(14) { width: 60px; }  /* 差異 */
.tbl-order-detail-out col:nth-child(15) { width: 80px; }  /* 有効在庫 */

/* ===== 伝票詳細（入荷） ===== */
/* チェック60 + 画像70 + JAN120 + item_id90 + maker200 + category120 + name350 + kind150 + level100 + volume100 + 予定数80 + 検品数80 + 差異60 = 1580 */
.tbl-order-detail-in { width: 1580px; }
.tbl-order-detail-in col:nth-child(1)  { width: 60px; }  /* チェック */
.tbl-order-detail-in col:nth-child(2)  { width: 70px; }  /* 画像 */
.tbl-order-detail-in col:nth-child(3)  { width: 120px; } /* JAN */
.tbl-order-detail-in col:nth-child(4)  { width: 90px; }  /* item_id */
.tbl-order-detail-in col:nth-child(5)  { width: 200px; } /* maker */
.tbl-order-detail-in col:nth-child(6)  { width: 120px; } /* category */
.tbl-order-detail-in col:nth-child(7)  { width: 350px; } /* name */
.tbl-order-detail-in col:nth-child(8)  { width: 150px; } /* kind */
.tbl-order-detail-in col:nth-child(9)  { width: 100px; } /* level */
.tbl-order-detail-in col:nth-child(10) { width: 100px; } /* volume */
.tbl-order-detail-in col:nth-child(11) { width: 80px; }  /* 予定数 */
.tbl-order-detail-in col:nth-child(12) { width: 80px; }  /* 検品数 */
.tbl-order-detail-in col:nth-child(13) { width: 60px; }  /* 差異 */

/* ===== 設定スプレッドシート連携 ===== */
/* 対象160 + 種別60 + シートURL800 = 1020 */
.tbl-settings-sheets { width: 1020px; }
.tbl-settings-sheets col:nth-child(1) { width: 160px; } /* 対象 */
.tbl-settings-sheets col:nth-child(2) { width: 60px; }  /* 種別 */
.tbl-settings-sheets col:nth-child(3) { width: 800px; } /* シートURL */

/* ===== 設定ユーザー管理 ===== */
/* ユーザー名120 + ロール80 + 登録日120 + 操作200 = 520 */
.tbl-settings-users { width: 520px; }
.tbl-settings-users col:nth-child(1) { width: 120px; } /* ユーザー名 */
.tbl-settings-users col:nth-child(2) { width: 80px; }  /* ロール */
.tbl-settings-users col:nth-child(3) { width: 120px; } /* 登録日 */
.tbl-settings-users col:nth-child(4) { width: 200px; } /* 操作 */

/* ===== 設定メーカー順 ===== */
/* #40 + 拠点60 + メーカー名200 + 操作100 = 400 */
.tbl-settings-maker { width: 400px; }
.tbl-settings-maker col:nth-child(1) { width: 40px; }  /* # */
.tbl-settings-maker col:nth-child(2) { width: 60px; }  /* 拠点 */
.tbl-settings-maker col:nth-child(3) { width: 200px; } /* メーカー名 */
.tbl-settings-maker col:nth-child(4) { width: 100px; } /* 操作 */