chore: create Multica handoff checkpoint

app/frontend/pages/auction/foundation.css

@@ -5,8 +5,8 @@
   font-weight: 800;
 }
 
-@media (max-width: 720px) {
-  #auctionView {
+@media (max-width: 767px) {
+  body.mobile-shell #auctionView {
     border-radius: 0px;
   }
 }
@@ -287,7 +287,7 @@
   max-width: 155px;
 }
 
-@media (max-width: 720px) {
+@media (max-width: 767px) {
   .auction-phase-notice time {
     grid-column: 2;
   }
@@ -506,7 +506,7 @@
   }
 }
 
-@media (max-width: 720px) {
+@media (max-width: 767px) {
 
   .auction-phase-notice {
     grid-template-columns: 10px minmax(0px, 1fr);
@@ -1962,7 +1962,7 @@
   }
 }
 
-@media (max-width: 720px) {
+@media (max-width: 767px) {
   .redesigned-auction-view {
     padding: 0px;
   }
@@ -2080,7 +2080,7 @@
   }
 }
 
-@media (min-width: 721px) {
+@media (min-width: 768px) {
   body[data-active-view="auctionView"] .app-main {
     display: flex;
 
@@ -2104,7 +2104,7 @@
   }
 }
 
-@media (min-width: 721px) and (max-height: 900px) {
+@media (min-width: 768px) and (max-height: 900px) {
   .redesigned-auction-view {
     padding: 10px 0 12px;
   }
@@ -2196,7 +2196,7 @@
   padding-right: 0px;
 }
 
-@media (min-width: 721px) {
+@media (min-width: 768px) {
   #auctionView .auction-page-head-v2 {
     flex: 0 0 auto;
   }
@@ -2242,7 +2242,7 @@
   }
 }
 
-@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) {
+@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) {
   #auctionView .auction-workspace-v2 {
     display: block;
   }
@@ -2315,3 +2315,95 @@
 
   color: var(--text-secondary);
 }
+
+/* Mobile auction keeps one page scrollbar; dense rows scroll only sideways. */
+@media (max-width: 767px) {
+  #auctionView {
+    padding-inline: 0;
+  }
+
+  #auctionView .auction-workspace-v2 {
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-12);
+    overflow: visible;
+  }
+
+  #auctionView .auction-primary-card {
+    width: 100%;
+    max-width: 100%;
+    min-height: 0;
+    min-width: 0;
+    overflow: visible;
+  }
+
+  #auctionView .auction-tabs-v2 {
+    width: 100%;
+    max-width: 100%;
+    min-width: 0;
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    padding-inline: 0;
+    overflow: visible;
+  }
+
+  #auctionView .auction-tabs-v2 button {
+    min-width: 0;
+    min-height: var(--mobile-touch-size);
+    justify-content: center;
+    padding-inline: var(--space-4);
+    font-size: var(--font-size-label);
+  }
+
+  #auctionView .auction-tabs-v2 .auction-summary-v2 {
+    width: 100%;
+    min-width: 0;
+    grid-column: 1 / -1;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    margin-left: 0;
+    border-top: 1px solid var(--border-subtle);
+    border-left: 0;
+  }
+
+  #auctionView .auction-tools-v2,
+  #auctionView .auction-expectation-v2,
+  #auctionView .auction-tool-actions {
+    width: 100%;
+    max-width: 100%;
+    min-width: 0;
+  }
+
+  #auctionView .auction-filter-segments {
+    width: 100%;
+    min-width: 0;
+  }
+
+  #auctionView .auction-filter-segments button {
+    min-width: 0;
+    flex: 1 1 0;
+  }
+
+  #auctionView .auction-search-v2,
+  #auctionView .auction-search-v2 input {
+    min-width: 0;
+  }
+
+  #auctionView .auction-table-frame-v2 {
+    width: 100%;
+    max-width: 100%;
+    min-height: var(--mobile-table-min-height);
+    max-height: none;
+    min-width: 0;
+    overflow-x: auto;
+    overflow-y: visible;
+  }
+
+  #auctionView .auction-side-v2 {
+    max-height: none;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    gap: var(--space-12);
+    overflow: visible;
+  }
+}