From 471b09861c96aa94c0fb30b7ac49fed813be6dc5 Mon Sep 17 00:00:00 2001
From: Alaguraj0361 <alaguraj0361@gmail.com>
Date: Wed, 25 Mar 2026 19:40:59 +0530
Subject: [PATCH]  introduce a new premium 'Rush Mode' POS theme and update
 docker-compose configuration.

---
 .../static/src/css/pos_style.css              | 107 ++++++++++++++++--
 1 file changed, 100 insertions(+), 7 deletions(-)

diff --git a/addons/dine360_dashboard/static/src/css/pos_style.css b/addons/dine360_dashboard/static/src/css/pos_style.css
index b8a4e99..533edcd 100644
--- a/addons/dine360_dashboard/static/src/css/pos_style.css
+++ b/addons/dine360_dashboard/static/src/css/pos_style.css
@@ -34,9 +34,8 @@
 /* height: calc(100vh - 85px) !important;
 } */
 
-.pos .leftpane,
-.pos .order-container {
-    /* The Cart Section - Move to Right */
+.pos .leftpane {
+    /* The Cart Section - Now on Right */
     width: 480px !important;
     border-left: 2px solid #f1f5f9 !important;
     border-right: none !important;
@@ -44,18 +43,38 @@
     display: flex !important;
     flex-direction: column !important;
     flex: none !important;
-    height: 37.9vh !important;
+    height: calc(100vh - 85px) !important;
+    overflow: hidden !important;
+    z-index: 100 !important;
+}
+
+.pos .order-container {
+    flex: 1 1 auto !important;
+    overflow-y: auto !important;
+    background: #ffffff !important;
+    min-height: 0 !important;
 }
 
 .product-screen {
     display: flex !important;
     flex-direction: row-reverse !important;
+    height: calc(100vh - 85px) !important;
+    overflow: hidden !important;
+}
+
+.pos .rightpane {
+    /* The Product Grid Section - Now on Left */
+    flex: 1 1 auto !important;
+    background: #f8fafc !important;
+    height: 100% !important;
+    display: flex !important;
+    flex-direction: column !important;
+    overflow: hidden !important;
 }
 
-.pos .rightpane,
 .pos .product-list-container {
-    /* The Product Section - Move to Left */
-    flex: 1 !important;
+    flex: 1 1 auto !important;
+    overflow-y: auto !important;
     background: #f8fafc !important;
 }
 
@@ -299,4 +318,78 @@
     height: 55px !important;
     font-weight: 700 !important;
     font-size: 14px !important;
+}
+
+/* 9. Receipt Screen & New Order Button - Ultra Aggressive Theme Match */
+.pos .button.next,
+.pos .button.validation,
+.pos .receipt-screen .button.next,
+.pos .receipt-screen .validation.button,
+.pos .receipt-screen .button {
+    background: #d61112 !important;
+    color: white !important;
+    border-radius: var(--border-radius-lg) !important;
+    height: 70px !important;
+    font-size: 22px !important;
+    font-weight: 900 !important;
+    text-transform: uppercase !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    box-shadow: 0 10px 20px rgba(214, 17, 18, 0.2) !important;
+    border: none !important;
+}
+
+.pos .receipt-screen .button.next:active {
+    transform: scale(0.98);
+}
+
+/* 10. Premium Bill UI (Right Side) */
+.pos-receipt {
+    font-family: 'Inter', sans-serif !important;
+    color: #1a1d23 !important;
+    padding: 30px !important;
+    background: #fff !important;
+}
+
+.pos-receipt .pos-receipt-contact {
+    font-size: 13px !important;
+    color: #64748b !important;
+    margin-bottom: 20px !important;
+}
+
+.pos-receipt .pos-receipt-center-align {
+    text-align: center !important;
+    font-weight: 700 !important;
+}
+
+.pos-receipt .pos-receipt-order-data {
+    color: #94a3b8 !important;
+    font-size: 11px !important;
+}
+
+.pos-receipt .receipt-orderlines {
+    border-top: 2px solid #f1f5f9 !important;
+    padding-top: 15px !important;
+}
+
+.pos-receipt .orderline {
+    border: none !important;
+    margin: 5px 0 !important;
+    padding: 10px 0 !important;
+    border-bottom: 1px dashed #e2e8f0 !important;
+    display: flex !important;
+    justify-content: space-between !important;
+}
+
+.pos-receipt .pos-receipt-total {
+    font-size: 24px !important;
+    font-weight: 900 !important;
+    color: var(--pos-secondary) !important;
+    border-top: 2px solid #1a1d23 !important;
+    padding-top: 15px !important;
+}
+
+.pos-receipt-amount {
+    font-weight: 800 !important;
 }
\ No newline at end of file