@charset "UTF-8";
.header.header--collector-cabinet .header__hotlinks {
  display: none !important;
}

.header__lk__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.header__lk__dropdown {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 260px;
  padding: 8px 0;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
          box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
  border: 1px solid #e8eaed;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  z-index: 400;
  pointer-events: none;
}

.header__lk__dropdown__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header__lk__dropdown__link {
  display: block;
  padding: 10px 18px;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
  color: #1c1b17;
  text-decoration: none;
  -webkit-transition: background 0.15s ease;
  transition: background 0.15s ease;
}
.header__lk__dropdown__link:hover, .header__lk__dropdown__link:focus {
  background: #f5f6f7;
  outline: none;
}
.header__lk__dropdown__link.is-active {
  font-weight: 600;
  color: #1a73e8;
}
.header__lk__dropdown__link--logout {
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid #ececec;
  color: #c5221f;
}
.header__lk__dropdown__link--logout:hover, .header__lk__dropdown__link--logout:focus {
  background: #fce8e6;
}

@media (min-width: 992px) {
  .header__lk__wrap--open .header__lk__dropdown,
  .header__lk__wrap:focus-within .header__lk__dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    pointer-events: auto;
  }
}
.orders-package {
  --op-border: #e8eaed;
  --op-surface: #fff;
  --op-muted: #5f6368;
  --op-head: #f8f9fa;
  --op-text: #202124;
  --op-text-secondary: #3c4043;
  --op-accent: #1a73e8;
  --op-accent-hover: #1557b0;
  --op-accent-ring: rgba(26, 115, 232, 0.2);
  --op-success: #137333;
  --op-success-soft: #e6f4ea;
  --op-success-border: #34a853;
  --op-warn: #b06000;
  --op-warn-bg: #fef7e0;
  --op-danger: #c5221f;
  --op-danger-soft: #fce8e6;
  --op-shadow: 0 1px 2px rgba(60, 64, 67, 0.12), 0 1px 3px rgba(60, 64, 67, 0.08);
  --op-shadow-lg: 0 8px 32px rgba(60, 64, 67, 0.2);
  margin: 20px 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.orders-package:not(.orders-package--access-denied) {
  padding-top: 20px;
  padding-bottom: 200px;
}
.orders-package {
  font-size: 15px;
  line-height: 1.45;
  color: var(--op-text);
}
.orders-package--access-denied {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 32px 20px;
  min-height: min(72vh, 100dvh - 240px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.orders-package__access-denied-msg {
  margin: 0;
  max-width: 42rem;
  font-weight: 600;
  font-size: 1.05rem;
  line-height: 1.5;
  color: var(--op-danger);
}
.orders-package .container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 15px;
}
.orders-package .order-list {
  margin: 20px 0;
  text-align: center;
}
.orders-package .order-list-inner {
  display: inline-block;
  text-align: left;
  width: auto;
  max-width: 100%;
}
.orders-package .order-list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.orders-package .order-list-header h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--op-text);
}
.orders-package .order-list-header .total-count {
  font-size: 1rem;
  font-weight: 600;
  color: var(--op-muted);
  background: var(--op-head);
  padding: 6px 14px;
  border-radius: 20px;
  border: 1px solid var(--op-border);
}
.orders-package .admin-links {
  margin-bottom: 20px;
  padding: 12px 0;
  border-bottom: 1px solid var(--op-border);
}
.orders-package .admin-links .admin-links-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--op-muted);
  display: block;
  margin-bottom: 8px;
}
.orders-package .admin-links .admin-links-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.orders-package .admin-links .admin-link-btn {
  display: inline-block;
  padding: 6px 18px;
  background: #00897b;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  -webkit-transition: background 0.15s ease;
  transition: background 0.15s ease;
}
.orders-package .admin-links .admin-link-btn:hover {
  background: #00695c;
  color: #fff;
  text-decoration: none;
}
.orders-package .orders-filter-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--op-border);
  margin-bottom: 0;
  max-width: 100%;
  overflow: auto;
}
.orders-package .orders-filter-tabs .filter-tab {
  background: transparent;
  border: none;
  padding: 8px 24px;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--op-muted);
  cursor: pointer;
  border-radius: 6px 6px 0 0;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  position: relative;
}
.orders-package .orders-filter-tabs .filter-tab:hover:not(:disabled) {
  background: var(--op-head);
  color: var(--op-text);
}
.orders-package .orders-filter-tabs .filter-tab.active {
  background: var(--op-accent);
  color: #fff;
}
.orders-package .orders-filter-tabs .filter-tab:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.orders-package hr {
  display: none;
}
.orders-package .no-orders {
  text-align: center;
  color: var(--op-muted);
  font-style: italic;
  padding: 24px 16px;
}
.orders-package .orders-table-wrapper {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 10px;
  -webkit-box-shadow: var(--op-shadow);
          box-shadow: var(--op-shadow);
  background: transparent;
  border: 1px solid var(--op-border);
  margin-top: 0;
}
.orders-package .orders-table {
  width: auto;
  border-collapse: collapse;
  background: var(--op-surface);
  table-layout: auto;
  white-space: nowrap;
  margin: 0 auto;
}
.orders-package .orders-table th,
.orders-package .orders-table td {
  padding: 11px 14px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid var(--op-border);
  white-space: nowrap;
}
.orders-package .orders-table th {
  background: #e9ecef;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--op-muted);
  position: sticky;
  top: 0;
  z-index: 1;
  -webkit-box-shadow: 0 1px 0 var(--op-border);
          box-shadow: 0 1px 0 var(--op-border);
}
.orders-package .orders-table tbody tr:last-child td {
  border-bottom: none;
}
.orders-package .orders-table__th-num, .orders-package .orders-table__td-num {
  padding-left: 20px;
  padding-right: 16px;
  font-variant-numeric: tabular-nums;
}
.orders-package .orders-table__td-num {
  font-weight: 600;
  color: var(--op-accent);
  font-size: 0.9375rem;
}
.orders-package .orders-table td:nth-child(2),
.orders-package .orders-table td:nth-child(3),
.orders-package .orders-table td:nth-child(5) {
  min-width: 160px;
  padding-left: 16px;
  padding-right: 16px;
}
.orders-package .orders-table th:nth-child(2),
.orders-package .orders-table th:nth-child(3),
.orders-package .orders-table th:nth-child(5) {
  padding-left: 16px;
  padding-right: 16px;
}
.orders-package .orders-table td:nth-child(4) {
  font-size: 0.9rem;
  color: var(--op-text-secondary);
}
.orders-package .orders-table tr.order-row {
  cursor: pointer;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}
