.drivers-table {
  min-width: 860px;
}

.locations-table {
  min-width: 620px;
}

.customers-table {
  min-width: 1120px;
}

.employees-table {
  min-width: 1320px;
}

.statuses-table {
  min-width: 760px;
}

.vehicles-table {
  min-width: 860px;
}

.locations-table th:first-child,
.locations-table td:first-child {
  width: 76px;
  color: var(--muted);
}

.customers-table th:first-child,
.customers-table td:first-child {
  width: 64px;
  color: var(--muted);
}

.statuses-table th:first-child,
.statuses-table td:first-child {
  width: 86px;
}

.statuses-table th:nth-child(3),
.statuses-table td:nth-child(3),
.statuses-table th:nth-child(4),
.statuses-table td:nth-child(4) {
  width: 180px;
}

.drivers-table th:last-child,
.drivers-table td:last-child,
.locations-table th:last-child,
.locations-table td:last-child,
.customers-table th:last-child,
.customers-table td:last-child,
.employees-table th:last-child,
.employees-table td:last-child,
.statuses-table th:last-child,
.statuses-table td:last-child {
  width: 120px;
}

.drivers-table th:first-child,
.drivers-table td:first-child {
  width: 76px;
  color: var(--muted);
}

.employees-table th:first-child,
.employees-table td:first-child {
  width: 64px;
  color: var(--muted);
}

.simple-table th,
.simple-table td {
  background: var(--panel);
  color: var(--ink);
}

.simple-table th {
  background: var(--header-bg);
  color: var(--header-ink);
}

col[data-col="status"] { width: 230px; }
col[data-col="weekday"] { width: 110px; }
col[data-col="route_date"] { width: 150px; }
col[data-col="loading_date"] { width: 150px; }
col[data-col="loading_place"] { width: 190px; }
col[data-col="unloading_date"] { width: 150px; }
col[data-col="destination"] { width: 190px; }
col[data-col="customer"] { width: 190px; }
col[data-col="route_number"] { width: 170px; }
col[data-col="request_number"] { width: 150px; }
col[data-col="order_number"] { width: 190px; }
col[data-col="driver"] { width: 180px; }
col[data-col="vehicle"] { width: 170px; }
col[data-col="tariff_type"] { width: 130px; }
col[data-col="rate"] { width: 150px; }
col[data-col="payment"] { width: 150px; }
col[data-col="rpd_number"] { width: 140px; }
col[data-col="invoice_number"] { width: 140px; }
col[data-col="document_transfer_date"] { width: 190px; }
col[data-col="email"] { width: 150px; }
col[data-col="carrier_request_number"] { width: 190px; }
col[data-col="carrier_invoice_number"] { width: 190px; }
col[data-col="salary"] { width: 140px; }
col[data-col="paid_to"] { width: 180px; }
col[data-col="payment_date"] { width: 150px; }
col[data-col="payment_method"] { width: 150px; }
col[data-col="planned_payment_date"] { width: 180px; }
col[data-col="received_by_us"] { width: 150px; }
col[data-col="comment"] { width: 240px; }
col[data-vehicle-col="vehicle_type"] { width: 130px; }
col[data-vehicle-col="brand"] { width: 170px; }
col[data-vehicle-col="plate_number"] { width: 170px; }
col[data-vehicle-col="sts_number"] { width: 190px; }
col[data-vehicle-col="color"] { width: 200px; }
col[data-vehicle-col="glonass"] { width: 340px; }
col[data-vehicle-col="actions"] { width: 120px; }

th,
td {
  padding: 11px 12px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  text-align: left;
  overflow-wrap: anywhere;
}

th {
  position: sticky;
  top: 0;
  z-index: 4;
  height: var(--header-height);
  color: var(--header-ink);
  background: var(--bg);
  font-size: 13px;
  user-select: none;
}

td {
  font-size: 14px;
  color: var(--row-text);
  background: color-mix(in srgb, var(--row-color, #fff) var(--row-status-strength), var(--row-base));
}

tr[data-dark="true"] td {
  color: var(--row-dark-text);
  background: color-mix(in srgb, var(--row-color, #fff) var(--row-dark-strength), var(--row-dark-base));
}

tr.is-route-highlighted td {
  box-shadow: inset 0 0 0 2px var(--accent);
}

.date-group th {
  top: calc(var(--header-height) + var(--month-row-height));
  z-index: 3;
  padding: 4px 12px;
  height: var(--date-row-height);
  line-height: 1;
  color: var(--group-ink);
  background: var(--bg);
  font-size: 13px;
  vertical-align: middle;
  left: 0;
}

.month-group th {
  top: var(--header-height);
  z-index: 3;
  padding: 4px 12px;
  height: var(--month-row-height);
  line-height: 1;
  color: var(--header-ink);
  background: var(--bg);
  font-size: 13px;
  vertical-align: middle;
}

.month-group .month-label {
  left: 0;
  z-index: 4;
  white-space: nowrap;
}

.month-toggle {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  border: 0;
  padding: 0;
  gap: 8px;
  color: inherit;
  background: transparent;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.month-toggle-icon {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--field-bg);
  line-height: 1;
}

.month-group .month-rate {
  font-size: 12px;
  line-height: 1.15;
  white-space: nowrap;
}

.resize-handle {
  position: absolute;
  top: 0;
  right: -3px;
  width: 7px;
  height: 100%;
  cursor: col-resize;
  z-index: 5;
}

.resize-handle:hover {
  background: rgba(31, 122, 104, .25);
}

#routes-table th.is-sorted,
#routes-table th.is-filtered {