Polish vendor stockout import mobile layout

web/static/css/page-vendor-import.css

@@ -56,6 +56,11 @@
   flex-wrap: wrap;
 }
 
+.stockout-import-actions.is-header,
+.stockout-import-actions.is-result {
+  margin-top: 14px;
+}
+
 .stockout-action {
   display: inline-flex;
   align-items: center;
@@ -85,6 +90,10 @@
   border-color: var(--momo-ink);
 }
 
+.stockout-file-picker {
+  margin-top: 14px;
+}
+
 .stockout-import-note {
   display: grid;
   align-content: center;
@@ -240,6 +249,10 @@
   border-radius: var(--momo-radius-pill);
 }
 
+.stockout-progress-label {
+  margin-bottom: 8px;
+}
+
 .stockout-progress-bar {
   width: 100%;
   height: 100%;
@@ -301,7 +314,105 @@
 }
 
 @media (max-width: 720px) {
+  .stockout-import-stack {
+    gap: 14px;
+  }
+
+  .stockout-import-header {
+    gap: 14px;
+    padding: 16px;
+  }
+
+  .stockout-import-actions {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .stockout-action {
+    min-height: 36px;
+    padding: 8px 10px;
+  }
+
+  .stockout-import-note {
+    gap: 6px;
+    padding: 12px;
+  }
+
+  .stockout-import-note-value {
+    font-size: 15px;
+    line-height: 1.45;
+  }
+
+  .stockout-dropzone {
+    min-height: 240px;
+    padding: 18px;
+  }
+
+  .stockout-upload-icon {
+    width: 48px;
+    height: 48px;
+    font-size: 20px;
+  }
+
+  .stockout-dropzone-title {
+    margin: 14px 0 6px;
+    font-size: 18px;
+  }
+
+  .stockout-dropzone-subtitle {
+    font-size: 12px;
+    line-height: 1.6;
+  }
+
+  .stockout-file-picker {
+    margin-top: 12px;
+  }
+
+  .stockout-import-side {
+    gap: 8px;
+    padding: 12px;
+  }
+
+  .stockout-import-card,
+  .stockout-file-panel,
+  .stockout-progress-panel,
+  .stockout-result-panel,
+  .stockout-error-panel {
+    padding: 12px;
+  }
+
+  .stockout-file-row {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .stockout-result-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 8px;
+  }
+
+  .stockout-result-cell {
+    padding: 12px;
+  }
+
+  .stockout-result-value {
+    font-size: 22px;
+  }
+
   .stockout-import-title { font-size: 26px; }
-  .stockout-file-row { flex-direction: column; align-items: flex-start; }
-  .stockout-result-grid { grid-template-columns: 1fr 1fr; }
+}
+
+@media (max-width: 420px) {
+  .stockout-import-title {
+    font-size: 24px;
+  }
+
+  .stockout-import-subtitle {
+    font-size: 12px;
+  }
+
+  .stockout-dropzone {
+    min-height: 220px;
+    padding: 16px;
+  }
 }