.orders-package .orders-table tr.order-row:hover {
  background-color: #f8f9fa;
}
.orders-package .orders-table tr.order-row:active {
  background-color: #f1f3f4;
}
.orders-package .orders-table tr.order-row--overdue {
  background-color: #f8d7e9 !important;
  border-left: 3px solid #d63384 !important;
}
.orders-package .orders-table tr.order-row--overdue:hover {
  background-color: #f5c2d9 !important;
}
.orders-package .orders-table tr.order-row--partial {
  background-color: #fff3e0 !important;
  border-left: 3px solid #ff9800 !important;
}
.orders-package .orders-table tr.order-row--partial:hover {
  background-color: #ffe0b2 !important;
}
.orders-package .orders-table tr.order-row--completed {
  background-color: #e0f2f1 !important;
  border-left: 3px solid #00897b !important;
}
.orders-package .orders-table tr.order-row--completed:hover {
  background-color: #b2dfdb !important;
}
.orders-package .orders-table .assembly-deadline-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 0;
}
.orders-package .orders-table .assembly-deadline-input {
  min-width: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  max-width: 100%;
  padding: 6px 8px;
  font: inherit;
  font-size: 0.875rem;
  border: 1px solid var(--op-border);
  border-radius: 6px;
  background: #fff;
  color: var(--op-text);
}
.orders-package .orders-table .assembly-deadline-input:focus {
  outline: none;
  border-color: var(--op-accent);
  -webkit-box-shadow: 0 0 0 2px var(--op-accent-ring);
          box-shadow: 0 0 0 2px var(--op-accent-ring);
}
.orders-package .orders-table .status-select {
  padding: 4px 8px;
  font: inherit;
  font-size: 0.875rem;
  border: 1px solid var(--op-border);
  border-radius: 6px;
  background: #fff;
  color: var(--op-text);
  cursor: pointer;
}
.orders-package .orders-table .status-select:focus {
  outline: none;
  border-color: var(--op-accent);
  -webkit-box-shadow: 0 0 0 2px var(--op-accent-ring);
          box-shadow: 0 0 0 2px var(--op-accent-ring);
}
.orders-package .orders-table .assembly-deadline-status {
  font-size: 0.75rem;
  line-height: 1.25;
  white-space: nowrap;
  opacity: 0;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
  pointer-events: none;
}
.orders-package .orders-table .assembly-deadline-status.is-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.orders-package .orders-table .assembly-deadline-status.is-success {
  color: var(--op-success);
  font-weight: 600;
}
.orders-package .orders-table .assembly-deadline-status.is-error {
  color: var(--op-danger);
  font-weight: 500;
  white-space: normal;
  max-width: min(200px, 42vw);
}
.orders-package .orders-table .package-date-cell {
  font-variant-numeric: tabular-nums;
}
.orders-package .orders-table .package-date-cell .overdue-text {
  color: var(--op-danger, #dc3545);
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .orders-package .orders-table th:nth-child(3),
  .orders-package .orders-table td:nth-child(3) {
    display: none;
  }
}

.modal {
  --op-border: #e8eaed;
  --op-surface: #fff;
  --op-muted: #5f6368;
  --op-head: #f8f9fa;
  --op-text: #202124;
  --op-text-secondary: #3c4043;
  --op-accent: #1a73e8;
  --op-accent-hover: #1557b0;
  --op-accent-ring: rgba(26, 115, 232, 0.2);
  --op-success: #137333;
  --op-success-soft: #e6f4ea;
  --op-success-border: #34a853;
  --op-warn: #b06000;
  --op-warn-bg: #fef7e0;
  --op-danger: #c5221f;
  --op-danger-soft: #fce8e6;
  --op-shadow: 0 1px 2px rgba(60, 64, 67, 0.12), 0 1px 3px rgba(60, 64, 67, 0.08);
  --op-shadow-lg: 0 8px 32px rgba(60, 64, 67, 0.2);
  display: none;
  position: fixed;
  z-index: 1000;
  inset: 0;
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  padding: max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.45;
  color: var(--op-text);
  background-color: rgba(32, 33, 36, 0.45);
  -webkit-animation: op-fade-in 0.25s ease;
          animation: op-fade-in 0.25s ease;
  -webkit-overflow-scrolling: touch;
}
.modal .modal-content {
  background: var(--op-surface);
  margin: 0 auto;
  padding: 20px 20px 18px;
  border-radius: 10px;
  width: min(100%, 980px);
  max-width: 980px;
  border: 1px solid var(--op-border);
  -webkit-box-shadow: var(--op-shadow-lg);
          box-shadow: var(--op-shadow-lg);
  -webkit-animation: op-slide-down 0.28s ease;
          animation: op-slide-down 0.28s ease;
  position: relative;
}
.modal .modal-content .orders-package-scan-toast {
  position: sticky;
  top: 0;
  z-index: 25;
  margin: 0 0 12px;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.35;
  border: 1px solid transparent;
  -webkit-box-shadow: var(--op-shadow);
          box-shadow: var(--op-shadow);
}
.modal .modal-content .orders-package-scan-toast[hidden] {
  display: none !important;
}
.modal .modal-content .orders-package-scan-toast.is-success {
  color: #1b5e20;
  background: #e8f5e9;
  border-color: #a5d6a7;
}
.modal .modal-content .orders-package-scan-toast.is-error {
  color: #b71c1c;
  background: #ffebee;
  border-color: #ef9a9a;
}
.modal .modal-content .orders-package-scan-toast.is-info {
  color: #0d47a1;
  background: #e3f2fd;
  border-color: #90caf9;
}
.modal .modal-content input:focus, .modal .modal-content input:focus-visible,
.modal .modal-content select:focus,
.modal .modal-content select:focus-visible,
.modal .modal-content textarea:focus,
.modal .modal-content textarea:focus-visible {
  outline: none;
  border-color: var(--op-accent);
  -webkit-box-shadow: 0 0 0 3px var(--op-accent-ring);
          box-shadow: 0 0 0 3px var(--op-accent-ring);
}
.modal .modal-content select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 34px !important;
  background-color: var(--op-surface);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 5.25L7 9L11 5.25" stroke="%235f6368" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
  cursor: pointer;
  -webkit-transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.modal .modal-content select:hover {
  background-color: var(--op-head);
}
.modal .modal-content .modal-content__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--op-border);
}
.modal .modal-content .modal-content__title {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--op-text);
  line-height: 1.35;
}
.modal .modal-content .modal-content__title #modalOrderId {
  color: var(--op-accent);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.modal .modal-content .modal-pack-types-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  padding: 8px 14px;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--op-accent);
  background: var(--op-head);
  border: 1px solid var(--op-border);
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
.modal .modal-content .modal-pack-types-btn:hover {
  color: var(--op-text);
  background: var(--op-surface);
  border-color: var(--op-muted);
}
.modal .modal-content .modal-pack-types-btn:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 3px var(--op-accent-ring);
          box-shadow: 0 0 0 3px var(--op-accent-ring);
}
.modal .modal-content .modal-pack-types-btn.is-active {
  color: #fff;
  background: var(--op-accent);
  border-color: var(--op-accent);
}
.modal .modal-content .problem-textarea {
  display: block;
  width: 50%;
  min-width: 280px;
  max-width: 100%;
  margin: 2px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--op-border);
  border-radius: 8px;
  background: var(--op-surface);
  font: inherit;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--op-text);
  resize: vertical;
  min-height: 78px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal .modal-content .problem-textarea:focus {
  outline: none;
  border-color: #d32f2f;
  -webkit-box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.2), 0 4px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.2), 0 4px 8px rgba(0, 0, 0, 0.05);
}
.modal .modal-content .problem-textarea::-webkit-input-placeholder {
  color: var(--op-muted);
  opacity: 0.7;
  font-style: italic;
}
.modal .modal-content .problem-textarea::-moz-placeholder {
  color: var(--op-muted);
  opacity: 0.7;
  font-style: italic;
}
.modal .modal-content .problem-textarea:-ms-input-placeholder {
  color: var(--op-muted);
  opacity: 0.7;
  font-style: italic;
}
.modal .modal-content .problem-textarea::-ms-input-placeholder {
  color: var(--op-muted);
  opacity: 0.7;
  font-style: italic;
}
.modal .modal-content .problem-textarea::placeholder {
  color: var(--op-muted);
  opacity: 0.7;
  font-style: italic;
}
.modal .modal-content .problem-textarea {
  -webkit-animation: op-fade-in 0.2s ease;
          animation: op-fade-in 0.2s ease;
}
.modal .modal-content .problem-textarea:disabled {
  background: #ffebee;
  border-color: #ef9a9a;
  color: #8d2f2f;
  cursor: not-allowed;
}
.modal .modal-content .order-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 16px;
  margin: 12px 0 0;
  padding: 12px 14px;
  background: var(--op-head);
  border-radius: 8px;
  border: 1px solid var(--op-border);
  position: relative;
}
.modal .modal-content .order-info-grid .info-cell {
  font-size: 0.9rem;
  color: var(--op-text-secondary);
}
.modal .modal-content .order-info-grid .info-cell span:first-child {
  font-weight: 600;
  color: var(--op-muted);
  margin-right: 6px;
}
.modal .modal-content .order-info-grid .info-cell--transport {
  grid-column: 1/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px 10px;
  padding-bottom: 4px;
  margin-bottom: 2px;
  border-bottom: 1px dashed var(--op-border);
}
.modal .modal-content .order-info-grid .info-cell--transport .info-cell__transport-name {
  font-weight: 500;
  color: var(--op-text);
}
.modal .modal-content .order-info-grid .info-cell--transport .order-weight-limit-badge {
  display: inline-block;
  padding: 3px 10px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #0d47a1;
  background: #e3f2fd;
  border: 1px solid #90caf9;
  border-radius: 999px;
  white-space: nowrap;
}
.modal .modal-content .order-info-grid .info-cell--problem {
  grid-column: 1/-1;
  margin-top: 0;
}
.modal .modal-content .order-info-grid .order-problem-icon-btn {
  position: absolute;
  top: 10px;
  right: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  background: transparent;
  color: #6b6f75;
  font-size: 1rem;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  opacity: 0.6;
  -webkit-transition: opacity 0.15s ease, color 0.15s ease;
  transition: opacity 0.15s ease, color 0.15s ease;
}
.modal .modal-content .order-info-grid .order-problem-icon-btn:hover {
  color: #d32f2f;
  opacity: 1;
}
.modal .modal-content .order-info-grid .order-problem-wrap {
  margin-top: 2px;
}
.modal .modal-content .order-info-grid .order-problem-label {
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #c62828;
}
.modal .modal-content .order-info-grid .order-problem-save-btn {
  margin-top: 8px;
  padding: 8px 12px;
  border: 1px solid #d32f2f;
  border-radius: 7px;
  background: #d32f2f;
  color: #fff;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
}
.modal .modal-content .order-info-grid .order-problem-save-btn:hover {
  background: #c62828;
}
.modal .modal-content .order-pack-setup-block {
  margin: 14px 0 10px;
  padding: 12px 14px;
  background: var(--op-head);
  border: 1px solid var(--op-border);
  border-radius: 8px;
}
.modal .modal-content .order-pack-setup-block__title {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--op-text);
}
.modal .modal-content .order-pack-setup-block__hint {
  margin: 0 0 12px;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--op-muted);
}
.modal .modal-content .order-pack-setup-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.modal .modal-content .order-pack-setup-form__catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  width: 100%;
}
.modal .modal-content .order-pack-setup-form__catalog .order-pack-setup-form__label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--op-muted);
}
.modal .modal-content .order-pack-setup-form__catalog .order-pack-catalog-select {
  width: 100%;
  padding: 8px 10px;
  border-radius: 6px;
  border: 1px solid var(--op-border);
  font: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal .modal-content .order-pack-setup-form__dims {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 12px;
  font-size: 0.875rem;
}
.modal .modal-content .order-pack-setup-form__dims label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 6.25rem;
          flex: 1 1 6.25rem;
  min-width: 5.5rem;
  max-width: 100%;
  color: var(--op-muted);
  font-weight: 500;
}
.modal .modal-content .order-pack-setup-form__dims .order-pack-dim {
  width: 100%;
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid var(--op-border);
  border-radius: 6px;
  font: inherit;
  font-weight: 400;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal .modal-content .order-pack-setup-form__dims .order-pack-add-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.modal .modal-content .order-pack-setup-form__dims .order-pack-cancel-edit-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.modal .modal-content .order-pack-add-btn {
  padding: 8px 14px;
  font-weight: 600;
  border-radius: 6px;
  border: 1px solid #cfd3d9;
  background: #eceef1;
  color: #2f3237;
  cursor: pointer;
  font: inherit;
  white-space: nowrap;
}
.modal .modal-content .order-pack-add-btn:hover {
  background: #e2e5e9;
  border-color: #c2c7cf;
}
.modal .modal-content .order-pack-cancel-edit-btn {
  padding: 8px 14px;
  font-weight: 500;
  border-radius: 6px;
  border: 1px solid var(--op-border);
  background: var(--op-surface);
  color: var(--op-text);
  cursor: pointer;
  font: inherit;
  white-space: nowrap;
}
.modal .modal-content .order-pack-cancel-edit-btn:hover {
  background: var(--op-head);
}
.modal .modal-content .order-pack-instance-editor {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed var(--op-border);
}
.modal .modal-content .order-pack-instance-editor__title {
  margin: 0 0 10px;
  font-size: 0.875rem;
  font-weight: 600;
}
.modal .modal-content .order-pack-instance-editor__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 12px;
}
.modal .modal-content .order-pack-instance-editor .order-pack-editor-save,
.modal .modal-content .order-pack-instance-editor .order-pack-editor-cancel {
  padding: 7px 14px;
  border-radius: 6px;
  font: inherit;
  cursor: pointer;
  border: 1px solid var(--op-border);
  background: var(--op-surface);
}
.modal .modal-content .order-pack-instance-editor .order-pack-editor-save {
  background: var(--op-accent);
  color: #fff;
  border-color: var(--op-accent);
}
.modal .modal-content .modal-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px 12px;
  margin: 16px 14px 8px;
  border-bottom: 1px solid var(--op-border);
  padding-bottom: 8px;
}
.modal .modal-content .modal-tabs .modal-tabs__left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  min-width: 0;
}
.modal .modal-content .modal-tabs .tab-box-tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: min(100%, 280px);
  text-align: left;
}
.modal .modal-content .modal-tabs .tab-box-tab .tab-box-tab__name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal .modal-content .modal-tabs .tab-box-tab .tab-box-tab__icons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.modal .modal-content .modal-tabs .tab-box-tab .tab-box-tab__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1px solid var(--op-border);
  background: var(--op-head);
  font-size: 0.95rem;
  line-height: 1;
  font-weight: 600;
  color: var(--op-muted);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0;
  -webkit-transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
  transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}
