merging code

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/clients/create-client/create-client.component.scss

@@ -48,11 +48,11 @@
 .client-tabs {
   background: var(--md-sys-color-surface, #fff);
   border-radius: 8px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
 
   ::ng-deep {
     .mat-mdc-tab-header {
-      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+      border-bottom: 1px solid rgb(0 0 0 / 8%);
     }
 
     .mat-mdc-tab {
@@ -96,11 +96,11 @@
   align-items: center;
   gap: 8px;
   padding: 32px 16px;
-  color: rgba(0, 0, 0, 0.54);
+  color: rgb(0 0 0 / 54%);
   font-size: 14px;
 
   mat-icon {
-    color: rgba(0, 0, 0, 0.38);
+    color: rgb(0 0 0 / 38%);
   }
 }
 
@@ -110,7 +110,7 @@
   align-items: center;
   margin-top: 20px;
   padding: 16px 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.08);
+  border-top: 1px solid rgb(0 0 0 / 8%);
 }
 
 .action-bar-right {
@@ -119,7 +119,7 @@
 }
 
 .cancel-btn {
-  color: rgba(0, 0, 0, 0.6);
+  color: rgb(0 0 0 / 60%);
 }
 
 /* ─── Read-only tab state ─── */
@@ -196,8 +196,9 @@
   ::ng-deep .mdc-linear-progress__bar-inner {
     border-color: #fff !important;
   }
+
   ::ng-deep .mdc-linear-progress__buffer-bar {
-    background-color: rgba(255, 255, 255, 0.3) !important;
+    background-color: rgb(255 255 255 / 30%) !important;
   }
 }
 
@@ -222,7 +223,9 @@
     flex-shrink: 0;
   }
 
-  span { flex: 1; }
+  span {
+    flex: 1;
+  }
 
   button {
     flex-shrink: 0;