/* Раздел «Логистика» (trucks.js, этап 4 плана ПЛАН-логистика.md): заявки на машину, карточка с предложениями перевозчиков,
   форма с точками маршрута, пункты, настройки обмена с ATI.SU. Компоненты - ui.css, общие классы страниц - ro-* (reports.css);
   свои - tk-*. Цвет - только у меток, заметок состояния и кнопки основного действия (как в «Перемещениях»). */

.tk-page { max-width: 1200px; }
.tk-page .ui-seg button[aria-pressed="true"] { background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--text-2); }      /* выбранный отбор - без цвета */
.tk-num { font-weight: 650; font-variant-numeric: tabular-nums; }
.tk-arr { margin: 0 2px; color: var(--text-3); }
.tk-none { color: var(--text-3); }
.tk-back { margin: 0 0 var(--s-4); }
.tk-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3) var(--s-6); min-width: 0; }
.tk-head h1 { margin: 0; }
.tk-acts { display: flex; flex-wrap: wrap; gap: var(--s-3); margin: var(--s-6) 0; }
.tk-sec { margin: var(--s-12) 0 var(--s-4); font-size: var(--fs-lg); font-weight: 650; }
.tk-sub { margin: var(--s-8) 0 var(--s-3); font-size: var(--fs-md); font-weight: 650; color: var(--text-2); }
.tk-hint { margin: 0 0 var(--s-4); color: var(--text-2); font-size: var(--fs-sm); }
.tk-kv { max-width: 860px; margin: var(--s-6) 0; }
.tk-kv .sub, .tk-route .sub { display: block; margin-top: 1px; font-size: var(--fs-xs); color: var(--text-3); }
.tk-card .ui-note { margin: 0 0 var(--s-4); }
.tk-route { margin: 0; padding-left: 1.4em; }
.tk-route li + li { margin-top: var(--s-2); }
.tk-k { color: var(--text-3); font-size: var(--fs-xs); }
.tk-old td { color: var(--text-3); }
.tk-x { width: 1%; white-space: nowrap; }
.tk-hist td, .tk-offers td { vertical-align: top; }

/* форма заявки */
.tk-form { display: grid; gap: var(--s-6); max-width: 960px; }
.tk-fs .tk-sec { margin-top: var(--s-4); }
.tk-fs > .ui-field + .ui-field { margin-top: var(--s-6); }
.tk-pt { margin: 0 0 var(--s-4); padding: var(--s-5) var(--s-6); border: 1px solid var(--line); border-radius: var(--r-lg); min-width: 0; }
.tk-pt legend { padding: 0 var(--s-2); font-weight: 650; }
.tk-pt-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--s-4); margin-bottom: var(--s-4); }
.tk-pt-row .ui-field { min-width: 0; }
.tk-pk { flex: 0 1 160px; }
.tk-pp { flex: 1 1 280px; }
.tk-pc { flex: 1 1 220px; position: relative; }
.tk-pa { flex: 2 1 280px; }
.tk-pt-tools { display: flex; gap: 2px; }
.tk-pt-place { margin: 0 0 var(--s-4); }
.tk-pt-place .sub { display: block; font-size: var(--fs-xs); color: var(--text-3); }
.tk-code { display: block; min-height: 1.2em; margin-top: var(--s-2); }
.tk-sug { display: grid; gap: 2px; margin-top: var(--s-2); }
.tk-sug:empty { display: none; }
.tk-hit { display: block; width: 100%; padding: var(--s-3) var(--s-4); text-align: left; border: 1px solid var(--line); border-radius: var(--r-md);
  background: var(--surface); color: var(--text); cursor: pointer; font: inherit; }
.tk-hit:hover { border-color: var(--text-2); }
.tk-hit:focus-visible { outline: none; box-shadow: var(--focus); }
.tk-hit .sub { display: block; font-size: var(--fs-xs); color: var(--text-3); }
.tk-pt-add { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-4); }
.tk-groups { display: flex; flex-wrap: wrap; gap: var(--s-2); margin: var(--s-2) 0 var(--s-3); }
.tk-checks { margin: var(--s-2) 0; }
.tk-doc { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--s-4); margin: 0 0 var(--s-4); }
.tk-doc .ui-field { flex: 1 1 200px; min-width: 0; }
.tk-dlg .tk-code { margin-top: var(--s-2); }
.tk-set { max-width: 860px; }

@media (hover: none) { .tk-form .ui-input, .tk-form .ui-select, .tk-form .ui-textarea, .tk-dlg .ui-input, .tk-dlg .ui-select { font-size: 16px; } }
@media (max-width: 760px) {
  .tk-acts .ui-btn { flex: 1 1 auto; min-height: 48px; }
  .tk-pk, .tk-pp, .tk-pc, .tk-pa { flex: 1 1 100%; }
  .tk-pt { padding: var(--s-4); }
  .tk-pt-tools .ui-btn { min-width: 44px; min-height: 44px; }
  .tk-x { width: auto; }
}
@media print { .tk-acts, .tk-back, .tk-pt-tools, .tk-pt-add { display: none !important; } }