.modal .modal-content .modal-tabs .tab-box-tab .tab-box-tab__icon:hover {
  background: var(--op-head);
  border-color: #c7cdd5;
  color: var(--op-accent);
}
.modal .modal-content .modal-tabs .tab-box-tab .tab-box-tab__icon--del:hover {
  color: var(--op-danger);
}
.modal .modal-content .modal-tabs .tab-box-tab .tab-box-tab__icon--del {
  font-size: 1.2rem;
  line-height: 1;
}
.modal .modal-content .modal-tabs .tab-box-tab.active .tab-box-tab__icon {
  color: var(--op-muted);
  background: var(--op-head);
  border-color: var(--op-border);
}
.modal .modal-content .modal-tabs .tab-box-tab.active .tab-box-tab__icon:hover {
  background: var(--op-head);
  border-color: #c7cdd5;
  color: var(--op-accent);
}
.modal .modal-content .modal-tabs .tab-box-tab.active .tab-box-tab__icon--del:hover {
  color: var(--op-danger);
}
.modal .modal-content .modal-tabs .tab-btn {
  background: var(--op-head);
  border: 1px solid var(--op-border);
  padding: 6px 16px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--op-muted);
  cursor: pointer;
  border-radius: 6px 6px 0 0;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.modal .modal-content .modal-tabs .tab-btn:hover:not(:disabled):not(.active) {
  background: #eef2f6;
  border-color: #c7cdd5;
  color: var(--op-text);
}
.modal .modal-content .modal-tabs .tab-btn.active {
  background: #d7dee8;
  border-color: #b6c2d0;
  color: var(--op-text);
}
.modal .modal-content .modal-tabs .tab-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.modal .modal-content #modalProductsList {
  margin-top: 0;
  max-height: min(70vh, 100vh - 260px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  border-radius: 10px;
  border: 1px solid var(--op-border);
  -webkit-box-shadow: var(--op-shadow);
          box-shadow: var(--op-shadow);
  background: var(--op-surface);
}
.modal .modal-content #modalProductsList.modal-products-list--pack-ref {
  margin-top: 16px;
  padding-top: 12px;
}
.modal .modal-content #modalProductsList.modal-products-list--pack-ref .modal-tabs,
.modal .modal-content #modalProductsList.modal-products-list--pack-ref .products-container {
  display: none !important;
}
.modal .modal-content #modalProductsList.modal-products-list--pack-ref .packages-management {
  display: block !important;
  min-height: min(52vh, 420px);
}
.modal .modal-content #modalProductsList.modal-products-list--totals {
  margin-top: 16px;
  padding-top: 12px;
}
.modal .modal-content #modalProductsList.modal-products-list--totals .modal-tabs,
.modal .modal-content #modalProductsList.modal-products-list--totals .products-container,
.modal .modal-content #modalProductsList.modal-products-list--totals .packages-management {
  display: none !important;
}
.modal .modal-content #modalProductsList.modal-products-list--totals .totals-management {
  display: block !important;
  min-height: min(52vh, 420px);
}
.modal .modal-content #modalProductsList .loader {
  text-align: center;
  padding: 32px 16px;
  color: var(--op-muted);
  font-size: 0.9rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="none" stroke="%235f6368" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"><animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/></circle></svg>') no-repeat center top;
  background-size: 24px;
  padding-top: 48px;
}
.modal .modal-content #modalProductsList .error {
  color: var(--op-danger);
  background: var(--op-danger-soft);
  padding: 11px 14px;
  border-radius: 0;
  text-align: center;
  font-size: 0.9rem;
  border: 0;
  border-bottom: 1px solid var(--op-border);
}
.modal .modal-content #modalProductsList .products-container::before {
  content: "Товары";
  display: block;
  padding: 10px 14px;
  background: var(--op-head);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--op-muted);
  border-bottom: 1px solid var(--op-border);
}
.modal .modal-content #modalProductsList .products-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
.modal .modal-content #modalProductsList .products-empty-hint {
  padding: 14px;
  color: var(--op-muted);
  font-size: 0.875rem;
  font-style: italic;
  border-top: 1px solid var(--op-border);
  background: var(--op-surface);
}
.modal .modal-content #modalProductsList .product-card {
  background: var(--op-surface);
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--op-border);
  padding: 11px 14px;
  margin: 0;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
  position: relative;
}
.modal .modal-content #modalProductsList .product-card:last-child {
  border-bottom: none;
}
.modal .modal-content #modalProductsList .product-card:hover {
  background-color: #f8f9fa;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal .modal-content #modalProductsList .product-card:active {
  background-color: #f1f3f4;
}
.modal .modal-content #modalProductsList .product-card.fully-packed {
  background: var(--op-surface) !important;
  border-left: none;
  padding-left: 14px;
}
.modal .modal-content #modalProductsList .product-card.product-card--partial-packed:not(.fully-packed) {
  background: var(--op-surface);
  border-left: none;
  padding-left: 14px;
}
.modal .modal-content #modalProductsList .product-card .product-card__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
}
.modal .modal-content #modalProductsList .product-card .product-card__media {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100px;
}
.modal .modal-content #modalProductsList .product-card .product-card__media .product-image-link {
  display: block;
  line-height: 0;
  border-radius: 8px;
  outline: none;
}
.modal .modal-content #modalProductsList .product-card .product-card__media .product-image-link:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--op-accent-ring);
          box-shadow: 0 0 0 2px var(--op-accent-ring);
}
.modal .modal-content #modalProductsList .product-card .product-card__media .product-image {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: 8px;
  border: 1px solid var(--op-border);
  background: var(--op-head);
  display: block;
}
.modal .modal-content #modalProductsList .product-card .product-card__media .product-image-placeholder {
  width: 100px;
  height: 100px;
  background: var(--op-head);
  border-radius: 8px;
  border: 1px solid var(--op-border);
}
.modal .modal-content #modalProductsList .product-card .product-card__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.modal .modal-content #modalProductsList .product-card .product-card__title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.modal .modal-content #modalProductsList .product-card .product-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--op-text);
  line-height: 1.35;
}
.modal .modal-content #modalProductsList .product-card .product-title strong {
  font-weight: 500;
}
.modal .modal-content #modalProductsList .product-card .product-title .product-title-link {
  color: var(--op-accent);
  text-decoration: none;
  font-weight: 500;
}
.modal .modal-content #modalProductsList .product-card .product-title .product-title-link strong {
  font-weight: 500;
}
.modal .modal-content #modalProductsList .product-card .product-title .product-title-link:hover {
  text-decoration: underline;
}
.modal .modal-content #modalProductsList .product-card .product-problem-icon {
  font-size: 1.2rem;
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
}
.modal .modal-content #modalProductsList .product-card .product-problem-icon:hover {
  opacity: 1;
}
.modal .modal-content #modalProductsList .product-card .product-order-qty {
  font-size: 0.85rem;
  color: var(--op-muted);
  line-height: 1.4;
}
.modal .modal-content #modalProductsList .product-card .product-order-qty .packed-sum {
  font-weight: 600;
  color: var(--op-success);
}
.modal .modal-content #modalProductsList .product-card .product-controls--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 12px 14px;
  margin-bottom: 0;
}
.modal .modal-content #modalProductsList .product-card .product-controls .control-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.modal .modal-content #modalProductsList .product-card .product-controls .control-group label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.02em;
  color: var(--op-muted);
}
.modal .modal-content #modalProductsList .product-card .product-controls .control-group input,
.modal .modal-content #modalProductsList .product-card .product-controls .control-group select {
  padding: 6px 10px;
  border: 1px solid var(--op-border);
  border-radius: 6px;
  font: inherit;
  font-size: 0.875rem;
  background: var(--op-surface);
  color: var(--op-text);
  min-width: 0;
}
.modal .modal-content #modalProductsList .product-card .product-controls .control-group input:focus,
.modal .modal-content #modalProductsList .product-card .product-controls .control-group select:focus {
  outline: none;
  border-color: var(--op-accent);
  -webkit-box-shadow: 0 0 0 2px var(--op-accent-ring);
          box-shadow: 0 0 0 2px var(--op-accent-ring);
}
.modal .modal-content #modalProductsList .product-card .product-controls .control-group select {
  cursor: pointer;
  min-width: min(200px, 100%);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 34px;
  background-color: var(--op-surface);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 5.25L7 9L11 5.25" stroke="%235f6368" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
}
.modal .modal-content #modalProductsList .product-card .product-controls .control-group input[type=number] {
  width: 80px;
  max-width: 100%;
  cursor: text;
}
.modal .modal-content #modalProductsList .product-card .product-controls .control-group .product-weight-input {
  cursor: text;
}
.modal .modal-content #modalProductsList .product-card .product-controls .collect-btn {
  background: var(--op-accent);
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  -webkit-transition: background 0.15s ease;
  transition: background 0.15s ease;
  -ms-flex-item-align: end;
      align-self: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.modal .modal-content #modalProductsList .product-card .product-controls .collect-btn:hover {
  background: var(--op-accent-hover);
}
.modal .modal-content #modalProductsList .product-card .product-controls .collect-btn:active {
  background: var(--op-accent);
  opacity: 0.92;
}
.modal .modal-content #modalProductsList .product-card .product-controls .collect-done-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #2e7d32;
  background: transparent;
  border: none;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  -ms-flex-item-align: end;
      align-self: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0;
  margin-bottom: 8px;
  cursor: default;
}
.modal .modal-content #modalProductsList .product-card .collect-results-list {
  margin-top: 12px;
  clear: both;
}
.modal .modal-content #modalProductsList .product-card .collect-results-list .collect-record--data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 4px;
  padding: 8px 10px;
  border: 1px solid var(--op-border);
  border-left-width: 3px;
  border-radius: 6px;
  font-size: 0.875rem;
  line-height: 1.45;
}
.modal .modal-content #modalProductsList .product-card .collect-results-list .collect-record--data .collect-record__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.modal .modal-content #modalProductsList .product-card .collect-results-list .collect-record--data .collect-record__pack-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.modal .modal-content #modalProductsList .product-card .collect-results-list .collect-record--data .collect-record__pack-link:hover {
  color: var(--op-accent);
}
.modal .modal-content #modalProductsList .product-card .collect-results-list .collect-record--data.collect-record--partial {
  background: var(--op-head);
  border-left: 3px solid var(--op-muted);
  color: var(--op-muted);
  font-weight: 500;
}
.modal .modal-content #modalProductsList .product-card .collect-results-list .collect-record--data.collect-record--complete {
  background: var(--op-head);
  border-left: 3px solid var(--op-muted);
  color: var(--op-muted);
  font-weight: 500;
}
.modal .modal-content #modalProductsList .product-card .collect-results-list .collect-record--data .record-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.modal .modal-content #modalProductsList .product-card .collect-results-list .collect-record--data .record-actions .delete-record {
  cursor: pointer;
  font-size: 1rem;
  padding: 0;
  border-radius: 0;
  background: transparent;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}
