/* ---- редактируемая таблица грузов (Excel-вид) ---- */
.tbl-wrap{display:flex;flex-direction:column;gap:14px}
.tbl-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tbl-bar .tbl-search{flex:1;min-width:200px;max-width:340px;padding:11px 15px;background:var(--panel);border:1px solid var(--line);border-radius:11px;color:var(--ink);font-size:14px}
.tbl-bar .tbl-search:focus{outline:none;border-color:var(--accent)}
.tbl-bar .spacer{flex:1}
.tbl-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:11px;border:1px solid var(--line2);
  background:var(--panel);color:var(--ink);font-weight:600;font-size:14px;cursor:pointer;transition:.15s}
.tbl-btn:hover{border-color:var(--accent);color:var(--accent)}
.tbl-btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}
.tbl-btn.accent:hover{background:var(--accent-d);color:#fff}

.tbl-scroll{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel);max-height:calc(100vh - 230px)}
table.cargo-tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px;min-width:1180px}
.cargo-tbl thead th{position:sticky;top:0;z-index:2;background:var(--panel2);color:var(--muted);font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;font-size:11px;text-align:left;padding:11px 10px;
  border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer;user-select:none}
.cargo-tbl thead th.no-sort{cursor:default}
.cargo-tbl thead th .ar{opacity:.55;font-size:9px;margin-left:4px}
.cargo-tbl tbody td{border-bottom:1px solid var(--line);padding:0;vertical-align:middle;white-space:nowrap}
.cargo-tbl tbody tr:hover td{background:var(--panel2)}
.cargo-tbl tbody tr.saving{opacity:.5}
.cargo-tbl .c-num{padding:0 12px;font-weight:700;color:var(--ink)}
.cargo-tbl .c-total{padding:0 12px;font-weight:700;color:var(--accent);text-align:right;font-variant-numeric:tabular-nums}
.cargo-tbl .c-by{padding:0 12px;color:var(--muted);white-space:nowrap}
.cargo-tbl input.cell,.cargo-tbl select.cell{width:100%;min-width:90px;border:none;background:transparent;color:var(--ink);
  font:inherit;padding:11px 10px;border-radius:0;box-sizing:border-box}
.cargo-tbl input.cell::placeholder{color:var(--muted2)}
.cargo-tbl input.cell:focus,.cargo-tbl select.cell:focus{outline:2px solid var(--accent);outline-offset:-2px;background:var(--panel)}
.cargo-tbl input.num-cell{text-align:right;font-variant-numeric:tabular-nums;min-width:80px}
.cargo-tbl select.cell{cursor:pointer}
.cargo-tbl td.col-paid{text-align:center}
.cargo-tbl .paid-cb{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin:0}
.cargo-tbl td.col-del{text-align:center;padding:0 8px}
.tbl-del{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;
  border:1px solid var(--line2);background:var(--panel);color:var(--muted);cursor:pointer;transition:.15s}
.tbl-del svg{width:16px;height:16px}
.tbl-del:hover{border-color:#e0556a;color:#e0556a}
.tbl-empty{padding:44px;text-align:center;color:var(--muted)}
.tbl-foot{font-size:13px;color:var(--muted);display:flex;gap:20px;flex-wrap:wrap;padding:2px 2px 6px}
.tbl-foot b{color:var(--ink)}