/* Самостійна ТТН (M035): журнал ТТН і редактор власних товарних рядків. Лише класи ttn-*; працює на ПК і на телефоні. */
.ttn-source-link { margin-left: 12px; font-size: 14px; }

/* Журнал */
.ttn-filters .ttn-search { flex: 1 1 280px; min-width: 200px; }
.ttn-filters .ttn-new { margin-left: auto; }
.ttn-journal-table .ttn-c-actions { white-space: nowrap; text-align: right; }
.ttn-journal-table .ttn-c-actions .secondary-button { margin-left: 6px; padding: 4px 10px; }
.ttn-journal-table .ttn-c-consignee { max-width: 360px; }
.ttn-journal-table .ttn-c-updated { font-size: 13px; }

/* Товарні рядки: кожна позиція — окрема картка з сіткою полів */
.ttn-items { display: flex; flex-direction: column; gap: 10px; }
.ttn-item { border: 1px solid var(--line, #d9dee5); border-radius: 8px; padding: 10px 12px; background: var(--panel, #fff); }
.ttn-item-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.ttn-item-no { margin-right: auto; }
.ttn-item-head .secondary-button { padding: 4px 10px; }
.ttn-item-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 8px 10px; }
.ttn-item-grid .ttn-item-f { margin: 0; min-width: 0; }
.ttn-item-grid .ttn-item-f input { width: 100%; box-sizing: border-box; }
.ttn-item-grid .ttn-f-name { grid-column: span 12; }
.ttn-item-grid .ttn-f-quantity { grid-column: span 3; }
.ttn-item-grid .ttn-f-unit { grid-column: span 2; }
.ttn-item-grid .ttn-f-price { grid-column: span 3; }
.ttn-item-grid .ttn-f-places { grid-column: span 2; }
.ttn-item-grid .ttn-f-packaging { grid-column: span 6; }
.ttn-item-grid .ttn-f-grossT { grid-column: span 3; }
.ttn-item-actions { margin-top: 4px; }
.ttn-items-empty { margin: 0; }

/* Телефон: поля в один-два стовпчики, великі зони натискання */
@media (max-width: 720px) {
  .ttn-filters .ttn-new { margin-left: 0; width: 100%; }
  .ttn-item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ttn-item-grid .ttn-f-name,
  .ttn-item-grid .ttn-f-packaging { grid-column: span 2; }
  .ttn-item-grid .ttn-f-quantity,
  .ttn-item-grid .ttn-f-unit,
  .ttn-item-grid .ttn-f-price,
  .ttn-item-grid .ttn-f-places,
  .ttn-item-grid .ttn-f-grossT { grid-column: span 1; }
  .ttn-item-grid input { min-height: 40px; font-size: 16px; }
  .ttn-item-head .secondary-button,
  .ttn-item-add { min-height: 40px; }
  /* Журнал: кожен документ — картка замість широкої таблиці */
  .ttn-journal-table thead { display: none; }
  .ttn-journal-table, .ttn-journal-table tbody { display: block; }
  .ttn-journal-table tr { display: block; border: 1px solid var(--line, #d9dee5); border-radius: 8px; padding: 8px 10px; margin-bottom: 8px; }
  .ttn-journal-table td { display: block; border: 0; padding: 2px 0; max-width: none; }
  .ttn-journal-table .ttn-c-no { font-weight: 600; font-size: 16px; }
  .ttn-journal-table .ttn-c-actions { text-align: left; padding-top: 6px; }
  .ttn-journal-table .ttn-c-actions .secondary-button { margin: 0 6px 0 0; min-height: 40px; }
}