.modal .modal-content #modalProductsList .product-card .collect-results-list .collect-record--data .record-actions .delete-record:hover {
  color: var(--op-danger);
}
.modal .modal-content #modalProductsList .product-card .dimensions-block {
  margin-top: 10px;
  padding: 10px 12px;
  background: var(--op-head);
  border-radius: 6px;
  border: 1px solid var(--op-border);
  border-left: 3px solid var(--op-muted);
}
.modal .modal-content #modalProductsList .product-card .dimensions-block .dimensions-title {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--op-muted);
}
.modal .modal-content #modalProductsList .product-card .dimensions-block .dimensions-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.modal .modal-content #modalProductsList .product-card .dimensions-block .dimensions-fields label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  background: var(--op-surface);
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid var(--op-border);
  color: var(--op-text-secondary);
}
.modal .modal-content #modalProductsList .product-card .dimensions-block .dimensions-fields label input {
  width: 72px;
  max-width: 100%;
  padding: 4px 6px;
  border: 1px solid var(--op-border);
  border-radius: 4px;
  text-align: center;
  font: inherit;
  font-size: 0.8125rem;
}
.modal .modal-content #modalProductsList .product-card .dimensions-block .dimensions-fields label input:focus {
  outline: none;
  border-color: var(--op-accent);
  -webkit-box-shadow: 0 0 0 2px var(--op-accent-ring);
          box-shadow: 0 0 0 2px var(--op-accent-ring);
}
.modal .modal-content #modalProductsList .product-separator {
  display: none;
}
.modal .modal-content #modalProductsList .packages-management {
  padding: 16px;
}
.modal .modal-content #modalProductsList .packages-management h4 {
  margin: 0 0 12px;
  font-size: 1rem;
  color: var(--op-text);
}
.modal .modal-content #modalProductsList .packages-management .packages-list {
  margin-bottom: 16px;
}
.modal .modal-content #modalProductsList .packages-management .package-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  border: 1px solid var(--op-border);
  border-radius: 6px;
  margin-bottom: 6px;
  background: var(--op-surface);
}
.modal .modal-content #modalProductsList .packages-management .package-item .package-name {
  font-weight: 500;
}
.modal .modal-content #modalProductsList .packages-management .package-item .package-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.modal .modal-content #modalProductsList .packages-management .package-item .package-actions span {
  cursor: pointer;
  font-size: 1.1rem;
  padding: 2px 6px;
  border-radius: 4px;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.modal .modal-content #modalProductsList .packages-management .package-item .package-actions span.edit-package:hover {
  background: var(--op-accent-soft);
  color: var(--op-accent);
}
.modal .modal-content #modalProductsList .packages-management .package-item .package-actions span.delete-package:hover {
  background: var(--op-danger-soft);
  color: var(--op-danger);
}
.modal .modal-content #modalProductsList .packages-management .package-item .package-actions span.view-package:hover {
  background: var(--op-accent-soft);
  color: var(--op-accent);
}
.modal .modal-content #modalProductsList .packages-management .add-package-btn {
  background: #e9ecef;
  color: #000;
  border: 1px solid var(--op-border);
  padding: 8px 16px;
  border-radius: 6px;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  margin-bottom: 20px;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.modal .modal-content #modalProductsList .packages-management .add-package-btn:hover {
  background: #dee2e6;
}
.modal .modal-content #modalProductsList .packages-management .package-editor {
  background: var(--op-head);
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--op-border);
}
.modal .modal-content #modalProductsList .packages-management .package-editor--readonly .package-form label input:disabled {
  opacity: 0.85;
  cursor: not-allowed;
}
.modal .modal-content #modalProductsList .packages-management .package-editor h4 {
  margin-top: 0;
  margin-bottom: 16px;
}
.modal .modal-content #modalProductsList .packages-management .package-editor .package-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.modal .modal-content #modalProductsList .packages-management .package-editor .package-form label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  font-size: 0.875rem;
  color: var(--op-text-secondary);
}
.modal .modal-content #modalProductsList .packages-management .package-editor .package-form label input {
  padding: 6px 10px;
  border: 1px solid var(--op-border);
  border-radius: 4px;
  font: inherit;
  font-size: 0.875rem;
  background: var(--op-surface);
}
.modal .modal-content #modalProductsList .packages-management .package-editor .package-form .form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 8px;
}
.modal .modal-content #modalProductsList .packages-management .package-editor .package-form .form-actions button {
  padding: 6px 14px;
  border-radius: 4px;
  font: inherit;
  font-size: 0.875rem;
  cursor: pointer;
  border: none;
}
.modal .modal-content #modalProductsList .packages-management .package-editor .package-form .form-actions button.save-package-btn {
  background: var(--op-success);
  color: #fff;
}
.modal .modal-content #modalProductsList .packages-management .package-editor .package-form .form-actions button.cancel-package-btn {
  background: var(--op-border);
  color: var(--op-text);
}
.modal .modal-content #modalProductsList .packages-management .package-editor .package-form .form-actions button.hide-package-editor-btn {
  background: var(--op-border);
  color: var(--op-text);
}
.modal .modal-content #modalProductsList .totals-management {
  padding: 16px;
}
.modal .modal-content #modalProductsList .totals-management h4 {
  margin: 0 0 12px;
  font-size: 1rem;
  color: var(--op-text);
}
.modal .modal-content #modalProductsList .totals-management .totals-empty {
  color: var(--op-muted);
  font-size: 0.9rem;
}
.modal .modal-content #modalProductsList .totals-management .totals-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.modal .modal-content #modalProductsList .totals-management .totals-item {
  border: 1px solid var(--op-border);
  border-radius: 8px;
  background: #f2f5f9;
  padding: 10px 12px;
}
.modal .modal-content #modalProductsList .totals-management .totals-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.modal .modal-content #modalProductsList .totals-management .totals-item__name {
  font-weight: 600;
  color: var(--op-text);
}
.modal .modal-content #modalProductsList .totals-management .totals-item__open {
  border: none;
  background: transparent;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 1.1rem;
  cursor: pointer;
  -webkit-transition: background 0.15s, color 0.15s;
  transition: background 0.15s, color 0.15s;
}
.modal .modal-content #modalProductsList .totals-management .totals-item__open:hover {
  background: var(--op-accent-soft);
  color: var(--op-accent);
}
.modal .modal-content #modalProductsList .totals-management .totals-item__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 0.85rem;
  color: var(--op-muted);
}
.modal .modal-content .modal-footer {
  margin-top: 0;
  padding: 14px 14px 4px;
  border-top: 1px solid var(--op-border);
  background: var(--op-head);
  text-align: center;
}
.modal .modal-content .modal-footer .save-packaging-btn {
  width: 100%;
  max-width: 360px;
  background: #4caf50;
  color: #fff;
  border: none;
  padding: 11px 20px;
  border-radius: 6px;
  font: inherit;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: background 0.15s ease, opacity 0.15s ease;
  transition: background 0.15s ease, opacity 0.15s ease;
  -webkit-box-shadow: var(--op-shadow);
          box-shadow: var(--op-shadow);
}
.modal .modal-content .modal-footer .save-packaging-btn:hover {
  background: #66bb6a;
}
.modal .modal-content .modal-footer .save-packaging-btn:active {
  opacity: 0.95;
}
.modal .modal-content .modal-footer .save-packaging-btn:disabled {
  background: var(--op-border);
  color: var(--op-muted);
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal .modal-content .modal-footer .edit-packaging-btn {
  width: 100%;
  max-width: 360px;
  background: #f0f0f0;
  color: #333;
  border: 1px solid var(--op-border);
  padding: 11px 20px;
  border-radius: 6px;
  font: inherit;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: background 0.15s ease, opacity 0.15s ease;
  transition: background 0.15s ease, opacity 0.15s ease;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal .modal-content .modal-footer .edit-packaging-btn:hover {
  background: #e0e0e0;
}
.modal .modal-content .modal-footer .edit-packaging-btn:active {
  opacity: 0.95;
}
.modal .modal-content .scanner-fab-btn {
  position: sticky;
  left: calc(100% - 89px);
  margin-left: 0;
  margin-right: 0;
  bottom: 16px;
  top: calc(100% - 89px);
  width: 73px;
  height: 73px;
  border-radius: 12px;
  border: 1px solid #8c98ab;
  background: -webkit-gradient(linear, left top, left bottom, from(#7f8da3), to(#6f7f96));
  background: linear-gradient(180deg, #7f8da3 0%, #6f7f96 100%);
  color: #fff;
  cursor: pointer;
  -webkit-box-shadow: var(--op-shadow-lg);
          box-shadow: var(--op-shadow-lg);
  z-index: 25;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0.72;
  -webkit-transition: border-color 0.12s ease, -webkit-transform 0.12s ease, -webkit-box-shadow 0.12s ease;
  transition: border-color 0.12s ease, -webkit-transform 0.12s ease, -webkit-box-shadow 0.12s ease;
  transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease, -webkit-transform 0.12s ease, -webkit-box-shadow 0.12s ease;
}
.modal .modal-content .scanner-fab-btn__icon {
  width: 55px;
  height: 55px;
  display: inline-block;
  background-color: #fff;
  -webkit-mask-image: url("/bitrix/templates/lion/img/scanner-icon-source.png");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("/bitrix/templates/lion/img/scanner-icon-source.png");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.modal .modal-content .scanner-fab-btn__text {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.modal .modal-content .scanner-fab-btn:hover {
  border-color: #9facc0;
  -webkit-box-shadow: 0 10px 24px rgba(44, 58, 79, 0.24);
          box-shadow: 0 10px 24px rgba(44, 58, 79, 0.24);
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
  opacity: 1;
}
.modal .modal-content .scanner-fab-btn:active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.modal .modal-content .scanner-fab-btn:focus-visible {
  outline: none;
  -webkit-box-shadow: 0 0 0 3px rgba(111, 127, 150, 0.33), var(--op-shadow-lg);
          box-shadow: 0 0 0 3px rgba(111, 127, 150, 0.33), var(--op-shadow-lg);
}
.modal .modal-content .scanner-fab-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-box-shadow: var(--op-shadow);
          box-shadow: var(--op-shadow);
}
.modal .modal-content .scanner-dialog {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 18px;
  border-radius: inherit;
  overflow: hidden;
}
.modal .modal-content .scanner-dialog[hidden] {
  display: none;
}
.modal .modal-content .scanner-dialog__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(14, 17, 24, 0.56);
  border-radius: inherit;
}
.modal .modal-content .scanner-dialog__content {
  position: relative;
  width: min(100%, 620px);
  border-radius: 12px;
  border: 1px solid var(--op-border);
  background: var(--op-surface);
  -webkit-box-shadow: var(--op-shadow-lg);
          box-shadow: var(--op-shadow-lg);
  padding: 12px;
}
.modal .modal-content .scanner-dialog__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.modal .modal-content .scanner-dialog__mandatory {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  color: var(--op-text-secondary);
  margin-right: auto;
}
.modal .modal-content .scanner-dialog__toggle-btn, .modal .modal-content .scanner-dialog__close-btn {
  border: 1px solid var(--op-border);
  border-radius: 6px;
  background: var(--op-surface);
  color: var(--op-text);
  padding: 7px 10px;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
}
.modal .modal-content .scanner-dialog__close-btn {
  width: 34px;
  height: 34px;
  line-height: 1;
  padding: 0;
}
.modal .modal-content .scanner-dialog__status, .modal .modal-content .scanner-dialog__quick-pick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  min-height: 32px;
  margin-bottom: 8px;
}
.modal .modal-content .scanner-dialog__status-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 0.8125rem;
  font-weight: 600;
}
.modal .modal-content .scanner-dialog__status-badge.is-success {
  color: #1b5e20;
  background: #e8f5e9;
  border-color: #a5d6a7;
}
.modal .modal-content .scanner-dialog__status-badge.is-error {
  color: #b71c1c;
  background: #ffebee;
  border-color: #ef9a9a;
}
.modal .modal-content .scanner-dialog__status-badge.is-info {
  color: #0d47a1;
  background: #e3f2fd;
  border-color: #90caf9;
}
.modal .modal-content .scanner-dialog__quick-btn {
  border: 1px solid var(--op-border);
  border-radius: 6px;
  background: var(--op-surface);
  color: var(--op-text);
  padding: 6px 10px;
  font: inherit;
  font-size: 0.8125rem;
  cursor: pointer;
}
.modal .modal-content .scanner-dialog__quick-btn:hover {
  border-color: var(--op-accent);
  color: var(--op-accent);
}
.modal .modal-content .scanner-dialog__camera {
  width: min(100%, 560px);
  min-height: 260px;
  max-height: 340px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid var(--op-border);
  background: #000;
}
.modal .modal-content .scanner-dialog__manual {
  margin-top: 12px;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media (max-width: 480px) {
  .modal .modal-content .scanner-dialog__manual {
    grid-template-columns: 1fr;
  }
}
.modal .modal-content .scanner-dialog__manual-label {
  grid-column: 1/-1;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--op-text-secondary);
}
.modal .modal-content .scanner-dialog__manual-input {
  grid-column: 1;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid var(--op-border);
  border-radius: 8px;
  padding: 10px 12px;
  font: inherit;
  font-size: 0.9375rem;
  background: var(--op-surface);
  color: var(--op-text);
}
.modal .modal-content .scanner-dialog__manual-input::-webkit-input-placeholder {
  color: var(--op-text-secondary);
  opacity: 0.75;
}
.modal .modal-content .scanner-dialog__manual-input::-moz-placeholder {
  color: var(--op-text-secondary);
  opacity: 0.75;
}
.modal .modal-content .scanner-dialog__manual-input:-ms-input-placeholder {
  color: var(--op-text-secondary);
  opacity: 0.75;
}
.modal .modal-content .scanner-dialog__manual-input::-ms-input-placeholder {
  color: var(--op-text-secondary);
  opacity: 0.75;
}
.modal .modal-content .scanner-dialog__manual-input::placeholder {
  color: var(--op-text-secondary);
  opacity: 0.75;
}
.modal .modal-content .scanner-dialog__manual-input:focus {
  outline: none;
  border-color: var(--op-accent);
  -webkit-box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.22);
          box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.22);
}
.modal .modal-content .scanner-dialog__manual-btn {
  grid-column: 2;
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--op-accent);
  color: #fff;
  padding: 10px 16px;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.modal .modal-content .scanner-dialog__manual-btn:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
@media (max-width: 480px) {
  .modal .modal-content .scanner-dialog__manual-btn {
    grid-column: 1;
  }
}

.modal .product-card--scan-success {
  -webkit-animation: op-scan-success-flash 0.65s ease;
          animation: op-scan-success-flash 0.65s ease;
}

@-webkit-keyframes op-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes op-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes op-slide-down {
  from {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes op-slide-down {
  from {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes op-scan-success-flash {
  0% {
    background: #e8f5e9;
  }
  100% {
    background: inherit;
  }
}
@keyframes op-scan-success-flash {
  0% {
    background: #e8f5e9;
  }
  100% {
    background: inherit;
  }
}
@media (max-width: 768px) {
  .orders-package {
    font-size: 14px;
  }
  .orders-package .orders-table th,
  .orders-package .orders-table td {
    padding: 9px 10px;
  }
  .orders-package .orders-table__th-num, .orders-package .orders-table__td-num {
    padding-left: 12px;
  }
  .orders-package .orders-table .assembly-deadline-input {
    font-size: 0.8125rem;
    padding: 5px 6px;
  }
  .modal {
    padding: 12px;
  }
  .modal .modal-content {
    width: 100%;
    max-width: none;
    padding: 16px 14px 14px;
    margin: auto;
  }
  .modal .modal-content .modal-content__title {
    font-size: 1rem;
  }
  .modal .modal-content .modal-pack-types-btn {
    padding: 7px 11px;
    font-size: 0.8125rem;
  }
  .modal .modal-content #modalProductsList {
    max-height: min(65vh, 100vh - 240px);
    margin-top: 12px;
  }
  .modal .modal-content #modalProductsList .product-card {
    padding: 9px 10px;
  }
  .modal .modal-content #modalProductsList .products-container::before {
    padding: 8px 10px;
  }
  .modal .modal-footer .save-packaging-btn,
  .modal .modal-footer .edit-packaging-btn {
    max-width: none;
  }
  .modal .modal-content #modalProductsList .product-controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .modal .modal-content #modalProductsList .product-controls .control-group {
    width: 100%;
  }
  .modal .modal-content #modalProductsList .product-controls .control-group input,
  .modal .modal-content #modalProductsList .product-controls .control-group select {
    width: 100%;
  }
  .modal .modal-content #modalProductsList .product-controls .collect-btn {
    width: 100%;
    margin-top: 2px;
  }
  .modal .modal-content #modalProductsList .dimensions-fields {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .modal .modal-content #modalProductsList .dimensions-fields label {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .modal .modal-content #modalProductsList .collect-record--data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .modal .modal-content #modalProductsList .collect-record--data .record-actions {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .modal .modal-content {
    padding: 14px 12px 12px;
    border-radius: 8px;
  }
  .modal .modal-content .modal-content__title {
    font-size: 0.9375rem;
  }
  .modal .modal-content #modalProductsList {
    max-height: min(58vh, 100vh - 220px);
  }
  .modal .modal-content .scanner-dialog {
    padding: 12px;
  }
  .modal .modal-content .scanner-dialog__content {
    padding: 10px;
  }
  .modal .modal-content .scanner-dialog__camera {
    min-height: 180px;
    max-height: 240px;
  }
  .modal .modal-content .scanner-fab-btn {
    left: calc(100% - 87px);
    bottom: 14px;
    top: calc(100% - 87px);
  }
}/*# sourceMappingURL=app.css.map */