[IMP] pos styling: Einheitliche Scrollbar-Größe im POS-Bereich

Setzt eine globale CSS-Regel für alle Scrollbars innerhalb des POS-Interfaces
(`.pos *::-webkit-scrollbar`) auf 8px Breite und Höhe. Dadurch erhalten alle
scrollbaren Elemente eine konsistente und bedienfreundliche Scrollbar-Darstellung,
insbesondere für Touchscreen- und Terminal-Geräte.

static/src/css/pos.css

@@ -1,7 +1,40 @@
-.ows-sidebar { width: 220px; }
+.custompane {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow: hidden;
+}
+
+.ows-sidebar {
+    flex: 1 1 auto;
+    width: 220px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+
 .order-entry:hover { cursor: pointer; }
 .order-entry.selected { background-color: #007bff; color: white; }
 
+.ows-customer-list {
+    flex: 1 1 auto;
+    overflow-y: auto;
+    min-height: 0; /* notwendig für Scrollbar */
+}
+
+.client-details-grid {
+    flex-shrink: 0;
+    max-height: 60%;
+    overflow-y: auto;
+    background: #fff;
+}
+
+.pos *::-webkit-scrollbar {
+    width: 8px;
+    height:8px;
+}
+
 .sidebar-line {
   display: flex;
   justify-content: space-between;