/* Ciuchatek 4.58 — formularz Towarow na telefonie. */
@media (max-width: 900px) {
  /* Przycisk byl tworzony przez starszy cache JS; ukrycie zabezpiecza tez takie sesje. */
  body:not(.mis-standalone) > .mis-fab { display: none !important; }

  /* Kasuje desktopowy odstęp na sidebarze (224/260 px), który ściskał modal do 1/4 ekranu. */
  body .modal-backdrop.online-modal-backdrop:not(.migration-workbench-backdrop) {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: max(5px, env(safe-area-inset-top)) max(5px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left)) !important;
    overflow: hidden !important;
  }

  body .online-modal-backdrop:not(.migration-workbench-backdrop) > form.online-add-modal.goods-form-compact {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: calc(100dvh - max(10px, env(safe-area-inset-top)) - max(10px, env(safe-area-inset-bottom))) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 12px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-radius: 17px 17px 10px 10px !important;
    background: #f8fafc !important;
    overscroll-behavior: contain;
    scroll-padding-top: 76px;
    scroll-padding-bottom: 108px;
  }

  body .online-add-modal.goods-form-compact > .modal-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 60 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 62px !important;
    margin: 0 -12px 12px !important;
    padding: 10px 12px !important;
    border-radius: 0 !important;
    background: rgba(248, 250, 252, .97) !important;
    backdrop-filter: blur(12px);
  }

  body .online-add-modal.goods-form-compact > .modal-header h2 {
    font-size: 1.16rem !important;
    line-height: 1.18 !important;
  }

  body .online-add-modal.goods-form-compact > .modal-header .subtext {
    font-size: .75rem !important;
    overflow-wrap: anywhere;
  }

  body .online-add-modal.goods-form-compact .online-form-layout,
  body .online-add-modal.goods-form-compact .online-form-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 12px !important;
  }

  body .online-add-modal.goods-form-compact :is(
    .online-basic-grid, .online-details-grid, .online-pricing-grid,
    .goods-purchase-compact-grid, .status-channel-inline,
    .goods-dimension-fields, .dynamic-dimension-grid,
    .dimension-row, .inline-generate-row, .form-grid
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 11px !important;
  }

  body .online-add-modal.goods-form-compact :is(.goods-form-card, .online-section-card, .online-photo-section, .form-section) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    padding: 12px !important;
    overflow: visible !important;
    border-radius: 13px !important;
  }

  body .online-add-modal.goods-form-compact :is(label, .field-label, .dictionary-combo, .smart-autocomplete, .size-field) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: .86rem !important;
  }

  body .online-add-modal.goods-form-compact :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 48px !important;
    padding: 10px 11px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  body .online-add-modal.goods-form-compact textarea { min-height: 112px !important; }

  body .online-add-modal.goods-form-compact .condition-picker {
    display: grid !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 9px !important;
  }

  body .online-add-modal.goods-form-compact .condition-choice-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 7px !important;
  }

  body .online-add-modal.goods-form-compact .condition-choice-row button,
  body .online-add-modal.goods-form-compact .flaw-option-card {
    min-height: 46px !important;
    padding: 9px !important;
  }

  body .online-add-modal.goods-form-compact .online-photo-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 9px !important;
  }

  body .online-add-modal.goods-form-compact .online-photo-header .file-drop {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
  }

  body .online-add-modal.goods-form-compact .photo-drop-zone {
    width: 100% !important;
    min-width: 0 !important;
    padding: 7px !important;
  }

  body .online-add-modal.goods-form-compact .online-image-grid.main-gallery {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    gap: 8px !important;
  }

  body .online-add-modal.goods-form-compact .online-image-grid.main-gallery .online-image-tile {
    min-width: 0 !important;
    min-height: 190px !important;
  }

  body .online-add-modal.goods-form-compact .title-control-row,
  body .online-add-modal.goods-form-compact .description-meta-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body .online-add-modal.goods-form-compact .title-tools {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
  }

  body .online-add-modal.goods-form-compact .title-tools button { width: 100% !important; }

  body .online-add-modal.goods-form-compact .pricing-editor-table-wrap,
  body .online-add-modal.goods-form-compact .pricing-editor-table-wrap .data-table-wrapper,
  body .online-add-modal.goods-form-compact .pricing-editor-table-wrap .table-scroll {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body .online-add-modal.goods-form-compact > .modal-actions {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 60 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: auto !important;
    margin: 12px -12px 0 !important;
    padding: 10px 12px max(10px, env(safe-area-inset-bottom)) !important;
    background: rgba(248, 250, 252, .98) !important;
    backdrop-filter: blur(12px);
  }

  body .online-add-modal.goods-form-compact > .modal-actions .label-print-checkbox {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 44px !important;
    white-space: normal !important;
  }

  body .online-add-modal.goods-form-compact > .modal-actions > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
  }
}

@media (max-width: 390px) {
  body .online-add-modal.goods-form-compact .online-image-grid.main-gallery,
  body .online-add-modal.goods-form-compact .condition-choice-row,
  body .online-add-modal.goods-form-compact .title-tools {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}