Polish business FA layout and wire special-group keys plus SSL sync.

RTL carousels/FABs, special key+title fields, slider gallery fixes, and dashboard SSL sync agent for super-admin.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/business/src/pages/CustomersPage.module.css

@@ -41,27 +41,23 @@
 }
 
 .colName {
-  width: 16%;
+  width: 22%;
 }
 
 .colCell {
-  width: 11%;
-}
-
-.colEmail {
   width: 14%;
 }
 
 .colOrders {
-  width: 9%;
+  width: 12%;
 }
 
 .colTransactions {
-  width: 11%;
+  width: 14%;
 }
 
 .colDate {
-  width: 10%;
+  width: 12%;
 }
 
 .colActions {
@@ -71,7 +67,7 @@
 .th,
 .td {
   padding: 10px 12px;
-  text-align: left;
+  text-align: start;
   border-bottom: 1px solid rgba(148, 163, 184, 0.16);
   vertical-align: middle;
 }
@@ -104,15 +100,10 @@
 
 .customerName[dir='rtl'] {
   font-weight: 400;
-  text-align: left;
 }
 
-.emailCell {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 12px;
-  max-width: 0;
+.nameAlignFa {
+  text-align: right;
 }
 
 .dateCell {
@@ -126,14 +117,14 @@
 }
 
 .thActions {
-  text-align: center;
+  text-align: right;
   white-space: nowrap;
 }
 
 .tdActions {
   text-align: right;
   white-space: nowrap;
-  padding-right: 10px;
+  padding-inline-end: 10px;
 }
 
 .rowActions {
@@ -141,6 +132,19 @@
   align-items: center;
   justify-content: flex-end;
   gap: 0;
+  direction: ltr;
+}
+
+/* FA: عملیات column is on the physical left — pin controls to that edge. */
+.tableFa .thActions,
+.tableFa .tdActions {
+  text-align: left;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.tableFa .rowActions {
+  justify-content: flex-start;
 }
 
 .toggleInActions {
@@ -243,9 +247,10 @@
 
 .fab {
   position: fixed;
-  right: 32px;
+  inset-inline-end: 32px;
+  inset-inline-start: auto;
   bottom: 32px;
-  z-index: 50;
+  z-index: 110;
   width: 56px;
   height: 56px;
   display: flex;
@@ -265,7 +270,8 @@
 
 @media (max-width: 768px) {
   .fab {
-    right: 20px;
+    inset-inline-end: 20px;
+    inset-inline-start: auto;
     bottom: 20px;
     width: 52px;
     height: 52px;