/* Keep dashboard actions in a dedicated right column until mobile layout. */
#stockDialog.stock-panel-collapsed #stockBody > .stock-location-navigation,
#stockDialog.stock-panel-collapsed #stockBody > .stock-toolbar { display: none !important; }
#stockDialog .stock-compact-panel {
  display: grid; grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) 110px minmax(180px, 2fr);
  align-items: center; gap: 8px; padding: 8px 0; min-width: 0;
}
#stockDialog .stock-compact-panel > *,
#stockDialog .stock-compact-panel input,
#stockDialog .stock-compact-panel select,
#stockDialog .stock-compact-panel .custom-select { min-width: 0; width: 100%; max-width: 100%; box-sizing: border-box; }
#stockDialog .stock-compact-panel select,
#stockDialog .stock-compact-panel input,
#stockDialog .stock-compact-panel .custom-select,
#stockDialog .stock-compact-panel .custom-select-button {
  height: 36px !important; min-height: 36px !important; max-height: 36px !important;
  box-sizing: border-box; margin-block: 0 !important;
}
#stockDialog .stock-compact-panel select,
#stockDialog .stock-compact-panel input,
#stockDialog .stock-compact-panel .custom-select-button { padding: 4px 10px !important; }
#stockDialog .stock-compact-panel .custom-select { padding: 0 !important; }
#stockDialog .stock-compact-panel .stock-year-control {
  display: block !important; height: 36px !important; min-height: 36px !important;
  padding: 0 !important; margin: 0 !important; align-self: end;
}
#stockDialog .stock-compact-panel .custom-select-button { padding-right: 30px !important; }
#stockDialog .stock-compact-panel .custom-select-button {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  font-size: 13px !important;
  line-height: 1.1 !important;
}
#stockDialog .stock-compact-panel input { font-size: 13px !important; }
#stockDialog .stock-compact-panel .custom-select-button::after { top: 50% !important; transform: translateY(-50%); }
#stockDialog .stock-settings-disclosure { margin-bottom: 8px; }
#stockDialog .stock-settings-disclosure > summary { cursor: pointer; padding: 8px 0; font-weight: 600; }
#stockDialog .stock-page-settings { flex-wrap: wrap; }
#stockPanelToggle { border: 1px solid #52d4e3; }
#stockDialog .stock-header-utility { display: flex; align-items: center; gap: 8px; }
#stockDialog .stock-refresh-label { display: none; }
#stockDialog .stock-panel-toggle-short,
#stockDialog .stock-export-short { display: none; }
#stockDialog { max-width: 100% !important; box-sizing: border-box; }
#stockDialog .stock-dialog { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }
#stockDialog .stock-compact-panel .stock-page-search,
#stockDialog .stock-compact-panel .stock-summary-search {
  display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: center !important;
  gap: 8px; height: 36px !important; min-height: 36px !important;
  padding: 0 !important; margin: 0 !important; align-self: center !important;
}
@media (max-width: 900px) {
  #stockDialog .stock-compact-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  #stockDialog .stock-dialog > header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-items: center !important;
    gap: 8px !important;
    container-type: inline-size;
  }
  #stockDialog .stock-dialog > header h2 { font-size: 22px !important; }
  #stockDialog .dialog-header-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 40px minmax(64px, .7fr);
    gap: 6px !important;
    width: 100%;
    min-width: 0;
  }
  #stockDialog .stock-header-utility { display: contents !important; }
  #stockDialog .dialog-header-actions > button,
  #stockDialog .stock-header-utility > button {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 6px 8px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
  #stockDialog .stock-header-utility > .dialog-refresh-button {
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }
  #stockDialog .stock-header-utility > [data-close] { min-width: 0 !important; }
  #stockDialog .stock-panel-toggle-full,
  #stockDialog .stock-export-full { display: none; }
  #stockDialog .stock-panel-toggle-short,
  #stockDialog .stock-export-short { display: inline; }
  #stockDialog .dialog-header-actions > .dialog-refresh-status:empty { display: none; }
  #stockDialog .dialog-header-actions > .dialog-refresh-status:not(:empty) { grid-column: 1 / -1; grid-row: 2; }
}
@container (max-width: 340px) {
  #stockDialog .dialog-header-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #stockDialog .stock-header-utility > .dialog-refresh-button {
    display: flex !important;
    gap: 6px;
    flex: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  #stockDialog .stock-refresh-label { display: inline; }
}
@media (max-width: 360px) {
  #stockDialog .dialog-header-actions > button,
  #stockDialog .stock-header-utility > button { padding-inline: 4px !important; font-size: 12px !important; }
}
body .app-shell > .filters .spec-workbar .spec-workbar-group {
  box-sizing: border-box;
  border: 1px solid rgba(82, 212, 227, .45) !important;
  border-radius: 6px;
  padding: 10px !important;
  background: rgba(82, 212, 227, .05) !important;
}
body .app-shell > .filters .spec-workbar .spec-workbar-modules {
  box-sizing: border-box;
  border: 0;
  padding: 0 !important;
  background: transparent;
  justify-content: center !important;
  align-items: center !important;
  align-self: center !important;
  justify-self: center !important;
  gap: 10px !important;
}
body .app-shell > .filters .spec-workbar .spec-workbar-modules > button {
  display: inline-flex; align-items: center; justify-content: center;
}
@media (min-width: 1100px) {
  body .app-shell > .filters > .spec-workbar,
  body .app-shell > .filters.desktop-filters-collapsed > .spec-workbar {
    display: flex !important; flex-direction: row !important; flex-wrap: wrap !important;
    align-items: center !important; justify-content: flex-start !important; gap: 12px !important;
  }
  body .app-shell > .filters .spec-workbar-modules { margin-left: auto !important; }
  body .app-shell > .filters .spec-workbar > #desktopFiltersToggle {
    position: static !important; transform: none !important;
    margin: 0; align-self: center;
  }
}
#usersDialog .user-spec-permissions { display: grid; gap: 6px; min-width: 0; }
#usersDialog .user-spec-permissions .user-spec-toggle { display: flex !important; gap: 6px !important; padding: 6px !important; height: auto !important; min-width: 0; font-size: 12px; }
#usersDialog .user-spec-permissions .user-spec-toggle span { min-width: 0; overflow-wrap: anywhere; }
#usersDialog .user-spec-permissions .user-spec-toggle::before { content: none !important; }
.international-row-actions { display: flex !important; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 4px; min-width: 68px; }
.international-row-actions:has([data-intl-delete-spec]) { min-width: 104px; }
body .international-row-actions > button { flex: 0 0 32px; width: 32px !important; min-width: 32px !important; height: 32px !important; padding: 0 !important; }
@media (min-width: 761px) and (max-width: 1400px) {
  .international-table th:last-child,
  .international-table td:last-child { width: 9%; }
  .international-table-wrap {
    box-sizing: border-box;
    padding-right: 8px;
  }
  .international-table td[data-label="Действия"] {
    padding-left: 3px;
    padding-right: 3px;
  }
  .international-table .international-row-actions,
  .international-table .international-row-actions:has([data-intl-delete-spec]) {
    width: 100%;
    min-width: 0;
    gap: 2px;
  }
  body .international-table .international-row-actions > button {
    flex: 0 0 26px;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 28px !important;
    min-height: 28px !important;
  }
  body .international-table .international-row-actions > button img,
  body .international-table .international-row-actions > button svg {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain;
  }
}
@media (max-width: 760px) {
  body .international-row-actions > button { flex-basis: 44px; width: 44px !important; min-width: 44px !important; height: 44px !important; }
  .desktop-filters-toggle { display: none !important; }

  #trackingDialog .tracking-toolbar-tools {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  #trackingDialog .tracking-toolbar #trackingCompactSort + .custom-select,
  #trackingDialog #trackingFiltersToggle {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
  }

  #trackingDialog .tracking-toolbar #trackingCompactSort + .custom-select .custom-select-button,
  #trackingDialog #trackingFiltersToggle {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 761px) {
  .desktop-filters-toggle {
    border: 1px solid #52d4e3 !important;
    background: #28535e !important;
    color: #f5f6f7 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 118px !important;
    max-width: max-content !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    white-space: nowrap;
  }

  #trackingDialog #trackingFiltersToggle {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 92px !important;
    max-width: max-content !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 12px !important;
    white-space: nowrap;
  }

  .app-shell > .filters.desktop-filters-collapsed {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .app-shell > .filters.desktop-filters-collapsed > label,
  .app-shell > .filters.desktop-filters-collapsed > .mobile-filters-toggle {
    display: none !important;
  }

  .app-shell > .filters.desktop-filters-collapsed > .period-filter {
    display: none !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    padding: 0 !important;
  }

  .app-shell > .filters.desktop-filters-collapsed > .period-filter > :not(.desktop-filters-toggle) {
    display: none !important;
  }

  .app-shell > .filters.desktop-filters-collapsed > .spec-workbar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .app-shell > .filters:not(.desktop-filters-collapsed) > .period-filter > .desktop-filters-toggle {
    align-self: end;
  }
}

