npm - @geotab/zenith - Versions diffs - 3.12.3 → 3.13.0-beta.1 - Mend

@geotab/zenith 3.12.3 → 3.13.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

package/dist/index.css CHANGED Viewed

@@ -1,41 +1,41 @@
 @font-face {
-  font-family: "Roboto";
+  font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   src: url("./commonStyles/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Light.woff") format("woff");
 }
 @font-face {
-  font-family: "Roboto";
+  font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   src: url("./commonStyles/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Regular.woff") format("woff");
 }
 @font-face {
-  font-family: "Roboto";
+  font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   src: url("./commonStyles/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Medium.woff") format("woff");
 }
 @font-face {
-  font-family: "Roboto";
+  font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   src: url("./commonStyles/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Bold.woff") format("woff");
 }
 @font-face {
-  font-family: "Roboto";
+  font-family: Roboto;
   font-style: italic;
   font-weight: 300;
   src: url("./commonStyles/fonts/roboto/Roboto-LightItalic.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-LightItalic.woff") format("woff");
 }
 @font-face {
-  font-family: "Roboto";
+  font-family: Roboto;
   font-style: italic;
   font-weight: 400;
   src: url("./commonStyles/fonts/roboto/Roboto-Italic.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Italic.woff") format("woff");
 }
 @font-face {
-  font-family: "Roboto";
+  font-family: Roboto;
   font-style: italic;
   font-weight: 700;
   src: url("./commonStyles/fonts/roboto/Roboto-BoldItalic.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-BoldItalic.woff") format("woff");
@@ -509,7 +509,7 @@ html:lang(ar) .zen-data-xs {
   text-transform: none;
   text-decoration: none;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-heading-xl-300 {
     font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
     font-size: 1.25rem;
@@ -708,10 +708,10 @@ html:lang(ar) .zen-data-xs {
   }
 }
 :root {
-  --main-font: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
-  --main-font-data: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
-  --data-font-drive: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
-  --arabic-font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+  --main-font: roboto, "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
+  --main-font-data: "Roboto Mono", "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
+  --data-font-drive: "Roboto Mono", "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
+  --arabic-font-family: "Noto Sans Arabic", roboto, "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
 }
 .label-01,
 .body-label-400 {
@@ -758,7 +758,7 @@ html:lang(ar) .label-01-mobile-drive,
 html:lang(ar) .mobile-label-400-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-label-400-drive {
     font-family: var(--main-font);
     font-size: 14px;
@@ -893,7 +893,7 @@ html:lang(ar) .body-01-mobile-drive,
 html:lang(ar) .mobile-body-l-400-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-body-l-400-drive {
     font-family: var(--main-font);
     font-size: 18px;
@@ -938,7 +938,7 @@ html:lang(ar) .body-02-short-mobile-drive,
 html:lang(ar) .mobile-body-m-400-short-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-body-m-400-short-drive {
     font-family: var(--main-font);
     font-size: 16px;
@@ -983,7 +983,7 @@ html:lang(ar) .body-02-tall-mobile-drive,
 html:lang(ar) .mobile-body-m-400-tall-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-body-m-400-tall-drive {
     font-family: var(--main-font);
     font-size: 16px;
@@ -1028,7 +1028,7 @@ html:lang(ar) .body-03-mobile-drive,
 html:lang(ar) .mobile-body-s-700-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-body-s-700-drive {
     font-family: var(--main-font);
     font-size: 14px;
@@ -1073,7 +1073,7 @@ html:lang(ar) .body-04-mobile-drive,
 html:lang(ar) .mobile-body-s-400-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-body-s-400-drive {
     font-family: var(--main-font);
     font-size: 14px;
@@ -1118,7 +1118,7 @@ html:lang(ar) .body-05-mobile-drive,
 html:lang(ar) .mobile-body-s-400-italic-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-body-s-400-italic-drive {
     font-family: var(--main-font);
     font-size: 14px;
@@ -1163,7 +1163,7 @@ html:lang(ar) .heading-01-mobile,
 html:lang(ar) .heading-xl-300-mobile {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .heading-xl-300 {
     font-family: var(--main-font);
     font-size: 20px;
@@ -1223,7 +1223,7 @@ html:lang(ar) .heading-03-mobile,
 html:lang(ar) .heading-m-300-mobile {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .heading-m-300 {
     font-family: var(--main-font);
     font-size: 18px;
@@ -1326,7 +1326,7 @@ html:lang(ar) .heading-01-mobile-drive,
 html:lang(ar) .mobile-heading-xl-300-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-heading-xl-300-drive {
     font-family: var(--main-font);
     font-size: 24px;
@@ -1371,7 +1371,7 @@ html:lang(ar) .heading-02-mobile-drive,
 html:lang(ar) .mobile-heading-l-400-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-heading-l-400-drive {
     font-family: var(--main-font);
     font-size: 22px;
@@ -1416,7 +1416,7 @@ html:lang(ar) .heading-03-mobile-drive,
 html:lang(ar) .mobile-heading-m-300-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-heading-m-300-drive {
     font-family: var(--main-font);
     font-size: 18px;
@@ -1461,7 +1461,7 @@ html:lang(ar) .heading-04-mobile-drive,
 html:lang(ar) .mobile-heading-m-500-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-heading-m-500-drive {
     font-family: var(--main-font);
     font-size: 18px;
@@ -1506,7 +1506,7 @@ html:lang(ar) .heading-05-mobile-drive,
 html:lang(ar) .mobile-heading-s-500-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-heading-s-500-drive {
     font-family: var(--main-font);
     font-size: 16px;
@@ -1577,7 +1577,7 @@ html:lang(ar) .heading-07-mobile-drive,
 html:lang(ar) .mobile-heading-s-300-drive {
   font-family: var(--arabic-font-family);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-heading-s-300-drive {
     font-family: var(--main-font);
     font-size: 16px;
@@ -1712,7 +1712,7 @@ html:lang(ar) .data-01-mobile-drive,
 html:lang(ar) .mobile-data-xl-drive {
   font-family: var(--data-font-drive);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-data-xl-drive {
     font-family: var(--data-font-drive);
     font-size: 32px;
@@ -1757,7 +1757,7 @@ html:lang(ar) .data-02-mobile-drive,
 html:lang(ar) .mobile-data-l-drive {
   font-family: var(--data-font-drive);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-data-l-drive {
     font-family: var(--data-font-drive);
     font-size: 20px;
@@ -1802,7 +1802,7 @@ html:lang(ar) .data-03-mobile-drive,
 html:lang(ar) .mobile-data-m-drive {
   font-family: var(--data-font-drive);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-data-m-drive {
     font-family: var(--data-font-drive);
     font-size: 16px;
@@ -1847,7 +1847,7 @@ html:lang(ar) .data-04-mobile-drive,
 html:lang(ar) .mobile-data-s-drive {
   font-family: var(--data-font-drive);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .tablet-data-s-drive {
     font-family: var(--data-font-drive);
     font-size: 16px;
@@ -1870,9 +1870,9 @@ html:lang(ar) .mobile-data-s-drive {
   --text-nav-highlight: #0069bf;
   --text-error-message: #c51a11;
   --text-button-disabled: #c0ccd8;
-  --text-reverse-primary: #ffffff;
+  --text-reverse-primary: #fff;
   --text-reverse-primary-button: var(--text-reverse-primary);
-  --backgrounds-main: #ffffff;
+  --backgrounds-main: #fff;
   --backgrounds-content-0: #f9fafb;
   --backgrounds-content-1: #f2f5f7;
   --backgrounds-content-2: #d9e1e8;
@@ -1927,7 +1927,7 @@ html:lang(ar) .mobile-data-s-drive {
   --data--categorical-grey: #8a94a2;
 }
 .zen-dark {
-  --text-primary: #ffffff;
+  --text-primary: #fff;
   --text-secondary: #c0ccd8;
   --text-placeholder: #a6b8c9;
   --text-hyperlink: #ebf6ff;
@@ -1945,7 +1945,7 @@ html:lang(ar) .mobile-data-s-drive {
   --backgrounds-overlay: rgba(31, 40, 51, 0.4);
   --backgrounds-primary-brand: #4cb2ff;
   --backgrounds-reverse-2: #5282cb;
-  --backgrounds-reverse-1: #ffffff;
+  --backgrounds-reverse-1: #fff;
   --backgrounds-reverse-0: #f2f5f7;
   --borders-general: #748faa;
   --borders-secondary: #c0ccd8;
@@ -1991,7 +1991,7 @@ html:lang(ar) .mobile-data-s-drive {
   justify-content: center;
 }
 .zen-caption--center .zen-caption__content {
-  margin-right: 0;
+  margin-inline-end: 0;
 }
 .zen-caption--full-width {
   width: 100%;
@@ -2000,15 +2000,14 @@ html:lang(ar) .mobile-data-s-drive {
   line-height: 16px;
   font-weight: 400;
   white-space: nowrap;
-  margin-left: 0;
-  margin-right: auto;
+  margin-inline: 0 auto;
 }
 .zen-caption--hidden {
   display: none;
 }
 .zen-caption--wrapped .zen-caption__content {
   white-space: normal;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 .zen-caption.zen-caption {
   display: inline-flex;
@@ -2017,24 +2016,20 @@ html:lang(ar) .mobile-data-s-drive {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 .zen-not-selectable {
   -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
 .zen-shadow-dropdown-default {
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
 }
 .zen-card-shadow {
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
 }
 .zen-chip-shadow {
-  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
 }
 .zenIcons_pdf {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236a0000%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%2215.139%22%20x2%3D%2218.633%22%20y1%3D%2210.443%22%20y2%3D%2231.32%22%20gradientTransform%3D%22matrix(1.73%200%200%201.939%20245.97%20385.974)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f8f8f7%22%2F%3E%3Cstop%20offset%3D%22.599%22%20stop-color%3D%22%23e8e8e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e2e2de%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2220.794%22%20x2%3D%2235.596%22%20y1%3D%2218.379%22%20y2%3D%2239.6%22%20gradientTransform%3D%22matrix(1.343%200%200%201.235%20246.554%20404.243)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-254.286%20-410.076)%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20x%3D%22254.287%22%20y%3D%22410.086%22%20fill%3D%22none%22%20color%3D%22%23000%22%20overflow%3D%22visible%22%20ry%3D%22.002%22%2F%3E%3Crect%20width%3D%2238.997%22%20height%3D%2245.003%22%20x%3D%22259.275%22%20y%3D%22412.317%22%20fill%3D%22url(%23c)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23888a85%22%20rx%3D%22.567%22%20ry%3D%22.567%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%20d%3D%22M293.774%20420.82h-30v2h30zM295.384%20425.973h-32.763v2.26h32.763zM295.384%20432.753h-32.763v2.26h32.763zM295.384%20439.533h-32.763v2.26h32.763z%22%20color%3D%22%23000%22%20overflow%3D%22visible%22%2F%3E%3Crect%20width%3D%2237.026%22%20height%3D%2243.022%22%20x%3D%22260.273%22%20y%3D%22413.32%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3Cpath%20fill%3D%22url(%23d)%22%20d%3D%22M254.785%20424.292v21.454h46.844v-21.454h-46.844z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%20font-family%3D%22Bitstream%20Vera%20Sans%22%20font-size%3D%2212.448%22%20font-weight%3D%22bold%22%3E%3Cpath%20style%3D%22-inkscape-font-specification%3ABitstream%20Charter%20Bold%22%20d%3D%22M260.745%20427.96h5.398c1.605%200%202.836.401%203.692%201.203.862.795%201.292%201.932%201.293%203.409%200%201.483-.431%202.626-1.293%203.428-.856.795-2.087%201.193-3.692%201.193h-2.146v4.905h-3.252v-14.137m3.252%202.642v3.948h1.799c.631%200%201.118-.17%201.461-.511.344-.347.515-.836.515-1.468%200-.631-.172-1.117-.515-1.458-.344-.341-.831-.511-1.461-.511h-1.799M276.669%20430.715v8.626h1.166c1.329%200%202.343-.369%203.041-1.108.704-.739%201.056-1.812%201.056-3.219%200-1.401-.349-2.468-1.048-3.2-.698-.732-1.715-1.098-3.05-1.098h-1.166m-3.252-2.755h3.43c1.915%200%203.34.155%204.275.464a5.514%205.514%200%200%201%202.416%201.553%206.165%206.165%200%200%201%201.318%202.206c.287.833.431%201.777.431%202.831%200%201.067-.144%202.02-.431%202.86a6.157%206.157%200%200%201-1.318%202.206%205.647%205.647%200%200%201-2.433%201.562c-.946.303-2.365.455-4.258.455h-3.43v-14.137M287.778%20427.96h8.777v2.755h-5.525v2.632h5.195v2.755h-5.195v5.994h-3.252v-14.137%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23700000%22%20stroke-width%3D%221.62%22%20d%3D%22M254.746%20445.649l46.834-.151v-21.079%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
@@ -2051,7 +2046,7 @@ html:lang(ar) .mobile-data-s-drive {
   cursor: pointer;
   background: none;
   border: none;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 .zen-link:hover,
 .zen-link:focus,
@@ -2097,7 +2092,7 @@ html:lang(ar) .mobile-data-s-drive {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 .zen-select-button {
   display: flex;
@@ -2114,7 +2109,7 @@ html:lang(ar) .mobile-data-s-drive {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 .zen-select-button:hover,
 .zen-select-button:focus {
@@ -2138,16 +2133,13 @@ html:lang(ar) .mobile-data-s-drive {
   grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
   grid-template-rows: auto auto;
   gap: 0.25rem 0.5rem;
-  align-items: center;
-  justify-items: start;
+  place-items: center start;
 }
 .zen-range-field-wrapper-row {
   display: grid;
-  align-items: center;
-  justify-items: start;
+  place-items: center start;
   grid-template-columns: minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem) minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem);
-  row-gap: 0.25rem;
-  column-gap: 0.5rem;
+  gap: 0.25rem 0.5rem;
 }
 :root {
   --border-width-default: 1px;
@@ -2157,7 +2149,6 @@ html:lang(ar) .mobile-data-s-drive {
   --mobile: 640px;
 }
 .zen-visually-hidden {
-  clip: rect(0 0 0 0);
   clip-path: inset(50%);
   height: 1px;
   overflow: hidden;
@@ -2684,7 +2675,7 @@ html:lang(ar) .zen-button--mobile {
   box-sizing: border-box;
   position: absolute;
   z-index: 11000;
-  overflow-y: auto;
+  overflow-block: auto;
   outline: none;
 }
 .zen-absolute * {
@@ -2692,8 +2683,8 @@ html:lang(ar) .zen-button--mobile {
 }
 .zen-calculate-position {
   position: absolute;
-  left: 0;
-  top: 0;
+  inset-inline-start: 0;
+  inset-block-start: 0;
   opacity: 0.01;
   max-height: 1px;
 }
@@ -2779,7 +2770,7 @@ html:lang(ar) .zen-accordion {
   background-color: var(--backgrounds-content-1);
   font-size: 14px;
   line-height: 16px;
-  border: 0px;
+  border: 0;
   font-style: normal;
   font-weight: 400;
   letter-spacing: 0.02rem;
@@ -2794,7 +2785,7 @@ html:lang(ar) .zen-accordion {
 }
 .zen-accordion__header-button .zen-accordion__header-arrow {
   fill: var(--action-secondary--default);
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 .zen-accordion__header-button .zen-accordion__header-arrow--rotated {
   transform: rotate(180deg);
@@ -2825,7 +2816,7 @@ html:lang(ar) .zen-accordion {
 }
 .zen-accordion--legacy .zen-accordion__header-button {
   background-color: var(--backgrounds-main);
-  border-radius: 0px;
+  border-radius: 0;
   color: var(--text-primary);
   fill: var(--action-secondary--default);
 }
@@ -2909,6 +2900,7 @@ html:lang(ar) .zen-accordion {
 }
 .zen-banner__block--multiline {
   height: unset;
+  flex-wrap: wrap;
 }
 .zen-banner__block--XXL {
   max-width: 100%;
@@ -2933,9 +2925,6 @@ html:lang(ar) .zen-accordion {
   max-width: 22.5rem;
   min-width: 16.75rem;
 }
-.zen-banner__block--multiline {
-  flex-wrap: wrap;
-}
 .zen-banner__multiline-container {
   display: flex;
   align-items: center;
@@ -3005,7 +2994,7 @@ html:lang(ar) .zen-banner__header {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   text-align: start;
   margin-inline-end: auto;
   max-width: 64.6875rem;
@@ -3021,7 +3010,7 @@ html:lang(ar) .zen-banner__message {
 .zen-banner__message--drive,
 .zen-banner__message--drive-tablet {
   max-width: 28.25rem;
-  padding-top: 0.25rem;
+  padding-block-start: 0.25rem;
 }
 .zen-banner__message--drive {
   font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -3045,7 +3034,6 @@ html:lang(ar) .zen-banner__message {
 }
 .zen-banner__message--mobile {
   max-width: unset;
-  overflow: unset;
   text-overflow: unset;
   white-space: unset;
   display: -webkit-box;
@@ -3226,7 +3214,7 @@ html:lang(ar) .zen-banner .zen-banner__summary-error-link {
   line-height: 1rem;
   text-transform: none;
   text-decoration: none;
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
   display: flex;
   position: absolute;
   background-color: var(--backgrounds-content-1);
@@ -3336,41 +3324,33 @@ html:lang(ar) .zen-tooltip__title {
   position: absolute;
   border-style: solid;
   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
+  border-width: 6px;
+  border-color: transparent;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .zen-tooltip__arrow--top {
-  inset-block-start: 100%;
-  inset-inline-start: 50%;
-  border-color: var(--backgrounds-content-1) transparent transparent transparent;
-  border-width: 6px 5px 0 5px;
+  top: 100%;
+  left: 50%;
+  border-top-color: var(--backgrounds-content-1);
   filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
 }
 .zen-tooltip__arrow--bottom {
   bottom: 100%;
-  inset-inline-start: 0.875rem;
-  border-color: transparent transparent var(--backgrounds-content-1) transparent;
-  border-width: 0 5px 6px 5px;
+  left: 0.875rem;
+  border-bottom-color: var(--backgrounds-content-1);
   filter: drop-shadow(0 -4px 4px rgba(0, 0, 0, 0.2));
 }
 .zen-tooltip__arrow--right {
-  inset-inline-end: 100%;
-  border-color: transparent var(--backgrounds-content-1) transparent transparent;
-  border-width: 5px 6px 5px 0;
+  right: 100%;
+  border-right-color: var(--backgrounds-content-1);
   filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, 0.2));
 }
-[dir="rtl"] .zen-tooltip__arrow--right {
-  border-color: transparent transparent transparent var(--backgrounds-content-1);
-  filter: drop-shadow(4px 0 4px rgba(0, 0, 0, 0.2));
-}
 .zen-tooltip__arrow--left {
-  inset-inline-start: 100%;
-  border-color: transparent transparent transparent var(--backgrounds-content-1);
-  border-width: 5px 0 6px 5px;
+  left: 100%;
+  border-left-color: var(--backgrounds-content-1);
   filter: drop-shadow(4px 0 4px rgba(0, 0, 0, 0.2));
 }
-[dir="rtl"] .zen-tooltip__arrow--left {
-  border-color: transparent var(--backgrounds-content-1) transparent transparent;
-  filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, 0.2));
-}
 .zen-tooltip__trigger {
   color: var(--text-secondary);
   fill: var(--text-secondary);
@@ -3390,10 +3370,8 @@ html:lang(ar) .zen-tooltip__title {
 .zen-shield {
   box-sizing: border-box;
   position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  inset-block: 0;
+  inset-inline: 0;
   z-index: 10006;
   background-color: #000;
   opacity: 0.1;
@@ -3437,7 +3415,7 @@ html:lang(ar) .zen-tooltip__title {
   justify-content: center;
 }
 .zen-text-icon-button .zen-caption__content {
-  margin-right: 0;
+  margin-inline-end: 0;
 }
 .zen-field-label {
   display: flex;
@@ -3487,6 +3465,7 @@ html:lang(ar) .zen-field-label__text {
 }
 .zen-card-container--absolute {
   flex-shrink: 0;
+  min-width: unset;
 }
 .zen-card-container--extra-extra-large {
   min-height: 26.125rem;
@@ -3543,7 +3522,7 @@ html:lang(ar) .zen-field-label__text {
   min-width: 0;
   max-width: unset;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-card-container {
     max-width: unset;
   }
@@ -3834,8 +3813,8 @@ html:lang(ar) .zen-card__secondary {
   overflow: hidden;
 }
 .zen-card__content--overflow-scroll {
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow-inline: hidden;
+  overflow-block: auto;
 }
 .zen-card__header-right {
   margin-inline-start: auto;
@@ -4001,8 +3980,7 @@ html:lang(ar) .zen-menu-button__action {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-inline-start: 0;
-  margin-inline-end: auto;
+  margin-inline: 0 auto;
 }
 .zen-menu-button__action--drive,
 .zen-menu-button__action--drive-tablet {
@@ -4057,13 +4035,13 @@ html:lang(ar) .zen-menu-button__action {
   line-height: 1rem;
   text-transform: none;
   text-decoration: none;
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
   border-radius: var(--border-radius-default);
   box-sizing: border-box;
   background-color: var(--backgrounds-main);
   padding: 0.25rem 0;
-  max-height: 90vh;
-  border: 0px;
+  max-height: 90vb;
+  border: 0;
   min-height: 1.875rem;
   min-width: 10.625rem;
   max-width: 26.25rem;
@@ -4086,18 +4064,17 @@ html:lang(ar) .zen-popup {
 }
 .zen-popup--block {
   padding: 0.25rem 0;
-  box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
+  box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
   border-radius: var(--border-radius-default);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-popup {
     max-width: 100%;
   }
 }
 .zen-menu-separator {
-  border-block-start: 1px solid var(--borders-general);
   list-style-type: none;
-  border-top: 1px solid var(--borders-general);
+  border-block-start: 1px solid var(--borders-general);
   height: 0;
 }
 .zen-side-panel {
@@ -4151,8 +4128,7 @@ html:lang(ar) .zen-side-panel {
   display: flex;
 }
 .zen-side-panel--left-positioned {
-  inset-inline-start: 0;
-  inset-inline-end: auto;
+  inset-inline: 0 auto;
   transform: translateX(-100%);
   border-start-start-radius: 0;
   border-end-start-radius: 0;
@@ -4192,13 +4168,12 @@ html:lang(ar) .zen-side-panel {
   border-start-end-radius: var(--border-radius-default);
   border-end-end-radius: 0;
   transform: translateY(100%);
-  inset-block-start: auto;
-  inset-block-end: 0;
+  inset-block: auto 0;
 }
 .zen-side-panel.zen-side-panel--bottom-positioned.zen-side-panel--shown {
   transform: translateY(0);
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-side-panel {
     width: 100%;
     min-width: 100%;
@@ -4235,21 +4210,18 @@ html:lang(ar) .zen-side-panel {
   text-transform: none;
   text-decoration: none;
   color: var(--text-primary);
-  margin-block-start: 0;
+  margin-block: 0 1rem;
   margin-inline: 0;
-  margin-block-end: 1rem;
 }
 html:lang(ar) .zen-side-panel-cell__title {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
 .zen-side-panel-cell__footer {
-  margin-block-start: 1rem;
+  margin-block: 1rem 0;
   margin-inline: 0;
-  margin-block-end: 0;
 }
 .zen-side-panel-cell--no-padding {
-  padding-inline-start: 0;
-  padding-inline-end: 0;
+  padding-inline: 0;
 }
 .zen-side-panel-cell--no-padding .zen-side-panel-cell__title {
   padding-inline-start: 1rem;
@@ -4377,7 +4349,7 @@ html:lang(ar) .zen-toast__header {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   justify-self: end;
 }
 .zen-toast__progress {
@@ -4385,7 +4357,7 @@ html:lang(ar) .zen-toast__header {
   transition: width 0.3s linear;
 }
 .zen-toast__progress--active {
-  border-radius: 4px 0 0 0;
+  border-radius: 4px 0 0;
 }
 .zen-toast__progress--info {
   background-color: var(--accents-general--detail);
@@ -4403,7 +4375,7 @@ html:lang(ar) .zen-toast__header {
   line-height: 1.75rem;
   text-transform: none;
   text-decoration: none;
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
   position: relative;
   display: flex;
   flex-direction: row;
@@ -4428,7 +4400,7 @@ html:lang(ar) .zen-alert {
 .zen-alert::before {
   content: "";
   position: absolute;
-  top: 0;
+  inset-block-start: 0;
   inset-inline-start: -0.25rem;
   width: 0.5rem;
   height: 100%;
@@ -4473,7 +4445,7 @@ html:lang(ar) .zen-alert__body {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 .zen-alert__text {
   display: -webkit-box;
@@ -4491,7 +4463,7 @@ html:lang(ar) .zen-alert__body {
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-  padding-top: 0.125rem;
+  padding-block-start: 0.125rem;
   color: var(--text-primary);
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
@@ -4617,7 +4589,7 @@ html:lang(ar) .zen-alert__title {
   text-decoration: none;
 }
 .zen-alert--drive .zen-alert__icon {
-  padding-top: 0.125rem;
+  padding-block-start: 0.125rem;
 }
 .zen-alert--mobile {
   max-width: 100%;
@@ -4668,8 +4640,7 @@ html:lang(ar) .zen-alert__title {
   text-decoration: none;
   color: var(--text-secondary);
   padding-block: 0.75rem;
-  padding-inline-start: 0.75rem;
-  padding-inline-end: 0.5rem;
+  padding-inline: 0.75rem 0.5rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4720,10 +4691,10 @@ html:lang(ar) .zen-mobile-sheet__title {
 }
 .zen-mobile-sheet__content {
   flex: 1 1 auto;
-  overflow-y: auto;
+  overflow-block: auto;
 }
 .zen-mobile-sheet--mobile-android {
-  overflow-y: hidden;
+  overflow-block: hidden;
   position: fixed;
 }
 .zen-mobile-sheet__footer {
@@ -4735,7 +4706,7 @@ html:lang(ar) .zen-mobile-sheet__title {
   min-width: 32.5rem;
   inset-inline-start: calc(50% - (260 / 16rem));
 }
-@media (max-width: 520px) {
+@media (width <= 520px) {
   .zen-mobile-sheet-wrapper--drive.zen-mobile-sheet-wrapper--drive,
   .zen-mobile-sheet-wrapper--drive-tablet.zen-mobile-sheet-wrapper--drive-tablet {
     max-width: 100%;
@@ -4780,12 +4751,10 @@ html:lang(ar) .zen-mobile-sheet__title {
   z-index: 11007;
 }
 .zen-card-button--drive-tablet {
-  padding-block-start: 0.75rem;
-  padding-block-end: 0.75rem;
+  padding-block: 0.75rem;
 }
 .zen-card-button--drive {
-  padding-block-start: 0.6875rem;
-  padding-block-end: 0.6875rem;
+  padding-block: 0.6875rem;
 }
 .zen-favorite-button {
   display: flex;
@@ -4869,13 +4838,12 @@ html:lang(ar) .zen-data-feed {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
 .zen-data-feed__item-container {
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
   display: flex;
 }
 .zen-data-feed__action-container {
   padding-block-start: 0.5rem;
-  padding-inline-end: 0.5rem;
-  padding-inline-start: 0.25rem;
+  padding-inline: 0.25rem 0.5rem;
 }
 .zen-data-feed__content {
   flex: 1 1 auto;
@@ -4894,7 +4862,7 @@ html:lang(ar) .zen-data-feed {
   padding-block: 0.5625rem;
 }
 .zen-data-feed--scrollable {
-  overflow-y: auto;
+  overflow-block: auto;
 }
 .zen-data-feed--empty .zen-data-feed__feed {
   display: none;
@@ -4912,7 +4880,6 @@ html:lang(ar) .zen-data-feed {
 .zen-data-grid-not-interactive-mixin {
   pointer-events: none;
   user-select: none;
-  -webkit-user-select: none;
   -webkit-user-drag: none;
 }
 .zen-data-grid-loading-mixin {
@@ -5062,7 +5029,6 @@ html:lang(ar) .zen-data-grid__row-cell {
 .zen-data-grid__row-cell--loading {
   pointer-events: none;
   user-select: none;
-  -webkit-user-select: none;
   -webkit-user-drag: none;
   filter: blur(7px);
   animation: load-column 1s linear infinite alternate;
@@ -5085,22 +5051,20 @@ html:lang(ar) .zen-data-grid__row-cell {
 }
 .zen-data-grid--horizontal-scroll .zen-data-grid__header-cell--first {
   border-inline-end: 1px solid var(--borders-general);
-  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
 }
 .zen-data-grid--horizontal-scroll .zen-data-grid__row-cell--first {
   border-inline-end: 1px solid var(--borders-general);
-  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
 }
 .zen-data-grid--not-interactive .zen-data-grid__table {
   pointer-events: none;
   user-select: none;
-  -webkit-user-select: none;
   -webkit-user-drag: none;
 }
 .zen-data-grid--loading .zen-data-grid__table {
   pointer-events: none;
   user-select: none;
-  -webkit-user-select: none;
   -webkit-user-drag: none;
 }
 .zen-data-grid--loading .zen-data-grid__row-cell {
@@ -5114,7 +5078,7 @@ html:lang(ar) .zen-data-grid__row-cell {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 .zen-data-grid-header--multiline {
   white-space: normal;
@@ -5124,7 +5088,7 @@ html:lang(ar) .zen-data-grid__row-cell {
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 .zen-actions-column {
   display: flex;
@@ -5244,7 +5208,6 @@ html:lang(ar) .zen-feed-item__identifier {
   align-items: baseline;
   gap: 0.25rem;
   overflow-wrap: break-word;
-  word-wrap: break-word;
   width: 100%;
 }
 .zen-feed-item__label {
@@ -5537,7 +5500,7 @@ html:lang(ar) .zen-checkbox__label-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 .zen-select-list[aria-disabled="true"] {
   cursor: not-allowed;
@@ -5661,7 +5624,7 @@ html:lang(ar) .zen-select-item {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   color: var(--text-primary);
   max-width: 100%;
 }
@@ -5695,7 +5658,7 @@ html:lang(ar) .zen-link-column__name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   color: var(--text-secondary);
   max-width: 100%;
 }
@@ -5946,6 +5909,9 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
   transform: translateX(-88%);
   position: absolute;
 }
+[dir="rtl"] .zen-flexible-column .zen-flexible-column__draggable-icon {
+  transform: translateX(88%);
+}
 .zen-flexible-column__draggable {
   width: 0.375rem;
   height: 100%;
@@ -5959,7 +5925,6 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
 .zen-flexible-column__content {
   width: 100%;
   text-align: start;
-  -webkit-user-select: none;
   user-select: none;
 }
 .zen-flexible-column:hover .zen-flexible-column__draggable-icon {
@@ -5983,14 +5948,14 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
   box-sizing: border-box;
 }
 .zen-resizer--invisible {
-  opacity: 0%;
+  opacity: 0;
 }
 .zen-resizer--invisible:hover,
 .zen-resizer--invisible:focus {
-  opacity: 100%;
+  opacity: 1;
 }
 .zen-resizer--manual-focus {
-  opacity: 100%;
+  opacity: 1;
   background-color: var(--borders-form-field--active);
 }
 .zen-resizer--vertical {
@@ -6037,7 +6002,7 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
   position: absolute;
   background-color: var(--backgrounds-main);
   z-index: 5001;
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
   border-spacing: 0;
   overflow: hidden;
   contain: strict;
@@ -6120,7 +6085,7 @@ html:lang(ar) .zen-columns-list__title {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 0.5rem 0.5rem;
+  padding: 0.5rem;
   cursor: pointer;
   border-radius: var(--border-radius-default);
 }
@@ -6141,8 +6106,7 @@ html:lang(ar) .zen-columns-list__title {
 .zen-empty-state {
   box-sizing: border-box;
   display: grid;
-  justify-content: center;
-  align-content: center;
+  place-content: center center;
   text-align: center;
   gap: 0.625rem;
   grid-auto-flow: row;
@@ -6157,8 +6121,7 @@ html:lang(ar) .zen-columns-list__title {
 .zen-empty-state__image {
   width: 180px;
   height: 180px;
-  align-self: center;
-  justify-self: center;
+  place-self: center center;
   justify-content: center;
   display: flex;
   align-items: center;
@@ -6243,7 +6206,7 @@ html:lang(ar) .zen-empty-state__description {
   display: flex;
   gap: 0.75rem;
 }
-@media (min-width: 641px) {
+@media (width >= 641px) {
   .zen-data-grid-actions__post-actions {
     margin-inline-end: 1rem;
   }
@@ -6313,7 +6276,7 @@ html:lang(ar) .zen-empty-state__description {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 html:lang(ar) .zen-bulk-actions__number-of-selected {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -6370,8 +6333,7 @@ html:lang(ar) .zen-bulk-actions__number-of-selected {
   border-block-start: 1px solid var(--borders-general);
   background: var(--backgrounds-main);
   padding: 0.75rem 1rem;
-  inset-inline-end: 0;
-  inset-inline-start: 0;
+  inset-inline: 0;
   inset-block-end: 0;
 }
 .zen-bulk-actions--screen-panel .zen-bulk-actions__button-close {
@@ -6441,8 +6403,7 @@ html:lang(ar) .zen-pagination__text {
 }
 .zen-table__detail-panel--header-content {
   justify-content: space-between;
-  justify-items: center;
-  align-items: center;
+  place-items: center center;
 }
 .zen-table__detail-panel--header-description {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -6556,24 +6517,21 @@ html:lang(ar) .zen-table__detail-panel--header-details {
     max-width: 100%;
     min-width: 0;
     transform: translateX(100%);
-    overflow-y: hidden;
+    overflow-block: hidden;
     will-change: opacity, transform;
     transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .zen-table__detail-panel--shown {
     opacity: 1;
     transform: translateX(0);
-    overflow-y: auto;
+    overflow-block: auto;
   }
 }
 .zen-table__detail-panel-content {
-  overflow-y: auto;
+  overflow-block: auto;
   flex: 1;
   padding: 0.75rem;
 }
-.zen-table__detail-panel-footer {
-  padding: 0.75rem;
-}
 .zen-table__detail-panel .zen-page-header__page-name {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 1rem;
@@ -6588,6 +6546,7 @@ html:lang(ar) .zen-table__detail-panel .zen-page-header__page-name {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
 .zen-table__detail-panel-footer {
+  padding: 0.75rem;
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
   font-style: normal;
@@ -6636,7 +6595,7 @@ html:lang(ar) .zen-table__detail-panel-footer {
   cursor: pointer;
   background: 0 0;
   border: 0;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 html:lang(ar) .zen-table-link {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -6684,6 +6643,19 @@ html:lang(ar) .zen-table-number {
   min-width: 0;
   transition: flex 0.35s cubic-bezier(0.4, 0, 0.2, 1);
 }
+.zen-table-wrapper--fit-content .zen-table__content {
+  height: auto;
+}
+.zen-table-wrapper--fit-content .zen-table__table {
+  height: auto;
+}
+.zen-table-wrapper--fit-content .zen-data-grid-wrapper {
+  contain: layout style;
+  height: auto;
+}
+.zen-table-wrapper--fit-content .zen-data-grid {
+  flex-shrink: 0;
+}
 .pie-chart-1 {
   width: 100%;
   height: 12.5rem;
@@ -6802,7 +6774,7 @@ html:lang(ar) .zen-summary-tile {
 .zen-summary-tile__content {
   max-height: 2rem;
   min-height: 2rem;
-  overflow-y: hidden;
+  overflow-block: hidden;
   width: 100%;
 }
 .zen-summary-tile__title-text {
@@ -6821,7 +6793,6 @@ html:lang(ar) .zen-summary-tile {
   max-width: 17rem;
 }
 .zen-summary-tile--default {
-  background-color: var(--backgrounds-content-1);
   fill: var(--text-primary);
   border: var(--border-width-default) solid var(--text-button-disabled);
   background: var(--backgrounds-main);
@@ -6830,7 +6801,7 @@ html:lang(ar) .zen-summary-tile {
   fill: var(--text-secondary);
 }
 .zen-summary-tile--default:hover {
-  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.17);
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.17);
 }
 .zen-summary-tile--error {
   background-color: var(--accents-error--main);
@@ -6838,7 +6809,7 @@ html:lang(ar) .zen-summary-tile {
   border: var(--border-width-default) solid var(--accents-error--detail);
 }
 .zen-summary-tile--error:hover {
-  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
+  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.22);
 }
 .zen-summary-tile--success {
   background-color: var(--accents-success--main);
@@ -6846,7 +6817,7 @@ html:lang(ar) .zen-summary-tile {
   border: var(--border-width-default) solid var(--accents-success--detail);
 }
 .zen-summary-tile--success:hover {
-  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
+  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.22);
 }
 .zen-summary-tile--warning {
   background-color: var(--accents-warning--main);
@@ -6854,7 +6825,7 @@ html:lang(ar) .zen-summary-tile {
   border: var(--border-width-default) solid var(--accents-warning--detail);
 }
 .zen-summary-tile--warning:hover {
-  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
+  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.22);
 }
 .zen-summary-tile--active {
   background-color: var(--accents-general--main);
@@ -6862,7 +6833,7 @@ html:lang(ar) .zen-summary-tile {
   border: var(--border-width-default) solid var(--borders-form-field--active);
 }
 .zen-summary-tile--active:hover {
-  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
+  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.22);
 }
 .zen-form-step-marker-inner {
   display: flex;
@@ -7042,7 +7013,7 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
   padding: 0;
 }
 .zen-form-step__connector {
-  border-top: 2px solid;
+  border-block-start: 2px solid;
   flex-grow: 1;
   min-width: 0.6875rem;
   width: 100%;
@@ -7112,7 +7083,6 @@ html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-label {
   text-transform: none;
   text-decoration: none;
   padding-inline-start: 0.25rem;
-  display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   text-overflow: ellipsis;
@@ -7227,8 +7197,8 @@ html:lang(ar) .zen-review-text-control {
 .zen-toggler-component--drive::before {
   content: "";
   position: absolute;
-  top: 50%;
-  left: 50%;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
   transform: translate(-50%, -50%);
   width: var(--zen-toggler-tap-area-width-drive);
   height: var(--zen-toggler-tap-area-height-drive);
@@ -7238,7 +7208,7 @@ html:lang(ar) .zen-review-text-control {
   min-width: var(--zen-toggler-runner-size-drive);
   height: var(--zen-toggler-runner-size-drive);
   min-height: var(--zen-toggler-runner-size-drive);
-  margin-top: 0.0625rem;
+  margin-block-start: 0.0625rem;
   margin-inline-start: 0.0625rem;
 }
 .zen-toggler-component--drive .zen-toggler-component__focus {
@@ -7246,7 +7216,7 @@ html:lang(ar) .zen-review-text-control {
   min-width: var(--zen-toggler-runner-focus-size-drive);
   height: var(--zen-toggler-runner-focus-size-drive);
   min-height: var(--zen-toggler-runner-focus-size-drive);
-  top: -0.25rem;
+  inset-block-start: -0.25rem;
   inset-inline-start: -0.25rem;
 }
 .zen-toggler-component--drive-tablet {
@@ -7259,8 +7229,8 @@ html:lang(ar) .zen-review-text-control {
 .zen-toggler-component--drive-tablet::before {
   content: "";
   position: absolute;
-  top: 50%;
-  left: 50%;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
   transform: translate(-50%, -50%);
   width: var(--zen-toggler-tap-area-width-drive);
   height: var(--zen-toggler-tap-area-height-drive);
@@ -7270,7 +7240,7 @@ html:lang(ar) .zen-review-text-control {
   min-width: var(--zen-toggler-runner-size-drive);
   height: var(--zen-toggler-runner-size-drive);
   min-height: var(--zen-toggler-runner-size-drive);
-  margin-top: 0.0625rem;
+  margin-block-start: 0.0625rem;
   margin-inline-start: 0.0625rem;
 }
 .zen-toggler-component--drive-tablet .zen-toggler-component__focus {
@@ -7278,7 +7248,7 @@ html:lang(ar) .zen-review-text-control {
   min-width: var(--zen-toggler-runner-focus-size-drive);
   height: var(--zen-toggler-runner-focus-size-drive);
   min-height: var(--zen-toggler-runner-focus-size-drive);
-  top: -0.25rem;
+  inset-block-start: -0.25rem;
   inset-inline-start: -0.25rem;
 }
 .zen-toggler-component__runner {
@@ -7298,7 +7268,7 @@ html:lang(ar) .zen-review-text-control {
   min-height: var(--zen-toggler-runner-focus-size);
   border-radius: 50%;
   opacity: 0.4;
-  top: -0.3125rem;
+  inset-block-start: -0.3125rem;
   background-color: var(--action-secondary--default);
   inset-inline-start: -0.3125rem;
 }
@@ -7352,8 +7322,7 @@ html:lang(ar) .zen-toggler__label-text {
   flex-direction: row-reverse;
 }
 .zen-toggler__label--reverted .zen-toggler__label-text {
-  margin-inline-end: 0.5rem;
-  margin-inline-start: 0;
+  margin-inline: 0 0.5rem;
 }
 .zen-toggler__input:focus-visible + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus,
 .zen-toggler__input:hover + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus {
@@ -7511,7 +7480,7 @@ html:lang(ar) .zen-toggler__label-text {
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
+  padding: 0.25rem 0.75rem;
   border-radius: 1.875rem;
   background: var(--backgrounds-content-1);
 }
@@ -7554,22 +7523,22 @@ html:lang(ar) .zen-pill-content {
 .zen-pill-actionable {
   padding: 0 0.5rem;
   -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
-.zen-pill-actionable:not(.zen-pill-actionable--disabled):not(.zen-pill-actionable--readonly):hover {
+.zen-pill-actionable:hover {
   cursor: pointer;
 }
+.zen-pill-actionable--disabled:hover,
+.zen-pill-actionable--readonly:hover {
+  cursor: default;
+}
 .zen-pill-actionable:has(.zen-pill-actionable__input:focus-visible) {
   outline: 1px solid var(--borders-form-field--active);
   outline-offset: 2px;
 }
 .zen-pill-actionable__input {
   position: absolute;
-  left: -5000px;
+  inset-inline-start: -5000px;
 }
 .zen-pill-actionable__content-wrapper {
   margin: 0;
@@ -7616,7 +7585,6 @@ html:lang(ar) .zen-pill-content {
   line-height: 1rem;
   text-transform: none;
   text-decoration: none;
-  display: flex;
   align-items: center;
   justify-content: space-between;
   border-radius: 1.875rem;
@@ -7842,9 +7810,8 @@ html:lang(ar) .zen-form-field-error {
   flex: 0 0 auto;
 }
 .zen-form-field-error__icon-container {
-  padding-block-start: 0.0625rem;
+  padding-block: 0.0625rem 0;
   padding-inline: 0.125rem;
-  padding-block-end: 0;
   height: 1rem;
 }
 .zen-form-field-error.zen-form-field-error--drive .zen-form-field-error__icon-container,
@@ -7918,7 +7885,7 @@ html:lang(ar) .zen-form-field-error {
 }
 .zen-form-field__input-container:has(.zen-radio-group--horizontal) .zen-form-field__trailing-text {
   align-self: flex-start;
-  margin-top: 0.75rem;
+  margin-block-start: 0.75rem;
 }
 .zen-form-field.zen-form-field--form-item .zen-radio {
   padding-block-end: 0.75rem;
@@ -7957,7 +7924,7 @@ html:lang(ar) .zen-form-field__trailing-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 html:lang(ar) .zen-form-field__text {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -7998,7 +7965,7 @@ html:lang(ar) .zen-form-field__text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   white-space: break-spaces;
 }
 .zen-form-field__length {
@@ -8070,7 +8037,7 @@ html:lang(ar) .zen-form-field__length {
   max-width: 100%;
 }
 .zen-dropdown--mobile .zen-mobile-sheet__title {
-  border-bottom: none;
+  border-block-end: none;
 }
 .zen-dropdown--mobile .zen-dropdown-mobile-sheet__search-container {
   padding-block: 1rem;
@@ -8078,7 +8045,7 @@ html:lang(ar) .zen-form-field__length {
 }
 .zen-dropdown--mobile .zen-dropdown-mobile-sheet__checkbox-container {
   padding: 1rem;
-  border-bottom: var(--border-width-default) solid var(--borders-general);
+  border-block-end: var(--border-width-default) solid var(--borders-general);
 }
 .zen-dropdown--mobile .zen-dropdown-mobile-sheet__search {
   width: 100%;
@@ -8090,11 +8057,11 @@ html:lang(ar) .zen-form-field__length {
 .zen-dropdown-popup__search-container .zen-input-adornments {
   border-radius: 0;
   border: none;
-  border-bottom: var(--border-width-default) solid var(--borders-general);
+  border-block-end: var(--border-width-default) solid var(--borders-general);
 }
 .zen-checkbox-list-with-action {
   box-sizing: border-box;
-  margin-bottom: 1rem;
+  margin-block-end: 1rem;
 }
 .zen-checkbox-list-with-action * {
   box-sizing: border-box;
@@ -8135,8 +8102,7 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
 }
 .zen-checkbox-list-with-action__action-item--action .zen-checkbox__label {
   padding-inline-end: 0.5rem;
-  padding-bottom: 0.75rem;
-  padding-top: 0.75rem;
+  padding-block: 0.75rem;
 }
 .zen-checkbox-list-with-action__singled {
   font-weight: 700;
@@ -8153,7 +8119,7 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   width: 100%;
 }
 .zen-checkbox-list-with-action__action-checkbox--full-width .zen-checkbox__label {
@@ -8176,8 +8142,7 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
   color: var(--text-primary);
   width: 100%;
   padding-block: 0.4375rem;
-  padding-inline-start: 0.25rem;
-  padding-inline-end: 0.5rem;
+  padding-inline: 0.25rem 0.5rem;
 }
 html:lang(ar) .zen-checkbox-list-with-action__label {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -8333,7 +8298,7 @@ html:lang(ar) .zen-checkbox-list-with-action__counter {
   text-transform: none;
   text-decoration: none;
   height: 100%;
-  overflow-y: auto;
+  overflow-block: auto;
   max-height: 15.3125rem;
 }
 html:lang(ar) .zen-dropdown-list__elements {
@@ -8360,20 +8325,20 @@ html:lang(ar) .zen-dropdown-list__label {
 .zen-dropdown-list__checkbox-container {
   padding-block: 0.5rem;
   padding-inline: 1rem;
-  border-bottom: var(--border-width-default) solid var(--borders-general);
+  border-block-end: var(--border-width-default) solid var(--borders-general);
 }
 .zen-dropdown-list__checkbox-container .zen-checkbox__label-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 .zen-dropdown-list__item-wrapper {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   margin: 1px;
-  border-bottom: var(--border-width-default) solid var(--borders-general);
+  border-block-end: var(--border-width-default) solid var(--borders-general);
 }
 .zen-dropdown-list__item {
   display: flex;
@@ -8412,7 +8377,7 @@ html:lang(ar) .zen-dropdown-list__label {
 }
 .zen-dropdown-list__sentinel-item {
   position: "absolute";
-  left: "-9999px";
+  inset-inline-start: "-9999px";
   width: "1px";
   height: "1px";
   opacity: 0;
@@ -8465,7 +8430,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
 .zen-dropdown-list__footer {
   display: flex;
   justify-content: flex-start;
-  border-top: var(--border-width-default) solid var(--borders-general);
+  border-block-start: var(--border-width-default) solid var(--borders-general);
 }
 .zen-dropdown-list__action-button-back {
   padding-block: 0.4375rem;
@@ -8480,8 +8445,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
 .zen-dropdown-list__cancel-button,
 .zen-dropdown-list__apply-button {
   margin-inline-end: 0.5rem;
-  margin-block-start: 0.5rem;
-  margin-block-end: 0.25rem;
+  margin-block: 0.5rem 0.25rem;
 }
 .zen-dropdown-list__clear-button {
   margin-inline-start: 0.5rem;
@@ -8596,7 +8560,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
   min-width: var(--chip-min-width-default);
   max-width: var(--chip-max-width-default);
   width: fit-content;
-  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
   border-radius: var(--chip-border-radius);
   gap: 0.125rem;
 }
@@ -8610,13 +8574,19 @@ html:lang(ar) .zen-chip {
   outline: 1px solid var(--borders-form-field--active);
   outline-offset: 1px;
 }
-.zen-chip--default {
-  max-width: var(--chip-max-width-default);
-  width: fit-content;
-}
 .zen-chip.zen-chip--drive {
   border-radius: 0.5rem;
 }
+.zen-chip.zen-chip--drive .zen-chip__quantity {
+  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+  font-size: 1.25rem;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0rem;
+  line-height: 1.875rem;
+  text-transform: none;
+  text-decoration: none;
+}
 .zen-chip:not(.zen-chip--disabled):not(.zen-chip--readonly):hover {
   cursor: pointer;
 }
@@ -8625,12 +8595,11 @@ html:lang(ar) .zen-chip {
 }
 .zen-chip__input {
   position: absolute;
-  left: -5000px;
+  inset-inline-start: -5000px;
 }
 .zen-chip__content-wrapper {
   margin: 0;
   gap: 0.25rem;
-  display: flex;
   align-items: center;
   justify-content: space-between;
   display: grid;
@@ -8638,6 +8607,8 @@ html:lang(ar) .zen-chip {
   min-height: 16px;
 }
 .zen-chip--default {
+  max-width: var(--chip-max-width-default);
+  width: fit-content;
   background-color: var(--backgrounds-main);
   border: 1px solid var(--borders-general);
   color: var(--text-secondary);
@@ -8805,22 +8776,12 @@ html:lang(ar) .zen-chip__quantity {
   text-transform: none;
   text-decoration: none;
 }
-.zen-chip.zen-chip--drive .zen-chip__quantity {
-  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
-  font-size: 1.25rem;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0rem;
-  line-height: 1.875rem;
-  text-transform: none;
-  text-decoration: none;
-}
 .zen-chip-content {
   display: flex;
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
+  padding: 0.25rem 0.75rem;
   border-radius: 0.5rem;
   background: var(--backgrounds-content-1);
 }
@@ -9122,7 +9083,6 @@ html:lang(ar) .zen-filter-button.zen-filter-button--mobile .zen-filter-button__q
   outline: none;
   padding-block: 0;
   padding-inline: 0 0.3125rem;
-  -webkit-appearance: none;
   appearance: none;
   background-color: inherit;
   color: inherit;
@@ -9132,7 +9092,6 @@ html:lang(ar) .zen-dropdown-searchable-trigger .zen-dropdown-searchable-trigger_
 }
 .zen-dropdown-searchable-trigger__popup-trigger {
   display: flex;
-  border-color: var(--borders-general);
   border: 1px solid var(--borders-general);
   border-radius: var(--border-radius-default);
   justify-content: center;
@@ -9367,7 +9326,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger__counter {
   box-sizing: border-box;
   border: var(--border-width-default) solid var(--borders-general);
   border-radius: var(--border-radius-default);
-  -webkit-appearance: none;
+  appearance: none;
   outline: none;
   background-color: var(--backgrounds-main);
   color: var(--text-primary);
@@ -9455,7 +9414,6 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   outline: 0;
   padding: 0;
   padding-inline-start: 0.25rem;
-  -webkit-appearance: none;
   appearance: none;
   background-color: inherit;
   color: var(--text-primary);
@@ -9472,7 +9430,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   overflow: hidden;
   padding: 0.5rem;
   display: grid;
-  grid-gap: 0.5rem;
+  gap: 0.5rem;
   align-items: center;
 }
 .zen-input-adornments * {
@@ -9514,7 +9472,6 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   fill: var(--text-placeholder);
 }
 .zen-input-adornments__input {
-  height: 100%;
   width: 100%;
   height: 1rem;
 }
@@ -9531,7 +9488,6 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   outline: 0;
   padding: 0;
   padding-inline-start: 0.25rem;
-  -webkit-appearance: none;
   appearance: none;
   background-color: inherit;
   color: var(--text-primary);
@@ -9546,7 +9502,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
 .zen-input-adornments.zen-input-adornments--drive {
   height: 2.75rem;
   display: grid;
-  grid-gap: 0.5rem;
+  gap: 0.5rem;
   align-items: center;
 }
 .zen-input-adornments.zen-input-adornments--drive.zen-input-adornments--has-start,
@@ -9576,7 +9532,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
 .zen-input-adornments.zen-input-adornments--mobile {
   height: 2.75rem;
   display: grid;
-  grid-gap: 0.5rem;
+  gap: 0.5rem;
   align-items: center;
   font-size: 1.0625rem;
 }
@@ -9607,7 +9563,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
 .zen-input-adornments.zen-input-adornments--drive-tablet {
   height: 2.875rem;
   display: grid;
-  grid-gap: 0.5rem;
+  gap: 0.5rem;
   align-items: center;
 }
 .zen-input-adornments.zen-input-adornments--drive-tablet.zen-input-adornments--has-start,
@@ -9708,9 +9664,8 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   width: 100%;
   height: auto;
   max-height: 100%;
-  left: 0;
-  top: auto;
-  bottom: 0;
+  inset-inline-start: 0;
+  inset-block: auto 0;
   z-index: 11005;
   background-color: var(--backgrounds-main);
 }
@@ -9857,7 +9812,7 @@ html:lang(ar) .zen-group-button {
   width: 1px;
   height: 1px;
   margin: -1px;
-  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   position: absolute;
 }
 .zen-group-button__input:checked + .zen-group-button__label {
@@ -10024,7 +9979,7 @@ html:lang(ar) .zen-pill-box__label {
 }
 .zen-modal {
   box-sizing: border-box;
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
   position: absolute;
   width: 100%;
   height: 100%;
@@ -10056,9 +10011,8 @@ html:lang(ar) .zen-pill-box__label {
   background-color: var(--backgrounds-main);
   color: var(--text-primary);
   padding: 0;
-  box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
-  max-height: 90vh;
-  max-height: 90dvh;
+  box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
+  max-height: 90vb;
   border-radius: 4px;
   overflow: hidden;
 }
@@ -10066,7 +10020,7 @@ html:lang(ar) .zen-pill-box__label {
   box-sizing: border-box;
 }
 .zen-modal-content--hidden-overflow.zen-modal-content--hidden-overflow {
-  overflow-y: hidden;
+  overflow-block: hidden;
 }
 .zen-modal-content__header {
   display: flex;
@@ -10095,10 +10049,8 @@ html:lang(ar) .zen-pill-box__label {
 }
 .zen-modal-content__body {
   overflow: auto;
-  padding-block-start: 0.75rem;
-  padding-block-end: 2rem;
-  padding-inline-start: 1.5rem;
-  padding-inline-end: 1.5rem;
+  padding-block: 0.75rem 2rem;
+  padding-inline: 1.5rem;
 }
 .zen-modal-content__body--no-footer {
   padding-block-end: 1rem;
@@ -10313,7 +10265,7 @@ html:lang(ar) .zen-status-pill__container {
   border-color: var(--borders-form-field--active);
 }
 .zen-status-pill__text {
-  margin-right: 4px;
+  margin-inline-end: 4px;
   color: var(--text-primary);
   flex-shrink: 1;
   min-width: 0;
@@ -10337,11 +10289,11 @@ html:lang(ar) .zen-status-pill__container {
   color: var(--text-reverse-primary);
 }
 .zen-status-pill__text--centered {
-  margin-right: 0;
+  margin-inline-end: 0;
 }
 .zen-status-pill__expand-button {
   padding: 0;
-  margin-left: auto;
+  margin-inline-start: auto;
   flex-shrink: 0;
 }
 .zen-status-pill__expand-button--default {
@@ -10372,7 +10324,7 @@ html:lang(ar) .zen-status-pill__container {
   display: flex;
   align-items: center;
   height: 12px;
-  margin-right: 4px;
+  margin-inline-end: 4px;
   flex-shrink: 0;
 }
 .zen-status-pill__icon--large {
@@ -10403,13 +10355,13 @@ html:lang(ar) .zen-status-pill__container {
   color: var(--text-reverse-primary);
 }
 .zen-status-pill__icon--standalone {
-  margin-right: 0;
+  margin-inline-end: 0;
 }
 .zen-absolute:has(.zen-status-pill-popup) {
   overflow: visible;
 }
 .zen-status-pill-popup {
-  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
   border-radius: 0.25rem;
   background-color: white;
   max-height: 560px;
@@ -10421,7 +10373,7 @@ html:lang(ar) .zen-status-pill__container {
   flex-direction: column;
   padding: 0.75rem 0.5rem;
   gap: 1rem;
-  overflow-y: auto;
+  overflow-block: auto;
   max-height: 480px;
 }
 .zen-status-pill-popup__container--small {
@@ -10438,7 +10390,7 @@ html:lang(ar) .zen-status-pill__container {
   align-items: center;
   padding: 0.75rem 0.5rem;
   gap: 1rem;
-  border-bottom: 1px solid var(--borders-general);
+  border-block-end: 1px solid var(--borders-general);
 }
 .zen-status-pill-popup__title-item-text {
   flex: 1;
@@ -10507,7 +10459,7 @@ html:lang(ar) .zen-status-pill-popup__header-text {
   text-decoration: none;
 }
 .zen-status-pill-popup__header-text--left {
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 .zen-status-pill-popup__description {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -10519,7 +10471,7 @@ html:lang(ar) .zen-status-pill-popup__header-text {
   text-transform: none;
   text-decoration: none;
   color: var(--text-secondary);
-  overflow-y: auto;
+  overflow-block: auto;
 }
 html:lang(ar) .zen-status-pill-popup__description {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -10553,12 +10505,12 @@ html:lang(ar) .zen-status-pill-popup__description {
   background-color: var(--borders-general);
 }
 .zen-status-pill-popup--mobile .zen-mobile-sheet__title {
-  border-bottom: 1px solid var(--borders-general);
+  border-block-end: 1px solid var(--borders-general);
 }
 .zen-status-pill-popup--mobile .zen-mobile-sheet__content {
   padding: 1rem;
-  max-height: 90vh;
-  overflow-y: auto;
+  max-height: 90vb;
+  overflow-block: auto;
 }
 .zen-status-pill-popup__mobile-title {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -10620,7 +10572,6 @@ html:lang(ar) .zen-status-pill-popup__view-more-badge {
   background: 0 0;
   padding: 0.5rem;
   vertical-align: middle;
-  border-width: 0;
   margin: 0.0625rem;
   border: none;
   background-color: transparent;
@@ -10669,7 +10620,7 @@ html:lang(ar) .zen-select {
   transform: rotateZ(180deg);
 }
 .zen-select__popup {
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
   border-radius: var(--border-radius-default);
   background-color: var(--backgrounds-main);
 }
@@ -10761,10 +10712,6 @@ html:lang(ar) .zen-calendar__year-name {
 .zen-calendar__table {
   width: 100%;
   -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
   border-collapse: separate;
   border-spacing: 0;
@@ -10820,7 +10767,7 @@ html:lang(ar) .zen-calendar__column {
   position: absolute;
   padding: 0;
   margin: 0;
-  top: 0;
+  inset-block-start: 0;
   z-index: 1;
   border-color: var(--action-primary--default);
   background-color: var(--accents-general--main);
@@ -10831,7 +10778,7 @@ html:lang(ar) .zen-calendar__column {
   border: 1px solid var(--action-primary--default);
   background-color: var(--accents-general--main);
   position: absolute;
-  top: 0;
+  inset-block-start: 0;
   z-index: 1;
   width: 2rem;
   border-radius: 1.5rem;
@@ -10852,7 +10799,7 @@ html:lang(ar) .zen-calendar__column {
 .zen-calendar__month-end {
   position: absolute;
   height: 1.5rem;
-  top: 0;
+  inset-block-start: 0;
   width: 1rem;
   z-index: 1;
   border-block: 1px solid var(--action-primary--default);
@@ -10896,7 +10843,7 @@ html:lang(ar) .zen-calendar__column {
   height: 1.5rem;
   text-align: center;
   position: absolute;
-  top: 0;
+  inset-block-start: 0;
   z-index: 2;
   border: 1px solid transparent;
 }
@@ -11088,7 +11035,7 @@ html:lang(ar) .zen-calendar__day {
   text-transform: none;
   text-decoration: none;
 }
-@media (max-width: 520px) {
+@media (width <= 520px) {
   .zen-calendar .zen-calendar__year {
     max-width: calc(100% - 7.875rem);
   }
@@ -11112,7 +11059,7 @@ html:lang(ar) .zen-calendar__day {
   z-index: 11010;
   width: 100%;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-parallel-selection-popup {
     width: 100%;
   }
@@ -11163,9 +11110,8 @@ html:lang(ar) .zen-chart__x-axis {
   --pie-center-label-font-weight: 400;
 }
 .zen-chart--legend-right {
-  flex-direction: row;
+  flex-flow: row wrap;
   align-items: center;
-  flex-wrap: wrap;
 }
 .zen-chart--legend-right .zen-chart__chart {
   flex: 0 0 auto;
@@ -11175,8 +11121,7 @@ html:lang(ar) .zen-chart__x-axis {
 .zen-chart--legend-right .zen-chart__legend {
   flex: 1 1 auto;
   padding-inline-start: 1rem;
-  overflow-y: auto;
-  overflow-x: hidden;
+  overflow: hidden auto;
 }
 @container (max-width: 640px) {
   .zen-chart--legend-right .zen-chart__chart {
@@ -11187,7 +11132,7 @@ html:lang(ar) .zen-chart__x-axis {
   .zen-chart--legend-right .zen-chart__legend {
     flex: 0 0 100%;
     padding-inline-start: 0;
-    overflow-y: visible;
+    overflow-block: visible;
   }
 }
 .zen-pie-legend {
@@ -11299,7 +11244,7 @@ html:lang(ar) .zen-pie-legend__item-percentage {
   font-size: 1rem;
   line-height: 1.125rem;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-pie-legend--drive .zen-pie-legend__item-label,
   .zen-pie-legend--drive .zen-pie-legend__item-value,
   .zen-pie-legend--drive .zen-pie-legend__item-percentage {
@@ -11315,7 +11260,6 @@ html:lang(ar) .zen-pie-legend__item-percentage {
   line-height: 1rem;
   text-decoration: none;
   box-sizing: border-box;
-  background-color: var(--backgrounds-content-1);
   background: var(--backgrounds-main);
   border-radius: 8px;
   color: var(--text-primary);
@@ -11363,7 +11307,7 @@ html:lang(ar) .zen-summary__header {
   border-radius: 50%;
   display: inline-block;
   height: 0.5rem;
-  margin: 0.125rem 0.125rem;
+  margin: 0.125rem;
   min-height: 0.5rem;
   min-width: 0.5rem;
   padding-inline: 0;
@@ -11414,6 +11358,20 @@ button.zen-summary__clickable {
   gap: 0.25rem;
   justify-content: start;
 }
+.zen-summary__prefix {
+  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+  font-size: 1.5rem;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.02rem;
+  line-height: 2rem;
+  text-transform: none;
+  text-decoration: none;
+  font-feature-settings: "liga" off, "clig" off;
+}
+html:lang(ar) .zen-summary__prefix {
+  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+}
 .zen-summary__value,
 .zen-summary__unit {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11488,7 +11446,7 @@ html:lang(ar) .zen-summary__content {
   position: absolute;
   z-index: 11100;
   border: 1px solid var(--borders-general);
-  box-shadow: 0px 1px 3px 0px rgba(0, 17, 30, 0.15);
+  box-shadow: 0 1px 3px 0 rgba(0, 17, 30, 0.15);
 }
 .zen-chart-tooltip__header {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11537,7 +11495,7 @@ html:lang(ar) .zen-chart-tooltip__subheader {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 html:lang(ar) .zen-chart-tooltip__label {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11605,29 +11563,29 @@ html:lang(ar) .zen-chart-tooltip__note {
 }
 .zen-chart-tooltip__arrow--top {
   inset: -0.375rem auto auto calc(50% - 0.9375rem);
-  /*rtl:ignore*/
+  /* rtl:ignore */
   transform: rotate(45deg);
 }
 .zen-chart-tooltip__arrow--bottom {
   inset: auto auto -0.375rem calc(50% - 0.9375rem);
-  /*rtl:ignore*/
+  /* rtl:ignore */
   transform: rotate(225deg);
 }
 .zen-chart-tooltip__arrow--right {
   inset: calc(50% - 0.9375rem) -0.375rem auto auto;
-  /*rtl:ignore*/
+  /* rtl:ignore */
   transform: rotate(135deg);
 }
 .zen-chart-tooltip__arrow--left {
   inset: calc(50% - 0.9375rem) auto auto -0.375rem;
-  /*rtl:ignore*/
+  /* rtl:ignore */
   transform: rotate(315deg);
 }
 .zen-chart-insight {
   display: flex;
   gap: 4px;
   max-width: 560px;
-  margin-bottom: 8px;
+  margin-block-end: 8px;
 }
 .zen-chart-insight__icon {
   fill: var(--text-primary);
@@ -11649,8 +11607,7 @@ html:lang(ar) .zen-chart-insight__text {
 }
 .zen-legend {
   display: flex;
-  column-gap: 16px;
-  row-gap: 8px;
+  gap: 8px 16px;
   margin: 0;
   padding: 0;
   flex-wrap: wrap;
@@ -11687,7 +11644,7 @@ html:lang(ar) .zen-chart-insight__text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 html:lang(ar) .zen-legend__item-label {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11719,7 +11676,7 @@ html:lang(ar) .zen-legend__item-value {
   font-size: 1rem;
   line-height: 1.125rem;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-legend.zen-legend--drive .zen-legend-list__item-text {
     font-size: 0.875rem;
   }
@@ -11727,8 +11684,7 @@ html:lang(ar) .zen-legend__item-value {
 .zen-chart-axis {
   display: flex;
   justify-content: space-between;
-  column-gap: 1rem;
-  row-gap: 0.25rem;
+  gap: 0.25rem 1rem;
   flex-wrap: wrap;
   margin: 0 0.625rem;
 }
@@ -11795,7 +11751,7 @@ html:lang(ar) .zen-chart-axis__value {
   flex-basis: 100%;
   justify-content: flex-end;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-chart-axis__item--wide {
     flex: 0 0 auto;
   }
@@ -11807,7 +11763,7 @@ html:lang(ar) .zen-chart-axis__value {
   margin: -1px;
   padding: 0;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   border: 0;
 }
 .zen-columns-filter {
@@ -11919,6 +11875,9 @@ html:lang(ar) .zen-columns-filter__item {
   transform: translateX(-88%);
   position: absolute;
 }
+[dir="rtl"] .zen-flexible-column .zen-flexible-column__draggable-icon {
+  transform: translateX(88%);
+}
 .zen-flexible-column__draggable {
   width: 0.375rem;
   height: 100%;
@@ -11932,7 +11891,6 @@ html:lang(ar) .zen-columns-filter__item {
 .zen-flexible-column__content {
   width: 100%;
   text-align: start;
-  -webkit-user-select: none;
   user-select: none;
 }
 .zen-flexible-column:hover .zen-flexible-column__draggable-icon {
@@ -11965,7 +11923,7 @@ html:lang(ar) .zen-columns-filter__item {
 .zen-date-input-popup {
   width: 17.5rem;
   min-width: 17.5rem;
-  overflow-x: hidden;
+  overflow-inline: hidden;
 }
 .zen-date-input-popup__button-clear {
   margin-block: 0.5rem 0.25rem;
@@ -11998,10 +11956,6 @@ html:lang(ar) .zen-date-input-popup__header {
   padding: 0 0.5rem;
   border-block-start: 1px solid var(--backgrounds-content-1);
 }
-.zen-date-input-popup.zen-date-input-popup--drive-tablet {
-  width: 20rem;
-  min-width: 20rem;
-}
 .zen-date-input-popup.zen-date-input-popup--drive .zen-date-input-popup__header {
   font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 1rem;
@@ -12012,16 +11966,6 @@ html:lang(ar) .zen-date-input-popup__header {
   text-transform: none;
   text-decoration: none;
 }
-.zen-date-input-popup.zen-date-input-popup--drive-tablet .zen-date-input-popup__header {
-  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
-  font-size: 1rem;
-  font-style: normal;
-  font-weight: 700;
-  letter-spacing: 0.02rem;
-  line-height: 1.375rem;
-  text-transform: none;
-  text-decoration: none;
-}
 .zen-date-input-mobile-sheet .zen-mobile-sheet__title {
   border-block-end: none;
 }
@@ -12133,7 +12077,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
   width: 76px;
   height: 160px;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-time-select {
     width: 100%;
   }
@@ -12167,10 +12111,13 @@ html:lang(ar) .zen-date-input-inner__control-block {
 .zen-time-picker__trigger--error {
   border: 1px solid var(--text-error-message);
 }
-.zen-time-picker__trigger.zen-form-field__input:not(.zen-time-picker__trigger--full-width) {
+.zen-time-picker__trigger.zen-form-field__input {
   width: unset;
 }
-@media (max-width: 640px) {
+.zen-time-picker__trigger.zen-form-field__input.zen-time-picker__trigger--full-width {
+  width: 100%;
+}
+@media (width <= 640px) {
   .zen-time-picker__popup {
     width: 100%;
   }
@@ -12200,6 +12147,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
   width: 2rem;
   cursor: pointer;
   flex-shrink: 0;
+  /* stylelint-disable-next-line selector-not-notation */
 }
 .zen-date-range-wrapper .zen-date-range__stepper--left {
   margin-inline-end: -1px;
@@ -12276,7 +12224,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 .zen-date-range--with-stepper.zen-date-range--with-stepper:hover,
 .zen-date-range--with-stepper.zen-date-range--with-stepper:focus {
@@ -12291,7 +12239,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
 .zen-date-range-popup {
   width: 17.5rem;
   min-width: 17.5rem;
-  overflow-x: hidden;
+  overflow-inline: hidden;
 }
 .zen-date-range-popup__button-clear {
   margin-block: 0.5rem 0.25rem;
@@ -12523,8 +12471,8 @@ html:lang(ar) .zen-radio__label {
 .zen-radio--drive .zen-radio__input::before {
   width: 0.875rem;
   height: 0.875rem;
-  top: calc(50% - 0.875rem / 2);
-  left: calc(50% - 0.875rem / 2);
+  inset-block-start: calc(50% - 0.875rem / 2);
+  inset-inline-start: calc(50% - 0.875rem / 2);
 }
 .zen-radio__wrapper--mobile .zen-radio__label {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -12547,8 +12495,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
 .zen-radio__wrapper--mobile .zen-radio__input::before {
   width: 0.875rem;
   height: 0.875rem;
-  top: calc(50% - 0.875rem / 2);
-  left: calc(50% - 0.875rem / 2);
+  inset-block-start: calc(50% - 0.875rem / 2);
+  inset-inline-start: calc(50% - 0.875rem / 2);
 }
 .zen-radio--drive-tablet .zen-radio__label {
   font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -12568,11 +12516,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
 .zen-radio--drive-tablet .zen-radio__input::before {
   width: 0.875rem;
   height: 0.875rem;
-  top: calc(50% - 0.875rem / 2);
-  left: calc(50% - 0.875rem / 2);
+  inset-block-start: calc(50% - 0.875rem / 2);
+  inset-inline-start: calc(50% - 0.875rem / 2);
 }
 .zen-radio__input {
-  -webkit-appearance: none;
   appearance: none;
   position: relative;
   cursor: pointer;
@@ -12595,8 +12542,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   width: 0.625rem;
   height: 0.625rem;
   position: absolute;
-  top: calc(50% - 0.625rem / 2);
-  left: calc(50% - 0.625rem / 2);
+  inset-block-start: calc(50% - 0.625rem / 2);
+  inset-inline-start: calc(50% - 0.625rem / 2);
   border-radius: 50%;
   transform: scale(0);
   transition: 120ms transform ease-in-out;
@@ -12679,10 +12626,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   position: absolute;
   width: 100%;
   height: 100%;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -12693,10 +12637,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
 .zen-dialog__shield {
   box-sizing: border-box;
   position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  inset: 0;
   z-index: 11000;
   background-color: var(--backgrounds-hover);
   opacity: 0.5;
@@ -12713,9 +12654,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   background-color: var(--backgrounds-main);
   color: var(--text-primary);
   padding: 0;
-  box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
-  max-height: 90vh;
-  max-height: 90dvh;
+  box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
+  max-height: 90vb;
   border-radius: var(--border-radius-default);
   overflow: hidden;
 }
@@ -12732,7 +12672,6 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
 }
 .zen-dialog-content__header-title {
   flex-grow: 2;
-  padding-right: 12px;
   padding: 12px 24px;
 }
 .zen-dialog-content__header-close-button {
@@ -12740,7 +12679,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  margin-right: 12px;
+  margin-inline-end: 12px;
   width: 24px;
   height: 24px;
   fill: var(--text-reverse-primary);
@@ -12764,11 +12703,11 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   display: flex;
   justify-content: space-between;
   padding: 12px;
-  border-top: 1px solid var(--borders-general);
+  border-block-start: 1px solid var(--borders-general);
   min-height: auto;
 }
 .zen-dialog-content__footer-item {
-  margin-right: 8px;
+  margin-inline-end: 8px;
 }
 .zen-dialog-content--small {
   max-width: 400px;
@@ -12777,49 +12716,47 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   max-width: 600px;
 }
 .zen-popup-default {
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
   border-radius: var(--border-radius-default);
 }
 .zen-popup-body.zen-popup-body {
-  overflow-y: auto;
+  overflow-block: auto;
 }
 .zen-popup-body.zen-popup-body--hidden {
-  overflow-y: hidden;
+  overflow-block: hidden;
 }
 .zen-alerts {
   position: fixed;
-  top: 0;
-  right: 0;
+  inset-block-start: 0;
+  inset-inline-end: 0;
   z-index: 11020;
   display: grid;
   gap: 16px;
-  margin-top: 48px;
-  padding-right: 24px;
+  margin-block-start: 48px;
+  padding-inline-end: 24px;
 }
 .zen-alerts--mobile {
   width: 100%;
   gap: 8px;
-  margin-top: 40px;
-  padding-right: 12px;
-  padding-left: 12px;
+  margin-block-start: 40px;
+  padding-inline: 12px;
   box-sizing: border-box;
 }
 .zen-toasts {
   position: fixed;
-  bottom: 0;
-  right: 0;
+  inset-block-end: 0;
+  inset-inline-end: 0;
   z-index: 11020;
   display: grid;
   gap: 16px;
-  margin-bottom: 32px;
-  padding-right: 24px;
+  margin-block-end: 32px;
+  padding-inline-end: 24px;
 }
 .zen-toasts--mobile {
   width: 100%;
   gap: 8px;
-  margin-bottom: 16px;
-  padding-right: 12px;
-  padding-left: 12px;
+  margin-block-end: 16px;
+  padding-inline: 12px;
   box-sizing: border-box;
 }
 @keyframes waiting {
@@ -12833,10 +12770,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
 .zen-waiting {
   box-sizing: border-box;
   position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  inset-block: 0;
+  inset-inline: 0;
   overflow: hidden;
   z-index: 10005;
 }
@@ -12886,13 +12821,11 @@ html:lang(ar) .zen-waiting__spinner-text {
 }
 .zen-waiting__overlay {
   position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  inset-block: 0;
+  inset-inline: 0;
   background-color: var(--backgrounds-overlay);
   opacity: 0.12;
-  text-align: left;
+  text-align: start;
   overflow: hidden;
 }
 .zen-waiting__overlay--hidden {
@@ -12927,7 +12860,7 @@ html:lang(ar) .zen-waiting__spinner-text {
   max-width: 2.5rem;
   max-height: 2.5rem;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-waiting__spinner {
     max-width: 2.5rem;
     max-height: 2.5rem;
@@ -13191,7 +13124,7 @@ html:lang(ar) .zen-file-upload__file-name {
 .zen-file-upload__remove-button {
   flex-shrink: 0;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-file-upload--mobile .zen-file-upload__drop-zone-text {
     text-align: center;
   }
@@ -13206,7 +13139,7 @@ html:lang(ar) .zen-file-upload__file-name {
 .zen-filters__main-row {
   display: flex;
   align-items: center;
-  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
   border-radius: var(--border-radius-default);
   border: var(--border-width-default) solid var(--borders-general);
   background-color: var(--backgrounds-main);
@@ -13252,7 +13185,7 @@ html:lang(ar) .zen-file-upload__file-name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 .zen-filters__select-caption {
   width: auto;
@@ -13330,8 +13263,7 @@ html:lang(ar) .zen-file-upload__file-name {
 }
 .zen-filters-container {
   display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
+  flex-flow: row wrap;
   gap: 0.25rem;
   margin-block-start: 0.5rem;
   padding: 0.5rem 0;
@@ -13350,8 +13282,7 @@ html:lang(ar) .zen-file-upload__file-name {
   margin-inline-start: 0.5rem;
   padding: 0.125rem;
   display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
+  flex-flow: row nowrap;
   align-items: center;
   gap: 0.5rem;
   width: 100%;
@@ -13428,8 +13359,8 @@ html:lang(ar) .zen-file-upload__file-name {
   height: 3rem;
 }
 .zen-groups-filter-menu__groups-box {
-  overflow-y: auto;
-  overflow-x: hidden;
+  overflow-block: auto;
+  overflow-inline: hidden;
   max-height: 16.25rem;
 }
 .zen-groups-filter-menu__groups-list--no-space,
@@ -13514,7 +13445,7 @@ html:lang(ar) .zen-file-upload__file-name {
   padding-inline-end: 0;
 }
 .zen-groups-filter-menu__item--underlined {
-  border-bottom: 1px solid;
+  border-block-end: 1px solid;
 }
 .zen-groups-filter-menu__item--inline {
   display: inline-block;
@@ -13559,7 +13490,7 @@ html:lang(ar) .zen-file-upload__file-name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 .zen-groups-filter-menu__advanced-button,
 .zen-groups-filter-menu__action-button-home {
@@ -13667,14 +13598,13 @@ html:lang(ar) .zen-file-upload__file-name {
   border: none;
   outline: none;
   padding-inline-end: 0.3125rem;
-  -webkit-appearance: none;
   appearance: none;
   background-color: inherit;
   color: inherit;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 .zen-groups-filter .zen-groups-filter__input:hover {
   background-color: var(--backgrounds-hover);
@@ -13701,7 +13631,6 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
 }
 .zen-groups-filter__popup-trigger {
   display: flex;
-  border-color: var(--borders-general);
   border: 1px solid var(--borders-general);
   border-radius: var(--border-radius-default);
   justify-content: center;
@@ -13772,7 +13701,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
 }
 .zen-groups-filter__popup.zen-groups-filter__popup {
   z-index: 11001;
-  overflow-y: hidden;
+  overflow-block: hidden;
 }
 .zen-groups-filter__popup.zen-groups-filter__popup.zen-groups-filter__popup--inactive {
   z-index: 10999;
@@ -13803,7 +13732,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
   display: flex;
 }
 .zen-item-data {
-  padding: 0.75rem 0.75rem 0.6875rem 0.75rem;
+  padding: 0.75rem 0.75rem 0.6875rem;
   background-color: var(--backgrounds-main);
   border-block-end: 1px solid var(--borders-general);
   display: flex;
@@ -13907,7 +13836,7 @@ html:lang(ar) .zen-item-data__identifier {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   color: var(--text-primary);
   flex: 1 1 auto;
 }
@@ -13926,7 +13855,7 @@ html:lang(ar) .zen-item-data__name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   color: var(--text-hyperlink);
   flex: 1 1 auto;
   width: 100%;
@@ -14177,7 +14106,7 @@ html:lang(ar) .zen-item-data__data-value {
   flex: 0 0 auto;
 }
 .zen-list-item-compact {
-  padding: 0.5rem 0 0.4375rem 0;
+  padding: 0.5rem 0 0.4375rem;
   background-color: var(--backgrounds-main);
   border-block-end: 1px solid var(--borders-general);
   display: flex;
@@ -14207,7 +14136,7 @@ html:lang(ar) .zen-item-data__data-value {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 html:lang(ar) .zen-list-item-compact__name {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -14314,15 +14243,15 @@ html:lang(ar) .zen-list-item-compact__data {
   max-width: 31.25rem;
 }
 .zen-list-item {
-  padding: 0.5rem 1rem 0.4375rem 1rem;
+  padding: 0.5rem 1rem 0.4375rem;
   background-color: var(--backgrounds-main);
   border-block-end: 1px solid var(--borders-general);
   display: flex;
   gap: 0.5rem;
   align-items: center;
   width: 100%;
-  min-height: 3rem;
   box-sizing: border-box;
+  min-height: 3rem;
 }
 .zen-list-item:hover {
   background-color: var(--backgrounds-content-1);
@@ -14369,7 +14298,7 @@ html:lang(ar) .zen-list-item__identifier {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
   font-style: normal;
@@ -14396,7 +14325,7 @@ html:lang(ar) .zen-list-item__name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
 }
 html:lang(ar) .zen-list-item__secondary {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -14445,7 +14374,7 @@ html:lang(ar) .zen-list-item__secondary {
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-list-item__identifier {
     flex-direction: column;
     align-items: initial;
@@ -14593,7 +14522,7 @@ html:lang(ar) .zen-list-item__secondary {
 }
 .zen-filters-search-list--mobile {
   padding: 1rem 0;
-  overflow-y: auto;
+  overflow-block: auto;
 }
 .zen-filters-search-list__header {
   display: flex;
@@ -14719,7 +14648,7 @@ html:lang(ar) .zen-filters-search-list__header-title {
   align-items: center;
   justify-content: center;
   content: "\00d7";
-  top: 0;
+  inset-block-start: 0;
   inset-inline-end: 0.5rem;
   width: 1.25rem;
   height: 100%;
@@ -14773,7 +14702,7 @@ html:lang(ar) .zen-search-item-data__identifier {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   color: var(--text-primary);
   flex: 1 1 auto;
   align-content: center;
@@ -14930,14 +14859,13 @@ html:lang(ar) .zen-search-item-data-wrapper--mobile .zen-search-item-data__secon
   padding-inline: 1rem;
   align-items: center;
   height: 3.8125rem;
-  margin-inline-end: 0.25rem;
-  margin-inline-start: 0.25rem;
+  margin-inline: 0.25rem;
 }
 .zen-page-header__page-name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   max-width: 41rem;
   padding: 0;
   margin: 0;
@@ -14969,8 +14897,7 @@ html:lang(ar) .zen-page-header__page-name {
   flex: 0 0 auto;
 }
 .zen-page-header__left-aligned-tool {
-  margin-inline-end: auto;
-  margin-inline-start: 0.375rem;
+  margin-inline: 0.375rem auto;
 }
 .zen-page-header__sub-line {
   align-items: flex-start;
@@ -15039,6 +14966,7 @@ html:lang(ar) .zen-page-header--new .zen-page-header__main-line {
 }
 .zen-page-header--mobile .zen-page-header__main-line {
   gap: 0.25rem;
+  justify-content: initial;
 }
 .zen-page-header--mobile .zen-page-header__page-name {
   max-width: 11.25rem;
@@ -15080,9 +15008,6 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
   text-transform: none;
   text-decoration: none;
 }
-.zen-page-header--mobile .zen-page-header__main-line {
-  justify-content: initial;
-}
 .zen-tabs {
   box-sizing: border-box;
   width: 100%;
@@ -15106,8 +15031,8 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
 }
 .zen-tabs__scrollable {
   display: flex;
-  overflow-x: auto;
-  overflow-y: hidden;
+  overflow-inline: auto;
+  overflow-block: hidden;
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding: 0.0625rem;
@@ -15202,6 +15127,11 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
   width: 2.875rem;
   height: 2.875rem;
 }
+.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive,
+.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive-tablet {
+  width: 3rem;
+  height: 3rem;
+}
 .zen-tabs .zen-tabs__gradient.zen-tabs__gradient--mobile.zen-tabs__gradient--left::after {
   position: absolute;
   content: "";
@@ -15220,15 +15150,6 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
   inset-inline-end: calc(2.875rem - 0.5rem);
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
-.zen-tabs.zen-tabs--drive,
-.zen-tabs.zen-tabs--drive-tablet {
-  height: 3rem;
-}
-.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive,
-.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive-tablet {
-  width: 3rem;
-  height: 3rem;
-}
 .zen-tabs .zen-tabs__gradient.zen-tabs__gradient--drive.zen-tabs__gradient--left::after,
 .zen-tabs .zen-tabs__gradient.zen-tabs__gradient--drive-tablet.zen-tabs__gradient--left::after {
   position: absolute;
@@ -15249,6 +15170,10 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
   inset-inline-end: calc(3rem - 0.5rem);
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
+.zen-tabs.zen-tabs--drive,
+.zen-tabs.zen-tabs--drive-tablet {
+  height: 3rem;
+}
 .zen-tab-item {
   box-sizing: border-box;
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15263,7 +15188,7 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
   padding: 5px 16px 4px;
   height: 34px;
   border: none;
-  border-bottom: 3px solid transparent;
+  border-block-end: 3px solid transparent;
   background-color: transparent;
   color: var(--text-secondary);
   fill: var(--text-secondary);
@@ -15277,13 +15202,13 @@ html:lang(ar) .zen-tab-item {
 }
 .zen-tab-item--active {
   color: var(--text-hyperlink);
-  border-bottom: 3px solid var(--borders-form-field--active);
+  border-block-end: 3px solid var(--borders-form-field--active);
 }
 .zen-tab-item.zen-tab-item--disabled {
   cursor: default;
   color: var(--text-button-disabled);
   fill: var(--text-button-disabled);
-  border-bottom: 3px solid transparent;
+  border-block-end: 3px solid transparent;
 }
 .zen-tab-item.zen-tab-item--disabled:hover,
 .zen-tab-item.zen-tab-item--disabled:focus {
@@ -15325,8 +15250,8 @@ html:lang(ar) .zen-tab-item {
   color: var(--text-reverse-primary);
   min-width: 16px;
   border-radius: 16px;
-  padding: 0px 4px;
-  margin-left: 8px;
+  padding: 0 4px;
+  margin-inline-start: 8px;
 }
 html:lang(ar) .zen-tab-item__content-quantity {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15334,7 +15259,7 @@ html:lang(ar) .zen-tab-item__content-quantity {
 .zen-tab-item__content-icon {
   display: flex;
   align-items: center;
-  margin-right: 10px;
+  margin-inline-end: 10px;
   max-height: 16px;
 }
 .zen-tab-item__content-icon--active {
@@ -15352,7 +15277,7 @@ html:lang(ar) .zen-tab-item__content-quantity {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   max-width: 130px;
 }
 html:lang(ar) .zen-tab-item__content-text {
@@ -15474,8 +15399,8 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
 }
 .zen-filters-toolbar__scrollable {
   display: flex;
-  overflow-x: auto;
-  overflow-y: hidden;
+  overflow-inline: auto;
+  overflow-block: hidden;
   height: 100%;
   scrollbar-width: none;
   -ms-overflow-style: none;
@@ -15517,7 +15442,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
   content: "";
   margin-inline-start: -2.5rem;
   height: 100%;
-  top: 0;
+  inset-block-start: 0;
   width: 2.5rem;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
@@ -15529,7 +15454,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
   content: "";
   margin-inline-start: 2.5rem;
   height: 100%;
-  top: 0;
+  inset-block-start: 0;
   width: 2.5rem;
   background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
@@ -15629,7 +15554,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
   content: "";
   margin-inline-start: 3.5rem;
   height: 100%;
-  top: 0;
+  inset-block-start: 0;
   width: 3.25rem;
   z-index: 1000;
   background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
@@ -15644,7 +15569,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
   content: "";
   margin-inline-start: -3.25rem;
   height: 100%;
-  top: 0;
+  inset-block-start: 0;
   width: 3.25rem;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
@@ -15653,8 +15578,8 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
   background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
 .zen-side-panel-parent--open {
-  max-height: 100vh;
-  overflow-y: hidden;
+  max-height: 100vb;
+  overflow-block: hidden;
 }
 .zen-filters-bar-dropdown {
   box-sizing: border-box;
@@ -15832,7 +15757,7 @@ html:lang(ar) .zen-range-field {
   text-decoration: none;
   color: var(--text-error-message);
   fill: var(--text-error-message);
-  margin-top: 0.25rem;
+  margin-block-start: 0.25rem;
 }
 html:lang(ar) .zen-range-field__error {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15873,7 +15798,7 @@ html:lang(ar) .zen-range-field__label--mobile {
 }
 .zen-range-field__input::-webkit-inner-spin-button,
 .zen-range-field__input::-webkit-outer-spin-button {
-  -webkit-appearance: none;
+  appearance: none;
   margin: 0;
 }
 .zen-range-field__input--mobile {
@@ -15892,7 +15817,7 @@ html:lang(ar) .zen-range-field__label--mobile {
   text-transform: none;
   text-decoration: none;
   color: var(--text-primary);
-  text-align: right;
+  text-align: end;
 }
 html:lang(ar) .zen-range-field__sense {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15943,11 +15868,9 @@ html:lang(ar) .zen-range {
   min-width: 18.5rem;
   max-width: 20.5rem;
   display: grid;
-  align-items: center;
-  justify-items: start;
+  place-items: center start;
   grid-template-columns: minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem) minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem);
-  row-gap: 0.25rem;
-  column-gap: 0.5rem;
+  gap: 0.25rem 0.5rem;
 }
 .zen-range__fields-container--column {
   min-width: 12.5rem;
@@ -15956,8 +15879,7 @@ html:lang(ar) .zen-range {
   grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
   grid-template-rows: auto auto;
   gap: 0.25rem 0.5rem;
-  align-items: center;
-  justify-items: start;
+  place-items: center start;
 }
 .zen-range__trigger-button {
   max-width: 12.5rem;
@@ -15979,8 +15901,8 @@ html:lang(ar) .zen-range {
   text-transform: none;
   text-decoration: none;
   color: var(--text-secondary);
-  padding: 0.75rem 1rem 0.6875rem 1rem;
-  border-bottom: 1px solid var(--backgrounds-content-1);
+  padding: 0.75rem 1rem 0.6875rem;
+  border-block-end: 1px solid var(--backgrounds-content-1);
 }
 html:lang(ar) .zen-range__label {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15996,14 +15918,13 @@ html:lang(ar) .zen-range__label {
 .zen-range__footer {
   display: flex;
   justify-content: flex-start;
-  border-top: var(--border-width-default) solid var(--borders-general);
+  border-block-start: var(--border-width-default) solid var(--borders-general);
 }
 .zen-range__clear-button,
 .zen-range__cancel-button,
 .zen-range__apply-button {
   margin-inline-end: 0.5rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.25rem;
+  margin-block: 0.5rem 0.25rem;
 }
 .zen-range__clear-button {
   margin-inline-start: 0.5rem;
@@ -16041,17 +15962,14 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
   grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
   grid-template-rows: auto auto;
   gap: 0.25rem 0.5rem;
-  align-items: center;
-  justify-items: start;
+  place-items: center start;
 }
 .zen-filters-bar-side-panel-range__items-container--row {
   max-width: 18.5rem;
   display: grid;
-  align-items: center;
-  justify-items: start;
+  place-items: center start;
   grid-template-columns: minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem) minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem);
-  row-gap: 0.25rem;
-  column-gap: 0.5rem;
+  gap: 0.25rem 0.5rem;
 }
 .zen-filters-bar-side-panel-range__item--column {
   min-width: 8.5rem;
@@ -16081,11 +15999,10 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
 }
 .zen-header-button--with-dropdown.zen-header-button--mobile .zen-caption__pre-content,
 .zen-header-button--with-dropdown.zen-header-button--hidden-name .zen-caption__pre-content {
-  margin-right: 0;
+  margin-inline-end: 0;
 }
 .zen-header-button--with-dropdown.zen-header-button-with-dropdown--drive-tablet {
-  padding-top: 12px;
-  padding-bottom: 12px;
+  padding-block: 12px;
 }
 .zen-filters-saved-popup__content {
   margin: 1px;
@@ -16156,12 +16073,12 @@ html:lang(ar) .zen-filters-saved-popup__content {
   border: none;
   color: var(--text-primary);
   flex-grow: 1;
-  text-align: left;
+  text-align: start;
   cursor: pointer;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
   font-style: normal;
@@ -16398,8 +16315,8 @@ html:lang(ar) .zen-side-panel-filters__title--mobile {
   fill: var(--text-primary);
 }
 .zen-side-panel-filters__content {
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow-inline: hidden;
+  overflow-block: auto;
   flex: 1 1 auto;
 }
 .zen-side-panel-filters__item {
@@ -16495,13 +16412,13 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   display: flex;
   flex-direction: column;
   height: 100%;
-  overflow-y: hidden;
+  overflow-block: hidden;
 }
 .zen-side-panel-filters.zen-side-panel-filters {
   min-width: 22.5rem;
   max-width: 22.5rem;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-side-panel-filters.zen-side-panel-filters {
     width: 100%;
     max-width: 100%;
@@ -16511,7 +16428,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
 .zen-filters-select-compact {
   padding: 0.25rem 1rem;
   width: 100%;
-  overflow-x: auto;
+  overflow-inline: auto;
   -ms-overflow-style: none;
   /* IE and Edge */
   scrollbar-width: none;
@@ -16642,8 +16559,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   padding: 0.0625rem;
   width: 100%;
   display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
+  flex-flow: row nowrap;
 }
 .zen-filters-select__list-item-wrapper--expanded {
   z-index: 2;
@@ -16830,8 +16746,8 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
 }
 .zen-side-panel-filters-bar__content {
   padding-block-start: 0.5rem;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow-inline: hidden;
+  overflow-block: auto;
   flex: 1 1 auto;
 }
 .zen-side-panel-filters-bar__apply-button--desktop {
@@ -16861,13 +16777,13 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
   display: flex;
   flex-direction: column;
   height: 100%;
-  overflow-y: hidden;
+  overflow-block: hidden;
 }
 .zen-side-panel-filters-bar.zen-side-panel-filters-bar {
   min-width: 20rem;
   max-width: 20rem;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-side-panel-filters-bar.zen-side-panel-filters-bar {
     width: 100%;
     max-width: 100%;
@@ -16922,7 +16838,7 @@ html:lang(ar) .zen-form-layout-title {
   min-width: fit-content;
   max-width: fit-content;
 }
-@media (min-width: 1025px) {
+@media (width >= 1025px) {
   .zen-grid {
     display: grid;
     grid-template-columns: repeat(12, 1fr);
@@ -17045,14 +16961,14 @@ html:lang(ar) .zen-form-layout-title {
     max-width: fit-content;
   }
 }
-@media (min-width: 1440px) {
+@media (width >= 1440px) {
   .zen-grid {
     margin: 0 auto;
     max-width: 1440px;
     width: 100%;
   }
 }
-@media (max-width: 1024px) {
+@media (width <= 1024px) {
   .zen-grid {
     display: grid;
     grid-template-columns: repeat(8, 1fr);
@@ -17145,7 +17061,7 @@ html:lang(ar) .zen-form-layout-title {
     max-width: fit-content;
   }
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-grid {
     margin: 0 0.75rem;
     grid-template-columns: repeat(4, 1fr);
@@ -17247,13 +17163,17 @@ html:lang(ar) .zen-form-layout-secondary {
 .zen-form-layout {
   padding: 0;
   grid-template-rows: repeat(auto-fit, minmax(0, max-content));
-}
-.zen-form-layout:not(.zen-form-layout--has-wrapper) {
   height: max-content;
 }
-.zen-form-layout-stepper:not(.zen-form-layout-stepper--with-banner) {
+.zen-form-layout--has-wrapper {
+  height: auto;
+}
+.zen-form-layout-stepper {
   margin-block-end: 2.5rem;
 }
+.zen-form-layout-stepper--with-banner {
+  margin-block-end: 0;
+}
 .zen-form-separator {
   margin-block: 2rem;
   margin-inline: 0;
@@ -17377,7 +17297,7 @@ html:lang(ar) .zen-form-layout-secondary {
 .zen-mobile-search-control--expanded {
   display: flex;
   width: 100%;
-  padding: 6px 12px 6px;
+  padding: 6px 12px;
   gap: 8px;
 }
 .zen-mobile-search-control__search {
@@ -17388,8 +17308,8 @@ html:lang(ar) .zen-form-layout-secondary {
 }
 .zen-mobile-filter-control__counter-wrapper {
   position: absolute;
-  top: 0;
-  right: 0;
+  inset-block-start: 0;
+  inset-inline-end: 0;
 }
 .zen-mobile-filter-control__counter {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -17422,8 +17342,7 @@ html:lang(ar) .zen-mobile-filter-control__counter {
   display: flex;
   justify-content: space-between;
   gap: 4px;
-  justify-items: center;
-  align-items: center;
+  place-items: center center;
   height: 56px;
   width: 100%;
 }
@@ -17440,8 +17359,7 @@ html:lang(ar) .zen-mobile-filter-control__counter {
   gap: 8px;
   align-items: center;
   flex-shrink: 0;
-  padding-right: 4px;
-  padding-left: 4px;
+  padding-inline: 4px;
   height: 100%;
 }
 .zen-header__section--middle {
@@ -17542,16 +17460,25 @@ html:lang(ar) .zen-mobile-filter-control__counter {
 .zen-layout__middle-element {
   height: 0;
 }
-.zen-layout .zen-layout__content--full-screen > *:not(.zen-layout__full-screen-element--visible):not(.zen-layout__full-screen-element--visible *):not([data-full-screen-parent="true"]) {
+.zen-layout .zen-layout__content--full-screen > * {
   display: none;
 }
+.zen-layout .zen-layout__content--full-screen > .zen-layout__full-screen-element--visible {
+  display: block;
+}
+.zen-layout .zen-layout__content--full-screen > .zen-layout__full-screen-element--visible * {
+  display: initial;
+}
+.zen-layout .zen-layout__content--full-screen > [data-full-screen-parent="true"] {
+  display: block;
+}
 .zen-layout .zen-layout__content:has(> :first-child > :first-child .zen-data-grid-actions),
 .zen-layout .zen-layout__content:has(> :first-child > :first-child.zen-data-grid-actions),
 .zen-layout .zen-layout__content--full-screen:has(.zen-layout__full-screen-element--visible .zen-data-grid-actions) {
   padding-block-start: 0;
 }
 .zen-layout.zen-layout--no-scroll .zen-layout__content {
-  overflow-y: auto;
+  overflow-block: auto;
 }
 .zen-card-deck {
   box-sizing: border-box;
@@ -17567,8 +17494,7 @@ html:lang(ar) .zen-mobile-filter-control__counter {
   box-sizing: border-box;
 }
 .zen-card-deck--mobile {
-  padding-block-start: 0.125rem;
-  padding-block-end: 0.0625rem;
+  padding-block: 0.125rem 0.0625rem;
   padding-inline: 0.75rem;
 }
 .zen-card-deck__cards {
@@ -17613,8 +17539,7 @@ html:lang(ar) .zen-mobile-filter-control__counter {
   background-color: transparent;
   display: flex;
   justify-content: space-between;
-  flex-direction: row;
-  flex-wrap: nowrap;
+  flex-flow: row nowrap;
   align-items: flex-start;
   gap: 1.5rem;
 }
@@ -17630,8 +17555,7 @@ html:lang(ar) .zen-mobile-filter-control__counter {
 }
 .zen-page-header-component__actions {
   display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
+  flex-flow: row nowrap;
   align-items: center;
   gap: 0.75rem;
 }
@@ -17660,10 +17584,9 @@ html:lang(ar) .zen-mobile-filter-control__counter {
 .zen-legend-list--flexible {
   display: flex;
   gap: 0.625rem;
-  flex-direction: row;
+  flex-flow: row wrap;
   margin: 0;
   padding: 0;
-  flex-wrap: wrap;
 }
 .zen-legend-list__item {
   display: flex;
@@ -17692,7 +17615,7 @@ html:lang(ar) .zen-mobile-filter-control__counter {
   font-size: 1rem;
   line-height: 1.125rem;
 }
-@media (max-width: 640px) {
+@media (width <= 640px) {
   .zen-legend-list.zen-legend-list--drive .zen-legend-list__item-text {
     font-size: 0.875rem;
   }
@@ -17787,8 +17710,8 @@ html:lang(ar) .zen-mini-tabs {
 }
 .zen-nav__content {
   flex: 1 1 auto;
-  overflow-y: auto;
-  overflow-x: hidden;
+  overflow-block: auto;
+  overflow-inline: hidden;
   position: relative;
 }
 .zen-nav__content--has-scrollbar {
@@ -17847,7 +17770,7 @@ html:lang(ar) .zen-mini-tabs {
 .zen-nav--mobile {
   padding-block: var(--nav-top-bottom-mobile-padding);
   padding-inline: var(--nav-left-right-padding);
-  overflow-y: auto;
+  overflow-block: auto;
   gap: 0.5rem;
 }
 .zen-nav--mobile .zen-nav__content {
@@ -17861,11 +17784,11 @@ html:lang(ar) .zen-mini-tabs {
   padding-block: 0.375rem;
 }
 .zen-nav--mobile-edit {
-  overflow-y: hidden;
+  overflow-block: hidden;
 }
 .zen-nav--mobile-edit .zen-nav__content {
   flex: 1 1 auto;
-  overflow-y: auto;
+  overflow-block: auto;
 }
 .zen-nav--collapsed {
   padding-inline: var(--nav-left-right-collapsed-padding);
@@ -17894,6 +17817,7 @@ html:lang(ar) .zen-mini-tabs {
     background-color: initial;
   }
 }
+/* stylelint-disable-next-line selector-not-notation */
 .zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):not(.zen-nav-popup--mobile) {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
@@ -17903,7 +17827,7 @@ html:lang(ar) .zen-mini-tabs {
   line-height: 1rem;
   text-transform: none;
   text-decoration: none;
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
   border-radius: var(--border-radius-default);
   box-sizing: border-box;
   max-height: 50rem;
@@ -17986,13 +17910,14 @@ html:lang(ar) .zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):no
 html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
-.zen-nav-item:not(.zen-nav-item--collapsed) .zen-nav-item__main {
+.zen-nav-item .zen-nav-item__main {
   min-height: 36px;
 }
 .zen-nav-item--collapsed {
   width: auto;
 }
 .zen-nav-item--collapsed .zen-nav-item__main {
+  min-height: auto;
   padding: 0;
   width: auto;
   display: inline-flex;
@@ -18005,8 +17930,8 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
 .zen-nav-item--collapsed .zen-nav-item__icon--with-counter::before {
   content: "";
   position: absolute;
-  top: 4px;
-  right: 4px;
+  inset-block-start: 4px;
+  inset-inline-end: 4px;
   width: 8px;
   height: 8px;
   background-color: var(--action-destructive--default);
@@ -18019,12 +17944,12 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
 .zen-nav-item--button .zen-nav-item__main {
   border: 0;
   background: transparent;
-  text-align: left;
+  text-align: start;
 }
 .zen-nav-item--link .zen-nav-item__main {
   text-decoration: none;
 }
-.zen-nav-item--nested:not(.zen-nav-item--mobile) .zen-nav-item__main {
+.zen-nav-item--nested .zen-nav-item__main {
   min-height: 32px;
   border-radius: 4px;
   padding: 4px;
@@ -18071,7 +17996,7 @@ html:lang(ar) .zen-nav-item__main {
   fill: var(--accents-general--detail);
   border-radius: 1rem;
   padding: 6px 8px;
-  margin-right: 4px;
+  margin-inline-end: 4px;
   display: flex;
   align-items: center;
   flex: 0 0 auto;
@@ -18095,7 +18020,7 @@ html:lang(ar) .zen-nav-item__main {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  word-wrap: normal;
+  overflow-wrap: normal;
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
   font-style: normal;
@@ -18189,7 +18114,7 @@ html:lang(ar) .zen-nav-item__title-text {
   display: flex;
   align-items: center;
   flex: 1 1 100%;
-  margin-bottom: -3px;
+  margin-block-end: -3px;
   /* Adjust for visual centering (compensate y letter shift) */
 }
 .zen-nav-header--collapsed {
@@ -18236,7 +18161,7 @@ html:lang(ar) .zen-nav-item__title-text {
   gap: 8px;
   padding: 3px 12px;
   background: var(--backgrounds-content-0);
-  border-top: 1px solid var(--borders-general);
+  border-block-start: 1px solid var(--borders-general);
 }
 .zen-nav-edit-footer {
   display: flex;
@@ -18247,7 +18172,7 @@ html:lang(ar) .zen-nav-item__title-text {
   width: calc(50% - 4px);
 }
 .zen-nav-edit-footer__button--with-margin {
-  margin-bottom: 8px;
+  margin-block-end: 8px;
 }
 .zen-nav-edit-footer--mobile {
   flex-direction: column;
@@ -18281,7 +18206,7 @@ html:lang(ar) .zen-nav-edit-list__header {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
 .zen-nav-edit-list__header--no-gap {
-  margin-bottom: calc(var(--nav-items-gap) * -1);
+  margin-block-end: calc(var(--nav-items-gap) * -1);
 }
 .zen-nav-edit-list .zen-nav-edit-list__item--placeholder {
   list-style-type: none;
@@ -18302,7 +18227,7 @@ html:lang(ar) .zen-nav-edit-list__header {
   line-height: 1rem;
   text-transform: none;
   text-decoration: none;
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
   position: relative;
   display: flex;
   flex-direction: row;
@@ -18321,7 +18246,7 @@ html:lang(ar) .zen-push {
 .zen-push::before {
   content: "";
   position: absolute;
-  top: 0;
+  inset-block-start: 0;
   inset-inline-start: -0.375rem;
   width: 0.4375rem;
   height: 100%;
@@ -18358,7 +18283,7 @@ html:lang(ar) .zen-push__header {
   text-transform: none;
   text-decoration: none;
   flex-grow: 1;
-  padding-top: 0.5rem;
+  padding-block-start: 0.5rem;
   display: flex;
   flex-direction: column;
 }
@@ -18375,12 +18300,11 @@ html:lang(ar) .zen-push__body {
 }
 .zen-push__text {
   font-size: 0.75rem;
-  padding-bottom: 1rem;
+  padding-block-end: 1rem;
 }
 .zen-push__title {
   font-style: normal;
-  padding-bottom: 0.5rem;
-  padding-top: 0.125rem;
+  padding-block: 0.125rem 0.5rem;
 }
 .zen-push__title--error {
   color: var(--accents-error--detail);
@@ -18572,7 +18496,7 @@ html:lang(ar) .zen-push__body {
   background-color: var(--accents-warning--detail);
   border-color: var(--accents-warning--detail);
 }
-@media (max-width: 540px) {
+@media (width <= 540px) {
   .zen-push {
     min-width: 9.375rem;
   }
@@ -18666,7 +18590,7 @@ html:lang(ar) .zen-overview__label {
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
+  padding: 0.25rem 0.75rem;
   border-radius: 1.875rem;
   background: var(--backgrounds-content-1);
 }
@@ -18740,7 +18664,7 @@ html:lang(ar) .zen-pill {
   fill: var(--accents-general--main);
 }
 .zen-pill--closable {
-  padding-right: 0.25rem;
+  padding-inline-end: 0.25rem;
 }
 .zen-pill--long {
   min-width: 12.5rem;
@@ -18757,7 +18681,7 @@ html:lang(ar) .zen-pill {
   border-radius: 0.9375rem;
   padding: 0;
   margin: 0;
-  margin-left: 8px;
+  margin-inline-start: 8px;
   cursor: pointer;
 }
 .zen-pill__close-button:active,
@@ -18777,8 +18701,8 @@ html:lang(ar) .zen-pill {
 }
 .zen-page-layout {
   box-sizing: border-box;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow-inline: hidden;
+  overflow-block: auto;
   z-index: 1000;
   margin: 0;
   touch-action: manipulation;
@@ -18858,7 +18782,7 @@ html:lang(ar) .zen-page-section__title {
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
+  padding: 0.25rem 0.75rem;
   border-radius: 1.875rem;
   background: var(--backgrounds-content-1);
 }
@@ -18867,12 +18791,12 @@ html:lang(ar) .zen-pill-actionable__block {
 }
 .zen-pill-actionable__icon {
   display: none;
-  margin-top: 2px;
-  margin-right: 8px;
+  margin-block-start: 2px;
+  margin-inline-end: 8px;
 }
 .zen-pill-actionable__input {
   position: absolute;
-  left: -5000px;
+  inset-inline-start: -5000px;
 }
 .zen-pill-actionable__input:hover + .zen-pill-actionable__block--actionable {
   background-color: var(--backgrounds-content-2);
@@ -18935,7 +18859,6 @@ html:lang(ar) .zen-pill-actionable__block {
 .zen-sort-container__button {
   display: flex;
   padding: 0.4375rem 1rem;
-  border-color: var(--borders-general);
   border: 1px solid var(--borders-general);
   border-radius: var(--border-radius-default);
   justify-content: center;
@@ -19063,9 +18986,12 @@ html:lang(ar) .zen-sort-container__text-block {
 html:lang(ar) .zen-stepper-field {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
-.zen-stepper-field:not(.zen-stepper-field--disabled):hover .zen-stepper-field__controls {
+.zen-stepper-field:hover .zen-stepper-field__controls {
   visibility: visible;
 }
+.zen-stepper-field--disabled:hover .zen-stepper-field__controls {
+  visibility: hidden;
+}
 .zen-stepper-field__input-wrapper {
   position: relative;
 }
@@ -19080,7 +19006,7 @@ html:lang(ar) .zen-stepper-field {
   width: 1rem;
   height: 1rem;
   position: absolute;
-  top: 0.375rem;
+  inset-block-start: 0.375rem;
 }
 .zen-stepper-field__controls:not(:hover),
 .zen-stepper-field__controls:not(:active) {
@@ -19098,11 +19024,11 @@ html:lang(ar) .zen-stepper-field {
 }
 .zen-stepper-field__input::-webkit-outer-spin-button,
 .zen-stepper-field__input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
+  appearance: none;
   margin: 0;
 }
 .zen-stepper-field__input[type="number"] {
-  -moz-appearance: textfield;
+  appearance: textfield;
 }
 .zen-stepper-field__input:hover:not(:disabled) + .zen-stepper-field__controls,
 .zen-stepper-field__input:active:not(:disabled) + .zen-stepper-field__controls {
@@ -19142,15 +19068,12 @@ html:lang(ar) .zen-stepper-field {
 .zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__controls {
   width: 1.25rem;
   height: 1.25rem;
+  inset-block-start: 0.875rem;
 }
 .zen-stepper-field.zen-stepper-field--drive .zen-stepper-field__input,
 .zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__input {
   min-height: 3rem;
 }
-.zen-stepper-field.zen-stepper-field--drive .zen-stepper-field__controls,
-.zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__controls {
-  top: 0.875rem;
-}
 .zen-stepper-field.zen-stepper-field--drive.zen-stepper-field--drive .zen-text-input,
 .zen-stepper-field.zen-stepper-field--drive-tablet.zen-stepper-field--drive .zen-text-input {
   padding-inline-end: 1.625rem;
@@ -19175,38 +19098,31 @@ html:lang(ar) .zen-stepper-field.zen-stepper-field--mobile {
 .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
   width: 1.25rem;
   height: 1.25rem;
+  inset-block-start: 0.875rem;
 }
 .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__input {
   min-height: 3rem;
 }
-.zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
-  top: 0.875rem;
-}
 .zen-stepper-field.zen-stepper-field--mobile.zen-stepper-field--mobile .zen-text-input {
   padding-inline-end: 1.625rem;
 }
 .zen-summaries__row {
   display: flex;
   align-items: top;
-  flex-direction: row;
-  flex-wrap: wrap;
-  row-gap: 2rem;
-  column-gap: 3.5rem;
+  flex-flow: row wrap;
+  gap: 2rem 3.5rem;
 }
 .zen-summaries__column,
 .zen-summaries__two-columns {
   display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
+  flex-flow: column wrap;
   align-items: flex-start;
-  row-gap: 2rem;
-  column-gap: 2rem;
-  max-height: 100vh;
+  gap: 2rem;
+  max-height: 100vb;
 }
 .zen-summaries__two-columns-container {
   display: flex;
-  row-gap: 2rem;
-  column-gap: 2rem;
+  gap: 2rem;
 }
 .zen-tab-bar-content {
   box-sizing: border-box;
@@ -19263,7 +19179,7 @@ html:lang(ar) .zen-tab-bar-content {
   padding: 0.75rem;
   background-color: var(--backgrounds-content-1);
   width: 100%;
-  overflow-x: hidden;
+  overflow-inline: hidden;
 }
 .zen-toolbar * {
   box-sizing: border-box;
@@ -19347,8 +19263,8 @@ html:lang(ar) .zen-toolbar__trigger-button {
   text-transform: none;
   text-decoration: none;
   box-sizing: border-box;
-  --backgroundSwitcher: var(--action-primary--default);
-  --backgroundRunner: var(--backgrounds-main);
+  --background-switcher: var(--action-primary--default);
+  --background-runner: var(--backgrounds-main);
   display: flex;
   align-items: center;
 }
@@ -19394,7 +19310,7 @@ html:lang(ar) .zen-two-options-switcher {
   min-height: 1rem;
   border-radius: 1rem;
   padding: 0.125rem;
-  background-color: var(--backgroundSwitcher);
+  background-color: var(--background-switcher);
   overflow: visible;
   position: relative;
   cursor: pointer;
@@ -19408,8 +19324,8 @@ html:lang(ar) .zen-two-options-switcher {
   min-height: 1.625rem;
   border-radius: 50%;
   opacity: 0.4;
-  top: -0.3125rem;
-  background-color: var(--backgroundSwitcher);
+  inset-block-start: -0.3125rem;
+  background-color: var(--background-switcher);
   inset-inline-start: -0.3125rem;
 }
 .zen-two-options-switcher-control__runner {
@@ -19418,7 +19334,7 @@ html:lang(ar) .zen-two-options-switcher {
   height: 0.75rem;
   min-height: 0.75rem;
   border-radius: 50%;
-  background-color: var(--backgroundRunner);
+  background-color: var(--background-runner);
 }
 .zen-two-options-switcher-control--disabled {
   opacity: 0.6;