fix: Wrap right column correctly - Your Orders + Command History stacked in grid

dashboard/index.html

@@ -33,7 +33,7 @@
         </div>
 
         <main>
-            <div class="main-grid main-grid-3col">
+            <div class="main-grid">
                 <section class="control-panel card">
                     <h3>Command Console</h3>
                     
@@ -118,22 +118,25 @@
                     </div>
                 </section>
 
-                <!-- Command History: 2nd column -->
-                <section class="card" style="display: flex; flex-direction: column; overflow: hidden;">
-                    <h3>Command History</h3>
-                    <div class="history-list" id="activity-log" style="overflow-y: auto; display: flex; flex-direction: column; gap: 0.8rem; padding-right: 0.5rem; flex: 1; margin-top: 0.8rem;">
-                        <!-- items arrive here -->
-                    </div>
-                </section>
+                <!-- Right Column: Orders + History -->
+                <div class="right-col">
+                    <section class="shipment-cart-section">
+                        <div class="card full-width">
+                            <h3>Your Orders</h3>
+                            <div id="cart-container" class="cart-list">
+                            </div>
+                        </div>
+                    </section>
 
-                <!-- Your Orders: 3rd column -->
-                <section class="shipment-cart-section">
-                    <div class="card full-width h-100">
-                        <h3>Your Orders</h3>
-                        <div id="cart-container" class="cart-list">
+                    <section class="history-section">
+                        <div class="card full-width" style="display: flex; flex-direction: column; max-height: 420px;">
+                            <h3>Command History</h3>
+                            <div class="history-list" id="activity-log" style="overflow-y: auto; display: flex; flex-direction: column; gap: 0.8rem; padding-right: 0.5rem; flex: 1;">
+                                <!-- items arrive here -->
+                            </div>
                         </div>
-                    </div>
-                </section>
+                    </section>
+                </div>
             </div>
 
             <section class="metrics-grid">

dashboard/style.css

@@ -195,19 +195,19 @@ header {
     align-items: start;
 }
 
-.main-grid-3col {
-    display: grid;
-    grid-template-columns: 1.6fr 1fr 1fr;
+.right-col {
+    display: flex;
+    flex-direction: column;
     gap: 2rem;
-    margin-bottom: 3rem;
-    align-items: start;
 }
 
-@media (max-width: 1100px) {
-    .main-grid-3col { grid-template-columns: 1fr 1fr; }
+.history-section .card {
+    padding: 1.5rem;
 }
+
 @media (max-width: 900px) {
-    .main-grid, .main-grid-3col { grid-template-columns: 1fr; }
+    .main-grid { grid-template-columns: 1fr; }
+    .right-col { flex-direction: column; }
 }
 
 .metrics-grid, .details-section, .log-section, .guide-section {