/* Keep shipment actions on one line on iPad-sized touch screens. */
@media (hover: none) and (pointer: coarse) and (min-width: 681px) and (max-width: 1400px) {
  #documentPreviewDialog {
    box-sizing: border-box;
    width: calc(100dvw - 16px);
    max-width: calc(100dvw - 16px);
    height: calc(100dvh - 16px);
    max-height: calc(100dvh - 16px);
    margin: auto;
    padding: 0;
    overflow: hidden;
  }

  #documentPreviewDialog .document-preview-dialog {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 12px;
    overflow: hidden;
  }

  #documentPreviewDialog .document-preview-dialog > header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }

  #documentPreviewDialog .document-preview-dialog > header h2 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #documentPreviewDialog .document-preview-body,
  #documentPreviewDialog .document-preview-frame {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 0;
  }

  #documentPreviewDialog .document-preview-toolbar {
    flex-wrap: wrap;
  }

  .warehouse-toolbar-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .warehouse-toolbar-note {
    grid-column: 1 / -1;
    text-align: left;
  }

  .warehouse-filters-toggle {
    display: inline-flex;
    grid-column: 2;
    grid-row: 1;
    width: auto;
    min-height: 36px;
    align-items: center;
  }

  .warehouse-filter-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    min-width: 0;
  }

  .warehouse-filter-row > *,
  .warehouse-filter-row input,
  .warehouse-filter-row select,
  .warehouse-filter-row button,
  .warehouse-filter-row .custom-select,
  .warehouse-filter-row .custom-select-button {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .warehouse-toolbar--filters-collapsed .warehouse-filter-row {
    display: none;
  }

  #shipmentForm #activeRowActions {
    display: grid !important;
    grid-template-columns: 44px 44px 44px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }

  #shipmentForm #activeRowActions > button {
    min-width: 0 !important;
    margin: 0 !important;
  }

  #shipmentForm #selectSpecRowsButton {
    grid-column: 4;
    width: 100% !important;
    max-width: none !important;
    padding-inline: 8px !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .warehouse-table--summary .warehouse-stock-cell--multi-location .warehouse-current-stock {
    flex-direction: column;
    gap: 1px;
    min-height: 38px;
    padding: 2px 4px;
    line-height: 1;
  }

  .warehouse-table--summary .warehouse-current-stock > span:first-child {
    flex: 0 0 auto;
    min-width: max-content;
    white-space: nowrap;
  }

  .warehouse-table--summary .warehouse-stock-location-badge {
    min-height: 15px;
    padding: 1px 4px;
    font-size: 9px;
    line-height: 1.1;
  }

  .warehouse-table--summary thead th {
    height: auto !important;
    vertical-align: bottom;
  }

  .warehouse-table--summary .warehouse-group-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 26px;
    align-items: end;
    min-height: 100%;
  }

  .warehouse-table--summary .warehouse-group-header {
    height: auto !important;
    min-height: 24px !important;
    max-height: none !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere;
  }

  .warehouse-table--summary .warehouse-group-manage {
    align-self: end;
  }
}

