﻿    .logistic-items-wrap {
      border: 1px solid var(--border);
      border-radius: 8px;
    }

    .logistic-items-table {
      width: 100%;
      margin: 0;
      font-size: 13px;
      table-layout: fixed;
    }

    .logistic-items-head {
      background: var(--surface2);
    }

    .logistic-col-object {
      width: 12%;
    }

    .logistic-col-name {
      width: 22%;
    }

    .logistic-col-qty,
    .logistic-col-unit {
      width: 8%;
      text-align: center;
    }

    .logistic-col-est,
    .logistic-col-final {
      width: 12%;
      text-align: right;
    }

    .logistic-col-flag {
      width: 5.5%;
      text-align: center;
    }

    .logistic-col-action {
      width: 4%;
    }

    .logistic-th,
    .logistic-td {
      padding: 10px;
    }

    .logistic-row {
      border-bottom: 1px solid var(--border);
    }

    .logistic-td-center {
      padding: 10px;
      text-align: center;
    }

    .logistic-td-right {
      padding: 10px;
      text-align: right;
    }

    .logistic-td-object {
      padding: 10px;
      color: var(--accent2);
      font-weight: 600;
    }

    .logistic-td-muted {
      padding: 10px;
      text-align: right;
      color: var(--muted);
    }

    .logistic-inline-input {
      font-size: 11px;
      padding: 4px;
    }

    .logistic-qty-input {
      width: 60px;
      text-align: center;
    }

    .logistic-unit-select {
      width: 74px;
    }

    .logistic-price-input {
      width: 80px;
      text-align: right;
    }

    .logistic-flag-wrap {
      display: flex;
      justify-content: center;
    }

    .transport-card {
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 14px;
      background: var(--surface2);
    }

    .transport-card-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
      flex-wrap: wrap;
    }

    .transport-card-title {
      font-weight: 700;
      color: var(--text);
    }

    .transport-card-meta {
      color: var(--muted);
      font-weight: 500;
    }

    .transport-card-contact {
      background: rgba(15, 23, 42, .35);
      border: 1px solid var(--border);
      border-radius: 10px;
      padding: 10px 12px;
      margin-bottom: 12px;
      font-size: 12px;
      line-height: 1.6;
    }

    .form-row-no-margin {
      margin-bottom: 0;
    }

    .transport-item-row {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) 220px 170px;
      gap: 10px;
      align-items: center;
      padding: 10px 12px;
      border: 1px solid var(--border);
      border-radius: 10px;
      background: rgba(15, 23, 42, .28);
      margin-bottom: 8px;
    }

    .transport-item-main {
      min-width: 0;
    }

    .transport-item-title {
      font-weight: 600;
      color: var(--text);
      word-break: break-word;
    }

    .transport-item-subtitle {
      font-size: 11px;
      color: var(--muted);
      margin-top: 3px;
    }

    .transport-item-toggle {
      display: flex;
      align-items: center;
      gap: 8px;
      justify-self: end;
      color: var(--muted);
      font-size: 12px;
      cursor: pointer;
    }

    .transport-items-help {
      font-size: 11px;
      color: var(--muted);
      font-weight: 500;
    }

    .transport-groups-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .transport-empty-state {
      padding: 12px 14px;
      border: 1px dashed var(--border);
      border-radius: 10px;
      color: var(--muted);
      font-size: 12px;
    }

    .info-box {
      padding: 14px 16px;
      border-radius: 10px;
      margin-bottom: 16px;
    }

    .info-box-cyan {
      background: rgba(6, 182, 212, .06);
      border: 1px solid rgba(6, 182, 212, .15);
      color: #22d3ee;
      font-size: 12px;
    }

    .info-box-purple {
      background: rgba(139, 92, 246, .06);
      border: 1px solid rgba(139, 92, 246, .15);
      color: #a78bfa;
      font-size: 12px;
    }

    .info-box-blue {
      background: rgba(59, 130, 246, .08);
      border: 1px solid rgba(59, 130, 246, .18);
      color: #93c5fd;
      font-size: 12px;
    }

