/* Ciuchatek 4.59 — Dostawy / Przypisz towary. */

.modal.assignment-modal.assignment-editor-modal {
  width: calc(100vw - 20px) !important;
  max-width: 1760px !important;
  height: calc(100dvh - 20px) !important;
  max-height: calc(100dvh - 20px) !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.assignment-editor-modal > .modal-header {
  flex: 0 0 auto;
  margin-bottom: 12px !important;
}

.assignment-editor-modal > .invoice-preview-grid,
.assignment-editor-modal > .assignment-toolbar,
.assignment-editor-modal > .warning,
.assignment-editor-modal > .error {
  flex: 0 0 auto;
}

.assignment-editor-modal .invoice-preview-grid {
  gap: 10px !important;
  margin-bottom: 10px !important;
}

.assignment-editor-modal .mini-summary-card {
  min-height: 88px;
  padding: 11px 13px !important;
}

.assignment-editor-modal .assignment-toolbar {
  grid-template-columns: minmax(260px, .85fr) minmax(420px, 2fr) auto auto !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

.assignment-view-actions {
  display: flex;
  align-items: flex-end;
}

.assignment-columns-button {
  min-height: 42px;
  white-space: nowrap;
}

/* DataTable zajmuje pozostala wysokosc modala, a tabela przewija sie wewnatrz. */
.assignment-editor-modal > .data-table-wrapper {
  flex: 1 1 auto;
  min-height: 260px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.assignment-editor-modal > .data-table-wrapper > .mobile-table-controls {
  flex: 0 0 auto;
}

.assignment-editor-modal > .data-table-wrapper > .table-scroll {
  flex: 1 1 auto;
  min-height: 180px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  border: 1px solid var(--border-color, #dbe5f1);
  border-radius: 12px;
  -webkit-overflow-scrolling: touch;
}

.assignment-editor-modal .assignment-lines-table,
.assignment-editor-modal table.data-table {
  width: max(100%, 1460px) !important;
  min-width: 1460px !important;
  table-layout: auto !important;
}

.assignment-editor-modal .assignment-lines-table th,
.assignment-editor-modal .assignment-lines-table td,
.assignment-editor-modal table.data-table th,
.assignment-editor-modal table.data-table td {
  overflow: visible !important;
  white-space: nowrap !important;
  padding: 8px 9px !important;
}

.assignment-editor-modal table.data-table th {
  position: sticky;
  top: 0;
  z-index: 4;
  min-width: 94px;
  background: var(--surface, #fff) !important;
}

.assignment-editor-modal table.data-table th:first-child,
.assignment-editor-modal table.data-table td:first-child { min-width: 210px; }

.assignment-editor-modal table.data-table input,
.assignment-editor-modal table.data-table select {
  min-width: 88px !important;
  min-height: 40px !important;
}

.assignment-editor-modal table.data-table td:first-child input { min-width: 190px !important; }

.assignment-editor-modal > .modal-actions {
  flex: 0 0 auto;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 20;
  margin: 8px -18px -16px !important;
  padding: 11px 18px 16px !important;
  background: rgba(255, 255, 255, .98) !important;
  border-top: 1px solid var(--border-color, #dbe5f1);
  backdrop-filter: blur(10px);
}

/* Podpowiedzi nazw sa pozycjonowane do viewportu i nie sa obcinane przez tabele. */
body .assignment-editor-modal .goods-name-menu.cu-assignment-floating-menu {
  position: fixed !important;
  left: var(--cu-assignment-menu-left, 12px) !important;
  top: var(--cu-assignment-menu-top, 80px) !important;
  z-index: 100500 !important;
  width: var(--cu-assignment-menu-width, 340px) !important;
  min-width: min(340px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: min(360px, calc(100dvh - 32px)) !important;
  overflow-y: auto !important;
  border: 1px solid #a9c8f2 !important;
  border-radius: 12px !important;
  background: var(--surface, #fff) !important;
  box-shadow: 0 20px 55px rgba(15, 23, 42, .30) !important;
}

body .assignment-editor-modal .goods-name-menu.cu-assignment-floating-menu button {
  width: 100%;
  min-height: 44px;
  text-align: left;
}

@media (max-width: 1100px) {
  .modal.assignment-modal.assignment-editor-modal {
    width: calc(100vw - 8px) !important;
    height: calc(100dvh - 8px) !important;
    max-height: calc(100dvh - 8px) !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .assignment-editor-modal .assignment-toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .assignment-view-actions,
  .assignment-columns-button { width: 100%; }

  .assignment-editor-modal > .modal-actions {
    margin: 8px -10px -10px !important;
    padding: 10px max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)) !important;
  }
}

@media (max-width: 700px) {
  .assignment-editor-modal .invoice-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .assignment-editor-modal .mini-summary-card { min-height: 80px; }
  .assignment-editor-modal .assignment-lines-table,
  .assignment-editor-modal table.data-table { min-width: 1380px !important; width: 1380px !important; }
}