#warehouseDialog .warehouse-toolbar-main { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 12px; }
#warehouseDialog .warehouse-toolbar-note { text-align: left; }
#warehouseDialog .warehouse-filters-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 36px; width: auto; margin: 0; border: 1px solid #52d4e3; background: #28535e; color: #f5f6f7;
}
#warehouseDialog .warehouse-toolbar--filters-collapsed .warehouse-filter-row { display: none; }
.stock-item-summary-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  align-items: center;
}
.stock-item-summary-top > span { grid-column: 1; grid-row: 1; }
.stock-item-summary-top > .stock-item-summary-balance { grid-column: 2; grid-row: 1; justify-self: end; }
body .stock-item-summary-top > button.stock-item-history-button {
  position: static;
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  transform: none;
  justify-content: flex-end;
  padding: 0 12px 0 0 !important;
  box-sizing: border-box;
}
body button.standard-history-button {
  display: inline-flex !important; align-items: center; justify-content: center;
  position: relative; width: 32px !important; min-width: 32px !important; max-width: 32px !important;
  height: 32px !important; min-height: 32px !important; padding: 2px !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
body button.standard-history-button .history-action-image { width: 27px; height: 27px; object-fit: contain; flex: 0 0 27px; }
@media (max-width: 760px) {
  body button.standard-history-button { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; }
}
body.prices-hidden .price-sensitive,
body.prices-hidden .price-sensitive *,
body.prices-hidden :is(#manualPrice, #editPrice, #internationalTotal, [data-intl-line="unitPrice"], [data-intl-amount]),
body.prices-hidden td[data-label^="Стоимость"],
body.prices-hidden td[data-label^="Цена"] {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 7px #7c858c !important;
  caret-color: transparent;
  user-select: none;
}
#settingsDialog .settings-actions button:nth-child(3) { grid-column: auto !important; }
#trackingDialog .tracking-dialog:has(.tracking-empty) {
  display: flex !important;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
}
#trackingDialog .tracking-dialog:has(.tracking-empty) > * { flex-shrink: 0; }
#trackingDialog .tracking-table-wrap:has(.tracking-empty) {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto;
  margin: 0 !important;
}
#trackingDialog .tracking-table:has(.tracking-empty) { display: block; min-width: 0 !important; width: 100% !important; }
#trackingDialog .tracking-table:has(.tracking-empty) thead { display: none; }
#trackingDialog .tracking-table:has(.tracking-empty) tbody,
#trackingDialog .tracking-table:has(.tracking-empty) tr { display: block; width: 100%; }
#trackingDialog .tracking-table td.tracking-empty {
  display: block; width: 100% !important; min-width: 0 !important;
  padding: 20px !important; min-height: 0; box-sizing: border-box;
}
#trackingDialog .tracking-empty::before { display: none !important; }
#trackingCompactSort, #trackingCompactSort + .custom-select { display: none; }
@media (min-width: 761px) and (max-width: 1550px) {
  #trackingDialog .tracking-dialog { display: flex !important; flex-direction: column; gap: 12px; overflow-y: auto; }
  #trackingDialog .tracking-dialog > :not(.tracking-table-wrap) { flex-shrink: 0; }
  #trackingCompactSort + .custom-select { position: relative; height: auto; min-height: 36px; margin: 0; }
  #trackingDialog .tracking-table-wrap { flex: 1 1 auto; min-height: 160px; }
  #trackingCompactSort + .custom-select { display: block; max-width: 100%; width: 260px; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  #trackingDialog .tracking-table tbody tr { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 761px) and (max-width: 1550px) {
  #trackingDialog .tracking-table-wrap { overflow-x: hidden !important; }
  #trackingDialog .tracking-table { display: block; width: 100% !important; min-width: 0 !important; }
  #trackingDialog .tracking-table thead { display: none; }
  #trackingDialog .tracking-table tbody { display: grid; gap: 8px; }
  #trackingDialog .tracking-table tbody tr { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); }
  #trackingDialog .tracking-table tbody td {
    display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;
    width: auto !important; min-width: 0 !important; max-width: 100%;
    padding: 8px !important; box-sizing: border-box;
    height: auto !important; min-height: 64px; max-height: none; overflow: visible;
    text-align: left !important; position: static; gap: 6px;
  }
  #trackingDialog .tracking-table tbody td::before {
    content: attr(data-label); display: block; color: #596773;
    font-size: 11px; font-weight: 600; line-height: 1.3;
    white-space: normal; word-break: normal; overflow-wrap: normal;
  }
  #trackingDialog .tracking-table .tracking-mobile-value {
    white-space: normal !important; word-break: normal !important;
    overflow-wrap: break-word !important; font-size: 12px !important; line-height: 1.4;
  }
  #trackingDialog .tracking-table .tracking-actions { justify-content: flex-start; flex-wrap: wrap; }
  #trackingDialog .tracking-table .tracking-empty { grid-column: 1 / -1; }
}
#stockTransitTrackingDialog { width: 520px; max-width: calc(100% - 24px); box-sizing: border-box; background: #3e4650 !important; color: #f5f6f7; padding: 16px !important; border: 1px solid #65717b; border-radius: 8px; }
#stockTransitTrackingForm { min-width: 0; }
#stockTransitTrackingForm header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
#stockTransitTrackingForm label, #stockTransitTrackingForm input, #stockTransitTrackingForm .custom-select { min-width: 0; max-width: 100%; box-sizing: border-box; }
#stockTransitTrackingForm h2 { font-size: 20px; }
#internationalEditForm label:has(#internationalSpecDate) { min-width: 0; }
#internationalSpecDate {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  -webkit-appearance: none;
  appearance: none;
  text-align: left;
}
#internationalSpecDate::-webkit-date-and-time-value { min-width: 0; text-align: left; }
#internationalSpecDate::-webkit-datetime-edit { min-width: 0; padding: 0; }
#trackingDialog .tracking-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; flex-shrink: 0; }
#trackingDialog .tracking-toolbar-tools { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; min-width: 0; max-width: 100%; }
#trackingDialog .tracking-toolbar #trackingLocationTabs { margin: 0; }
#trackingDialog .tracking-toolbar #trackingCompactSort + .custom-select { margin: 0; width: 220px; max-width: 100%; }
#trackingDialog #trackingFiltersToggle { align-self: center; min-height: 36px; padding: 8px 12px; margin: 0; background: #343d46 !important; color: #f5f6f7 !important; border: 1px solid #65727d; border-radius: 4px; }
@media (min-width: 761px) {
  #trackingDialog #trackingFiltersToggle { width: 162px !important; min-width: 162px !important; }
}
#trackingDialog #trackingFiltersToggle[aria-expanded="true"] { border-color: #ffd206; }
/* 1920x1080 at Windows 150%: 1280 logical pixels, before browser chrome. */
@media (min-width: 1100px) and (max-width: 1350px) {
  #trackingDialog .tracking-dialog { gap: 8px; }
  #trackingDialog .tracking-table-wrap { overflow-x: auto !important; scrollbar-width: auto; }
  #trackingDialog .tracking-table tbody td { padding: 6px !important; min-height: 56px; }
  #internationalFilters.is-mobile-collapsed { display: none; }
  .international-table { font-size: 11px; }
  .international-table th { font-size: 11px; line-height: 1.2; }
  .international-table .international-row-actions { flex-wrap: nowrap; min-width: 0; }
  .international-table .international-row-actions:has([data-intl-delete-spec]) { min-width: 0; }
}
#trackingDialog.tracking-filters-collapsed #trackingFilters { display: none !important; }
@media (max-width: 760px) {
  #shipmentForm .shipment-dates-block,
  #shipmentForm .shipment-document-numbers {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 8px;
    align-items: end;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  #shipmentForm #documentNumbersList,
  #shipmentForm .shipment-document-number-row { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
  #shipmentForm .shipment-date-row,
  #shipmentForm .shipment-date-row:only-child,
  #shipmentForm .shipment-document-number-row {
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 8px;
    align-items: center;
  }
  #shipmentForm .shipment-date-row:only-child .shipment-date-remove-placeholder { display: block; }
  #shipmentForm .date-add-button {
    width: 44px !important; min-width: 44px !important; max-width: 44px !important;
    height: 44px !important; min-height: 44px !important; max-height: 44px !important;
    padding: 0 !important; margin: 0; box-sizing: border-box;
    align-self: end;
  }
  #shipmentForm .shipment-date-row .date-entry,
  #shipmentForm .shipment-date-row .date-entry input,
  #shipmentForm .shipment-document-number-row input {
    height: 44px !important; min-height: 44px !important; max-height: 44px !important;
  }
  #shipmentForm #documentFile {
    height: auto !important; min-height: 48px !important; max-height: none !important;
    padding: 6px !important; font-size: 13px !important; line-height: 32px;
  }
  #shipmentForm #documentFile::file-selector-button {
    height: 32px; padding: 0 10px; margin-right: 8px;
    border: 1px solid #71808b; border-radius: 4px;
    background: #47525d; color: #fff; font: inherit;
  }
}
#mobileCards .mobile-line-item,
#mobileCards .mobile-line-item:hover,
#mobileCards .mobile-line-item:focus,
#mobileCards .mobile-line-item:active {
  padding: 12px 14px;
  gap: 8px;
  border-radius: 6px;
  background: transparent !important;
  color: inherit;
  box-shadow: none !important;
}
#mobileCards .mobile-line-item:focus-visible { outline: 2px solid #247e89; outline-offset: -2px; }
#mobileCards .mobile-line-item.selected { background: rgba(36, 126, 137, .08) !important; }
@media (max-width: 760px) {
  #shipmentForm { gap: 16px; min-width: 0; padding-bottom: 16px; }
  #shipmentForm > *, #shipmentForm label { min-width: 0; max-width: 100%; box-sizing: border-box; }
  #shipmentForm label, #shipmentForm .shipment-dates-label-row,
  #shipmentForm .shipment-document-numbers > span { font-size: 13px; line-height: 1.4; }
  #shipmentForm input:not([type=checkbox]):not([type=hidden]),
  #shipmentForm select, #shipmentForm textarea { box-sizing: border-box; width: 100%; min-width: 0; font-size: 16px; }
  #shipmentForm #shipmentQuantity { width: min(180px, 100%); max-width: 180px; }
  #shipmentForm button { white-space: normal; overflow-wrap: anywhere; }
  #shipmentForm #activeRowActions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
  #shipmentForm #activeRowActions[hidden] { display: none; }
  #shipmentForm #selectSpecRowsButton { box-sizing: border-box; height: 32px; min-height: 32px; padding: 0 8px; font-size: 12px; line-height: 1; white-space: nowrap; }
  #shipmentForm .shipment-stock-card,
  #shipmentForm .shipment-logistics-panel,
  #shipmentForm .document-uploader {
    padding: 12px 0;
    border: 0;
    border-top: 1px solid #65717b;
    border-radius: 0;
    background: transparent;
  }
  .side-pane #shipmentForm > .shipment-note-panel {
    width: 100%;
    max-width: 100%;
    padding: 10px;
  }
  .side-pane #shipmentForm > .shipment-note-panel > * {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .side-pane #shipmentForm > .document-uploader {
    width: 100%;
    max-width: 100%;
  }
  .side-pane #shipmentForm > .document-uploader > * {
    width: calc(100% - 42px);
    max-width: calc(100% - 42px);
  }
  #shipmentForm .shipment-stock-heading,
  #shipmentForm .shipment-stock-actions { flex-wrap: wrap; gap: 8px; }
  #shipmentForm .shipment-stock-card strong { font-size: 15px; }
  #shipmentForm .document-targets { font-size: 12px; font-weight: 400; line-height: 1.4; }
  #shipmentForm .tracking-not-required-toggle { display: flex; align-items: center; gap: 10px; }
  #shipmentForm input[type=checkbox] { flex: 0 0 22px; width: 22px; height: 22px; }
  #shipmentForm .shipment-note-panel > button[type=submit] { min-height: 44px; margin-top: 0; }
}
#mobileView, #mobileCards, #mobileCards .mobile-card {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
#mobileCards { grid-template-columns: minmax(0, 1fr); }
#mobileCards .mobile-card * { box-sizing: border-box; min-width: 0; }
#mobileCards .mobile-card-details,
#mobileCards .mobile-card-lines,
#mobileCards .mobile-line-item { width: 100%; max-width: 100%; }
#mobileCards .mobile-card { overflow-wrap: anywhere; }
.mobile-card { cursor: pointer; }
.mobile-card:focus-visible { outline: 2px solid #52d4e3; outline-offset: -2px; }
.mobile-card [data-mobile-card-back] { min-height: 44px; justify-self: start; }
@media (max-width: 760px) {
  body.mobile-shipment-open .side-pane {
    overflow: hidden !important;
    box-sizing: border-box;
    max-width: 100%;
  }
  body.mobile-shipment-open #shipmentPane {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box;
  }
  body.mobile-shipment-open .shipment-pane-title-row {
    position: sticky !important;
    top: -12px;
    z-index: 10;
    background: #424c56;
    margin: 0 !important;
    width: 100%;
    box-sizing: border-box;
    gap: 8px;
  }
  body.mobile-shipment-open .shipment-pane-title-row h2 { min-width: 0; overflow-wrap: anywhere; }
  body.mobile-shipment-open #mobileCloseShipmentPane { flex: 0 0 44px; }
}
@media (max-width: 760px) {
  #trackingDialog .tracking-documents-cell .tracking-documents-marker {
    display: inline-grid !important;
    place-items: center;
    box-sizing: border-box;
    flex: 0 0 44px;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    border-radius: 50%;
    line-height: 1;
  }
}
@media (min-width: 761px) {
  #trackingDialog .tracking-table.tracking-comments-empty th:nth-child(14),
  #trackingDialog .tracking-table.tracking-comments-empty td:nth-child(14) { width: 58px; }
  #trackingDialog .tracking-comments-empty [data-tracking-sort="comments"] { font-size: 0 !important; }
  #trackingDialog .tracking-comments-empty [data-tracking-sort="comments"]::before { content: 'Комм.'; font-size: 12px; }
  #trackingDialog .tracking-table td:nth-child(14) { white-space: normal; overflow-wrap: anywhere; }
  #trackingDialog .tracking-table-wrap {
    overflow: auto;
    scrollbar-gutter: stable;
  }
  #trackingDialog .tracking-table { min-width: 2000px; width: 100%; }
  #trackingDialog .tracking-table th,
  #trackingDialog .tracking-sort-button {
    font-size: 12px;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    line-height: 1.3;
  }
  #trackingDialog .tracking-table th:last-child,
  #trackingDialog .tracking-table td:last-child {
    width: 110px;
    min-width: 110px;
    box-sizing: border-box;
    padding: 8px;
  }
  #trackingDialog .tracking-actions { flex-wrap: wrap; gap: 6px; }
  #trackingDialog .tracking-actions button { flex: 0 0 32px; width: 32px; min-width: 32px; height: 32px; padding: 0; }
}
:is(#app, dialog) .custom-select .custom-select-button,
:is(#app, dialog) .custom-select .custom-select-menu button,
select, select option {
  text-align: left !important;
  text-align-last: left !important;
  justify-content: flex-start !important;
}
#summaryPane { container-type: inline-size; }
#summaryPane .summary-short { display: none; }
#summaryPane .summary-table th,
#summaryPane .summary-table td {
  box-sizing: border-box;
  padding-inline: 4px;
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
  text-overflow: clip;
}
#summaryPane .summary-table { table-layout: auto; }
#summaryPane .summary-table th,
#summaryPane .summary-table td { width: auto; }
#summaryPane .summary-table th {
  font-size: 12px; line-height: 1.25;
  white-space: nowrap; overflow-wrap: normal;
}
#summaryPane .summary-table th:not(:first-child),
#summaryPane .summary-table td:not(:first-child) { width: 1%; }
#summaryTitle { white-space: normal; overflow-wrap: anywhere; }
#summaryPane h2 {
  background: #3e4650;
  box-shadow: 0 2px 0 #3e4650;
}
@container (max-width: 440px) {
  #summaryPane .summary-full { display: none; }
  #summaryPane .summary-short { display: inline; }
  #summaryPane .summary-table th { font-size: 11px; }
}
#trackingMonthFilter {
  text-align: left;
  text-align-last: left;
}
#periodMonthFilter,
.app-shell > .filters .period-filter label:has(#periodMonthFilter) .custom-select-button {
  text-align: left !important;
  text-align-last: left !important;
  justify-content: flex-start !important;
}
#trackingButton.tracking-launch {
  display: grid !important;
  place-items: center;
  text-align: center;
  overflow: visible !important;
  margin-inline-end: 0 !important;
}
#trackingButton.tracking-launch > span:first-child {
  grid-area: 1 / 1;
  justify-self: center;
  align-self: center;
  margin: 0;
  line-height: 1.2;
}
.tracking-carrier-status { display: grid; gap: 6px; min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.tracking-carrier-status small { font-size: 11px; line-height: 1.35; }
.tracking-carrier-status > div { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.tracking-carrier-status button { flex: 0 0 32px; width: 32px; height: 32px; background: #343d46 !important; color: #fff !important; border: 1px solid #65727d !important; border-radius: 4px; }
.tracking-carrier-status button:disabled { opacity: .6; cursor: wait; }
.tracking-carrier-status button svg { width: 18px; height: 18px; }
@media (max-width: 900px) {
  .tracking-carrier-status button { flex-basis: 44px; width: 44px; height: 44px; }
}
.app-shell { container-type: inline-size; }
#trackingLocationTabs { display: flex; flex-wrap: wrap; gap: 8px; }
#trackingLocationTabs > button { flex: 1 0 max-content; min-width: 0; max-width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; box-sizing: border-box; }
#trackingLocationTabs > button > span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
#trackingLocationTabs > button > b { flex-shrink: 0; }
@media (min-width: 761px) {
  .app-shell > .filters {
    display: grid !important;
    grid-template-columns: 100px minmax(160px, 240px) minmax(130px, 180px) minmax(160px, 240px) minmax(260px, 330px) !important;
    grid-template-rows: auto auto auto !important;
    justify-content: start !important;
    align-items: end !important;
    gap: 12px !important;
  }
  .app-shell > .filters > label {
    grid-column: auto !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .app-shell > .filters > .period-filter,
  .app-shell > .filters > .spec-workbar {
    position: static !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .app-shell > .filters > .period-filter {
    grid-row: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: end !important;
  }
  .app-shell > .filters > .period-filter > * { flex: 0 1 auto; width: auto !important; min-width: 0 !important; }
  .app-shell > .filters > .period-filter > label { width: 160px !important; }
  .app-shell > .filters > .spec-workbar {
    grid-row: 3 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .app-shell > .filters .spec-workbar-group,
  .app-shell > .filters .spec-workbar-modules {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: 8px !important;
  }
  .app-shell > .filters .spec-workbar-group > *,
  .app-shell > .filters .spec-workbar-modules > * { width: auto !important; flex: 0 1 auto !important; }
}

@container (max-width: 1150px) {
  @media (min-width: 761px) {
    .app-shell > .filters { grid-template-columns: 100px minmax(0, 1fr) minmax(0, 1fr) !important; }
    .app-shell > .filters > label:nth-of-type(4) { grid-column: 1 / 3 !important; grid-row: 2 !important; }
    .app-shell > .filters > label:nth-of-type(5) { grid-column: 3 !important; grid-row: 2 !important; }
    .app-shell > .filters > .period-filter { grid-row: 3 !important; }
    .app-shell > .filters > .spec-workbar { grid-row: 4 !important; }
  }
}

@media (min-width: 761px) and (max-width: 1150px) {
  .app-shell > .filters { grid-template-columns: 100px minmax(0, 1fr) minmax(0, 1fr) !important; }
  .app-shell > .filters > label:nth-of-type(4) { grid-column: 1 / 3 !important; grid-row: 2 !important; }
  .app-shell > .filters > label:nth-of-type(5) { grid-column: 3 !important; grid-row: 2 !important; }
  .app-shell > .filters > .period-filter { grid-row: 3 !important; }
  .app-shell > .filters > .spec-workbar { grid-row: 4 !important; }
}
@container (min-width: 1550px) {
  .app-shell > .filters {
    grid-template-columns: 100px minmax(160px, 220px) minmax(130px, 165px) minmax(160px, 220px) minmax(260px, 300px) minmax(440px, 1fr) !important;
    grid-template-rows: auto auto !important;
  }
  .app-shell > .filters > .period-filter { grid-column: 1 / 6 !important; }
  .app-shell > .filters > .spec-workbar {
    grid-column: 6 !important;
    grid-row: 1 / 3 !important;
    align-self: stretch !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: space-evenly !important;
    gap: 0 !important;
  }
  .app-shell > .filters .spec-workbar-group { justify-content: flex-end !important; }
  .app-shell > .filters .spec-workbar-modules {
    display: flex !important;
    width: auto !important;
    justify-content: flex-end !important;
    align-self: flex-end !important;
    justify-self: end !important;
    gap: 12px !important;
  }
}
@container (max-width: 1549.99px) {
  @media (min-width: 761px) {
    .app-shell > .filters {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, .95fr) !important;
      grid-template-rows: repeat(4, auto) !important;
      align-items: end !important;
    }
    .app-shell > .filters > label:nth-of-type(1) { grid-column: 1 !important; grid-row: 1 !important; }
    .app-shell > .filters > label:nth-of-type(2) { grid-column: 2 !important; grid-row: 1 !important; }
    .app-shell > .filters > label:nth-of-type(3) { grid-column: 1 !important; grid-row: 2 !important; }
    .app-shell > .filters > label:nth-of-type(4) { grid-column: 2 !important; grid-row: 2 !important; }
    .app-shell > .filters > label:nth-of-type(5) { grid-column: 1 / 3 !important; grid-row: 3 !important; }
    .app-shell > .filters > .period-filter { grid-column: 1 / 3 !important; grid-row: 4 !important; }
    .app-shell > .filters > .period-filter > label { flex: 1 1 125px !important; width: auto !important; }
    .app-shell > .filters > .period-filter > button { max-width: 100% !important; height: auto !important; white-space: normal !important; }
    .app-shell > .filters > .spec-workbar {
      grid-column: 3 !important;
      grid-row: 1 / 5 !important;
      align-self: stretch !important;
      flex-direction: column !important;
      justify-content: space-evenly !important;
      align-items: stretch !important;
    }
    .app-shell > .filters .spec-workbar-group,
    .app-shell > .filters .spec-workbar-modules {
      flex-direction: column !important;
      align-items: stretch !important;
      width: 100% !important;
      box-sizing: border-box;
    }
    .app-shell > .filters .spec-workbar-group > *,
    .app-shell > .filters .spec-workbar-modules > * {
      min-width: 0 !important;
      max-width: 100% !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis;
      width: 100% !important;
      margin: 0 !important;
      box-sizing: border-box;
    }
    .app-shell > .filters .spec-workbar-label { border-right: 0 !important; }
  }
}
@container (min-width: 1000px) and (max-width: 1549.99px) {
  @media (min-width: 761px) {
    .app-shell > .filters { grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.9fr) !important; }
    .app-shell > .filters > label:nth-of-type(1) { grid-column: 1 / 3 !important; }
    .app-shell > .filters > label:nth-of-type(2) { grid-column: 3 / 5 !important; }
    .app-shell > .filters > label:nth-of-type(3) { grid-column: 1 / 3 !important; }
    .app-shell > .filters > label:nth-of-type(4) { grid-column: 3 / 5 !important; }
    .app-shell > .filters > .period-filter { display: contents !important; }
    .app-shell > .filters > .period-filter > label:nth-of-type(1) { grid-column: 1 !important; grid-row: 4 !important; }
    .app-shell > .filters > .period-filter > label:nth-of-type(2) { grid-column: 2 !important; grid-row: 4 !important; }
    .app-shell > .filters > .period-filter > label:nth-of-type(3) { grid-column: 3 !important; grid-row: 4 !important; }
    .app-shell > .filters #periodClearButton { grid-column: 4 !important; grid-row: 4 !important; }
    .app-shell > .filters > label:has(#statusFilter) { width: 300px !important; }
    .app-shell > .filters > label:has(#statusFilter) .custom-select-button { height: var(--dashboard-control-height) !important; min-height: var(--dashboard-control-height) !important; }
    .app-shell > .filters #missingStockFilterButton {
      grid-column: 1 / 5 !important;
      grid-row: 3 !important;
      justify-self: start;
      align-self: end;
      margin-left: 312px !important;
      width: min(240px, calc(100% - 312px)) !important;
      height: var(--dashboard-control-height) !important;
      min-height: var(--dashboard-control-height) !important;
      box-sizing: border-box;
    }
    .app-shell > .filters > .spec-workbar { grid-column: 5 !important; justify-content: space-evenly !important; }
  }
}

/* Intermediate desktop: actions above two aligned filter rows. */
@container (min-width: 1000px) and (max-width: 1549.99px) {
  @media (min-width: 761px) {
    .app-shell > .filters {
      grid-template-columns: 110px repeat(3, minmax(0, 1fr)) minmax(240px, 1.2fr) !important;
      --intermediate-toolbar: 1;
      grid-template-rows: repeat(3, auto) !important;
    }
    .app-shell > .filters > label:nth-of-type(1) { grid-column: 1 !important; grid-row: 2 !important; }
    .app-shell > .filters > label:nth-of-type(2) { grid-column: 2 !important; grid-row: 2 !important; }
    .app-shell > .filters > label:nth-of-type(3) { grid-column: 3 !important; grid-row: 2 !important; }
    .app-shell > .filters > label:nth-of-type(4) { grid-column: 4 !important; grid-row: 2 !important; }
    .app-shell > .filters > label:nth-of-type(5) { grid-column: 5 !important; grid-row: 2 !important; width: 100% !important; }
    .app-shell > .filters > .period-filter {
      display: flex !important; grid-column: 1 / -1 !important; grid-row: 3 !important;
      flex-wrap: nowrap !important;
    }
    .app-shell > .filters #missingStockFilterButton {
      margin-left: 0 !important; width: 240px !important;
    }
    .app-shell > .filters > .period-filter > label:nth-of-type(n),
    .app-shell > .filters #periodClearButton { grid-row: 3 !important; }
    .app-shell > .filters > .period-filter > label:nth-of-type(n) {
      flex: 0 1 160px !important;
      width: 160px !important;
    }
    .app-shell > .filters .spec-workbar .spec-workbar-group button,
    .app-shell > .filters .spec-workbar .spec-workbar-modules button {
      font-size: 12px !important;
    }
    .app-shell > .filters > .spec-workbar {
      grid-row: 1 !important;
      grid-column: 1 / -1 !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding-right: 6px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(228, 229, 229, .16);
      box-sizing: border-box;
    }
    .app-shell > .filters .spec-workbar-group {
      background: none !important;
      border: 0 !important;
      padding: 0 !important;
    }
    .app-shell > .filters .spec-workbar-group,
    .app-shell > .filters .spec-workbar-modules {
      width: auto !important;
      flex-direction: row !important;
      align-items: center !important;
      flex-wrap: nowrap !important;
    }
    .app-shell > .filters .spec-workbar-group > *,
    .app-shell > .filters .spec-workbar-modules > * { width: auto !important; }
    .app-shell > .filters .spec-workbar-label { padding: 0 !important; }
    .app-shell > .filters .spec-workbar-modules {
      display: flex !important;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
    .app-shell > .filters .spec-workbar-modules .international-launch { grid-column: 1 / -1; }
  }
}

/* Percentage bounds also respect the containing viewport under CSS zoom. */
#internationalEditDialog {
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 900px) {
  #internationalEditDialog {
    inset: 0;
    width: auto;
    height: auto;
  }
}

/* On wide dashboards the two action blocks form an evenly spaced right rail. */
@container (min-width: 1550px) {
  @media (min-width: 761px) {
    body .app-shell > .filters:not(.desktop-filters-collapsed) { padding-bottom: 7px !important; }
    body .app-shell > .filters:not(.desktop-filters-collapsed) > .spec-workbar {
      position: relative !important;
      display: grid !important;
      grid-template-columns: max-content max-content;
      grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
      flex-direction: column !important;
      flex-wrap: nowrap !important;
      align-items: flex-end !important;
      justify-content: end !important;
      align-content: stretch;
      align-self: stretch !important;
      min-height: 0 !important;
      padding-block: 0 !important;
      gap: 6px 12px !important;
    }

    body .app-shell > .filters:not(.desktop-filters-collapsed) .spec-workbar .spec-workbar-group,
    body .app-shell > .filters:not(.desktop-filters-collapsed) .spec-workbar .spec-workbar-modules {
      flex: 0 0 auto !important;
      align-self: flex-end !important;
      margin: 0 !important;
      grid-column: 2;
      justify-self: end !important;
    }
    body .app-shell > .filters:not(.desktop-filters-collapsed) .spec-workbar-group { grid-row: 2; }
    body .app-shell > .filters:not(.desktop-filters-collapsed) .spec-workbar-modules { grid-row: 4; }

    body .app-shell > .filters:not(.desktop-filters-collapsed) > .spec-workbar > #desktopFiltersToggle {
      position: static !important;
      align-self: center !important;
      grid-column: 1;
      grid-row: 2;
      transform: none;
      margin: 0 !important;
    }
  }
}

/* One source of truth for compact desktop controls. */
@media (min-width: 761px) {
  .app-shell > .filters {
    --dashboard-control-height: 32px;
    --dashboard-control-gap: 8px;
  }

  .app-shell > .filters input,
  .app-shell > .filters select,
  .app-shell > .filters .custom-select,
  .app-shell > .filters .custom-select-button,
  .app-shell > .filters .period-filter button,
  .app-shell > .filters .spec-workbar-group button,
  .app-shell > .filters .spec-workbar-modules button {
    box-sizing: border-box !important;
    height: var(--dashboard-control-height) !important;
    min-height: var(--dashboard-control-height) !important;
    max-height: var(--dashboard-control-height) !important;
    font-size: 12px !important;
  }

  .app-shell > .filters .custom-select {
    padding: 0 !important;
  }

  .app-shell > .filters .period-filter button,
  .app-shell > .filters .spec-workbar-group button,
  .app-shell > .filters .spec-workbar-modules button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .app-shell > .filters input,
  .app-shell > .filters .custom-select-button,
  .app-shell > .filters button {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .app-shell > .filters .custom-select-button::after {
    top: 3px;
  }

  .app-shell > .filters > label,
  .app-shell > .filters .period-filter > label {
    gap: 6px !important;
  }

  .app-shell > .filters .spec-workbar-group,
  .app-shell > .filters .spec-workbar-modules {
    gap: var(--dashboard-control-gap) !important;
  }
  .app-shell > .filters .spec-workbar-modules {
    column-gap: 8px !important;
  }

  .app-shell > .filters .spec-workbar-group button,
  .app-shell > .filters .spec-workbar-modules button {
    min-width: 0 !important;
    padding-inline: 10px !important;
    font-size: clamp(10px, 0.72vw, 12px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }
}

@media (min-width: 761px) {
  .app-shell > .filters.desktop-filters-collapsed {
    position: relative;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .app-shell > .filters.desktop-filters-collapsed > .spec-workbar {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .app-shell > .filters.desktop-filters-collapsed > .period-filter {
    display: none !important;
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    grid-column: auto !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .app-shell > .filters.desktop-filters-collapsed .desktop-filters-toggle {
    border-color: rgba(82, 212, 227, .62) !important;
    background: #28535e !important;
    box-shadow: none;
  }
}

@media (min-width: 761px) and (max-width: 1200px) {
  .app-shell > .filters.desktop-filters-collapsed {
    grid-template-rows: auto auto !important;
  }
  .app-shell > .filters.desktop-filters-collapsed > .period-filter {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: center;
    transform: none;
  }
}

/* Filter visibility commands use the same visual language in every workspace. */
:is(
  #desktopFiltersToggle,
  #mobileFiltersToggle,
  #trackingFiltersToggle,
  #internationalFiltersToggle,
  .warehouse-filters-toggle
) {
  border: 1px solid #65727d !important;
  border-radius: 6px !important;
  background: #343d46 !important;
  color: #f5f6f7 !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

:is(
  #desktopFiltersToggle,
  #mobileFiltersToggle,
  #trackingFiltersToggle,
  #internationalFiltersToggle,
  .warehouse-filters-toggle
)[aria-expanded="true"] {
  border-color: #52d4e3 !important;
}
#internationalDialog .international-top-actions {
  gap: 8px;
  align-items: center;
}
@media (min-width: 901px) {
  #internationalDialog .international-top-actions { transform: translateY(4px); }
}
#internationalDialog .international-top-actions > button {
  box-sizing: border-box;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 5px 10px !important;
  font-size: 14px;
  line-height: 1.15;
}
#internationalDialog .international-top-actions > .dialog-refresh-status:empty { display: none; }
#internationalDialog .international-top-actions > .dialog-refresh-button {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  flex-basis: 36px !important;
  padding: 7px !important;
}
@media (max-width: 760px) {
  #internationalDialog .international-top-actions { display: grid; grid-template-columns: 1fr 1fr; }
  #internationalDialog .international-top-actions > button,
  #internationalDialog .international-top-actions > .dialog-refresh-button {
    grid-column: auto;
    grid-row: auto;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 4px 8px;
  }
  #internationalDialog .international-top-actions > .dialog-refresh-status:not(:empty) { grid-column: 1 / -1; }
}