@m4l/styles 0.0.32 → 0.0.34

package/theme/overrides/M4LExtendedComponents/{index.15f2650a.js → index.e406c71f.js}

@@ -1,6 +1,6 @@
-import { alpha as r } from "@mui/material/styles";
+import { alpha as e } from "@mui/material/styles";
 import { alpha as t } from "@mui/system";
-import { P as e } from "../../palette.31d770bc.js";
+import { P as r } from "../../palette.1b577d8c.js";
 const p = (o) => ({
   M4LDynamicFilter: {
     styleOverrides: {
@@ -16,9 +16,17 @@ const p = (o) => ({
           minHeight: "auto",
           height: "auto"
         },
-        "&.M4LDynamicFilter-isEmpty.M4LDynamicFilter-isMobile": {
+        "&.M4LDynamicFilter-isMobile": {
+          "& .M4LDynamicFilter-containerFistRow": {
+            "& .M4LDynamicFilter-containerClearFilter": {
+              borderLeft: "1px solid",
+              borderColor: o.palette.state.borderPrimary
+            }
+          },
           "& .M4LDynamicFilter-wrapperApplyedFilters": {
-            display: "none"
+            display: "flex",
+            borderTop: "1px solid ",
+            borderColor: o.palette.state.borderSecondary
           }
         },
         "&.M4LDynamicFilter-isEmpty": {
@@ -164,8 +172,6 @@ const p = (o) => ({
           padding: "4px",
           gap: "4px",
           borderRadius: "6px",
-          borderTop: "1.5px solid",
-          borderColor: o.palette.state.borderTop,
           "& .M4LDynamicFilter-popoverMenuFieldsItem": {
             paddingLeft: "8px",
             paddingRight: "12px",
@@ -451,7 +457,22 @@ const p = (o) => ({
 }), s = (o) => ({
   M4LanguagePopover: {
     styleOverrides: {
-      ["&.M4LanguagePopover-root"]: {}
+      ["&.M4LanguagePopover-root"]: {
+        "& .M4LImageButton-root": {
+          "& .MuiButtonBase-root": {
+            width: "32px",
+            height: "32px",
+            "M4LImage-root": {
+              width: "32px",
+              height: "32px",
+              "& .M4LImage-lazyLoad": {
+                width: "24px !important",
+                height: "24px !important"
+              }
+            }
+          }
+        }
+      }
     }
   }
 }), c = (o) => ({
@@ -464,7 +485,11 @@ const p = (o) => ({
           padding: "4px",
           borderRadius: "6px",
           alignItems: "center",
-          justifyContent: "center"
+          justifyContent: "center",
+          minHeight: "24px",
+          minWidth: "24px",
+          height: "24px",
+          width: "24px"
         },
         ".M4LImage-root": {
           display: "flex",
@@ -492,11 +517,19 @@ const p = (o) => ({
           backgroundColor: o.palette.state?.active12,
           border: "1px solid",
           borderColor: o.palette.state?.focus
+        },
+        [o.breakpoints.down("md")]: {
+          ".MuiButtonBase-root": {
+            minHeight: "36px",
+            minWidth: "36px",
+            height: "36px",
+            width: "36px"
+          }
         }
       }
     }
   }
-}), u = (o) => ({
+}), g = (o) => ({
   M4LImage: {
     styleOverrides: {
       ["&.M4LImage-root"]: {
@@ -533,7 +566,7 @@ const p = (o) => ({
       }
     }
   }
-}), g = (o) => ({
+}), u = (o) => ({
   M4LPopover: {
     styleOverrides: {
       "&.M4LPopover-root": {
@@ -547,7 +580,11 @@ const p = (o) => ({
           padding: "12px",
           boxShadow: o.customShadows.z3,
           width: "auto",
-          zIndex: "10000"
+          zIndex: "10000",
+          "& .MuiButtonBase-root": {
+            justifyContent: "normal !important",
+            gap: "8px"
+          }
         },
         "& .M4LanguagePopover-containerItems": {
           "& :nth-of-type(-n + 1)": {
@@ -564,7 +601,8 @@ const p = (o) => ({
             margin: "0",
             borderRadius: "4px",
             padding: "4px",
-            gap: "4px"
+            gap: "4px",
+            justifyContent: "normal !important"
           },
           "& .MuiButtonBase-root:hover": {
             backgroundColor: o.palette.state?.active12,
@@ -577,6 +615,26 @@ const p = (o) => ({
               color: o.palette.state?.active
             }
           }
+        },
+        [o.breakpoints.down("md")]: {
+          ".MuiPaper-root": {
+            padding: "16px",
+            gap: "16px !important",
+            "& .MuiButtonBase-root": {
+              justifyContent: "normal !important",
+              gap: "16px",
+              "& .css-1qhcwcd": {
+                width: "28px !important",
+                height: "28px !important",
+                alignItems: "center",
+                justifyContent: "center",
+                "& .M4LImage-root": {
+                  width: "28px !important",
+                  height: "28px !important"
+                }
+              }
+            }
+          }
         }
       }
     }
@@ -612,7 +670,7 @@ const p = (o) => ({
       }
     }
   }
-}), y = (o) => ({
+}), M = (o) => ({
   M4LButton: {
     styleOverrides: {
       "&.M4LButton-root": {
@@ -621,8 +679,14 @@ const p = (o) => ({
         display: "flex",
         justifyContent: "center",
         ...o.typography.action,
-        "& .M4LButton-skeleton ": {
-          height: "100%!important",
+        minHeight: "24px",
+        borderRadius: "4px",
+        [o.breakpoints.down("md")]: {
+          height: "36px",
+          minHeight: "36px"
+        },
+        "& .M4LButton-skeleton": {
+          height: "100% !important",
           borderRadius: "4px"
         },
         "& .MuiButtonBase-root": {
@@ -634,6 +698,7 @@ const p = (o) => ({
           border: "1px solid transparent",
           ...o.typography.action,
           backgroundColor: "#fff0",
+          height: "100% !important",
           "&:hover, &:focus": {
             backgroundColor: "transparent",
             transition: "all 0.2s"
@@ -834,7 +899,7 @@ const p = (o) => ({
       }
     }
   }
-}), M = (o) => ({
+}), y = (o) => ({
   M4LNavLink: {
     styleOverrides: {
       ["&.M4LNavLink-root"]: {
@@ -859,7 +924,7 @@ const p = (o) => ({
     styleOverrides: {
       "&.M4LSideBar-root": {
         height: "100%",
-        width: "auto",
+        maxWidth: "220px",
         background: o.palette.background.neutral,
         paddingTop: "24px",
         borderRight: "1.5px solid",
@@ -886,7 +951,7 @@ const p = (o) => ({
                         minHeight: "24px",
                         height: "24px",
                         minWidth: "24px",
-                        margin: "4px 0 4px 8px",
+                        margin: "1px 0 1px 8px",
                         "& .M4LIcon-root": {}
                       }
                     }
@@ -909,7 +974,7 @@ const p = (o) => ({
         },
         "& .M4LSideBar-wrapperSideBar": {
           height: "100%",
-          width: "250px",
+          width: "100%",
           "& .M4LSideBar-containerSideBarLogo": {
             display: "flex",
             justifyContent: "flex-start",
@@ -958,6 +1023,7 @@ const p = (o) => ({
               height: "100%",
               padding: "0 8px",
               "& .M4LScrollBar-root": {
+                overflow: "hidden",
                 height: "100%",
                 gap: "8px"
               },
@@ -970,7 +1036,8 @@ const p = (o) => ({
                     with: "100%",
                     overflow: "hidden",
                     textOverflow: "ellipsis",
-                    textWrap: "nowrap"
+                    textWrap: "nowrap",
+                    ...o.typography.bodyDens
                   }
                 }
               },
@@ -979,8 +1046,8 @@ const p = (o) => ({
                 borderRadius: "4px 0px 0px 4px",
                 justifyContent: "center",
                 flexDirection: "column",
-                padding: "0px 0px 8px 0px",
                 gap: "4px",
+                paddingBottom: "4px",
                 "& .M4LSideBar-navItemMainRoot": {
                   backgroundColor: "transparent",
                   borderRadius: "4px",
@@ -991,10 +1058,11 @@ const p = (o) => ({
                 },
                 "&.M4LSideBar-itemMainActive": {
                   borderRadius: "4px",
+                  height: "26px",
                   "& .M4LSideBar-navItemMainRoot": {
                     background: o.palette.state.active12,
                     "&:hover": {
-                      background: r(o.palette.state.active || "#fff", 0.24),
+                      background: e(o.palette.state.active || "#fff", 0.24),
                       cursor: "pointer"
                     }
                   },
@@ -1035,7 +1103,7 @@ const p = (o) => ({
                 },
                 "& .M4LSideBar-navItemRootContent": {
                   display: "flex",
-                  padding: "8px 8px 8px 12px",
+                  padding: "4px 8px 4px 12px",
                   justifyContent: "center",
                   borderRadius: "4px 0px 0px 4px",
                   position: "relative",
@@ -1149,13 +1217,14 @@ const p = (o) => ({
           },
           "& .M4LSideBar-collapseButton": {
             display: "flex",
-            padding: "12px 16px 12px 40px",
+            padding: "12px 44px 12px 12px",
             borderTop: "1px solid",
             borderColor: o.palette.state.borderPrimary,
             justifyContent: "flex-end",
             gap: "24px",
             alignItems: "center",
             height: "48px",
+            width: "100%",
             minHeight: "48px",
             flexDirection: "row-reverse",
             "& .M4LSideBar-containerLogoButton": {
@@ -1175,7 +1244,7 @@ const p = (o) => ({
               display: "flex",
               justifyContent: "center",
               alignItems: "center",
-              width: "40px",
+              width: "24px",
               height: "24px"
             }
           }
@@ -1328,7 +1397,8 @@ const p = (o) => ({
                     with: "100%",
                     overflow: "hidden",
                     textOverflow: "ellipsis",
-                    textWrap: "nowrap"
+                    textWrap: "nowrap",
+                    ...o.typography.bodyDens
                   }
                 }
               },
@@ -1352,7 +1422,7 @@ const p = (o) => ({
                   "& .M4LSideBar-navItemMainRoot": {
                     background: o.palette.state.active12,
                     "&:hover": {
-                      background: r(o.palette.state.active || "#fff", 0.24),
+                      background: e(o.palette.state.active || "#fff", 0.24),
                       cursor: "pointer"
                     }
                   },
@@ -1533,7 +1603,7 @@ const p = (o) => ({
       }
     }
   }
-}), f = (o) => ({
+}), h = (o) => ({
   M4LAreasAdmin: {
     styleOverrides: {
       "&.M4LAreasAdmin-root": {
@@ -1549,7 +1619,6 @@ const p = (o) => ({
         width: "70%",
         maxWidth: "fit-content",
         gap: "8px",
-        border: "1px solid",
         borderColor: "transparent",
         [o.breakpoints.down("sm")]: {
           boxShadow: o.customShadows.z1,
@@ -1558,7 +1627,7 @@ const p = (o) => ({
           maxWidth: "100%",
           gap: "0px",
           borderRadius: "4px",
-          height: "36px",
+          height: "100%",
           overflow: "hidden"
         },
         "& .M4LAreasAdmin-rootContent": {
@@ -1569,7 +1638,8 @@ const p = (o) => ({
           justifyContent: "center",
           alignItems: "center",
           gap: "4px",
-          padding: "4px",
+          minHeight: "36px",
+          boxShadow: "none",
           [o.breakpoints.down("sm")]: {
             gap: "0px",
             borderRadius: "4px"
@@ -1651,6 +1721,7 @@ const p = (o) => ({
                 width: "fit-content",
                 height: "100%",
                 justifyContent: "space-between",
+                alignItems: "center",
                 [o.breakpoints.down("sm")]: {
                   width: "100%",
                   background: "none"
@@ -1946,7 +2017,7 @@ const p = (o) => ({
       }
     }
   }
-}), w = (o) => ({
+}), f = (o) => ({
   M4LAreasViewer: {
     styleOverrides: {
       "&.M4LAreasViewer-root": {
@@ -1960,6 +2031,24 @@ const p = (o) => ({
           minHeight: "50px",
           height: "50px"
         },
+        "& .M4LGridLayout-gridItemRoot": {
+          "& .react-resizable-handle-nw": {
+            top: "0px !important",
+            left: "0px !important"
+          },
+          "& .react-resizable-handle-ne": {
+            top: "0px !important",
+            right: "0px !important"
+          },
+          "& .react-resizable-handle-sw": {
+            bottom: "0px !important",
+            left: "0px !important"
+          },
+          "& .react-resizable-handle-se": {
+            bottom: "0px !important",
+            right: "0px !important"
+          }
+        },
         "& .M4LAreasViewer-areaGridLayout": {
           "& .M4LAreasViewer-resizeHandle": {
             test: "test",
@@ -1971,9 +2060,7 @@ const p = (o) => ({
           "& .M4LAreasViewer-windowRoot": {
             background: o.palette.background.neutral,
             border: "1.5px solid",
-            borderTop: "none",
             borderColor: o.palette.state.borderPrimary,
-            boxShadow: o.customShadows.z2,
             borderRadius: "4px",
             display: "flex",
             "&:not(.M4LAreasViewer-loading)": {
@@ -1996,11 +2083,8 @@ const p = (o) => ({
               overflow: "hidden"
             },
             "& .M4LAreasViewer-windowHeader": {
-              borderTop: "2px solid",
-              borderColor: o.palette.state.borderPrimary,
               display: "flex",
               flexDirection: "column",
-              background: o.palette.background.neutral,
               padding: "6px 4px 6px 8px",
               boxShadow: o.customShadows.z1,
               "& .M4LAreasViewer-windowHeaderContent": {
@@ -2008,6 +2092,11 @@ const p = (o) => ({
                 width: "100%",
                 height: "100%",
                 alignItems: "center",
+                "& .M4LIcon-root": {
+                  "& .M4LIcon-icon": {
+                    background: o.palette.text.secondary
+                  }
+                },
                 "& .M4LAreasViewer-windowHeaderTitle": {
                   display: "flex",
                   alignItems: "center",
@@ -2022,6 +2111,15 @@ const p = (o) => ({
                     width: "100%",
                     color: o.palette.text.secondary
                   }
+                },
+                "& .M4LAreasViewer-windowHeaderCancelHandle": {
+                  "& .M4LIconButton-icon": {
+                    "& .MuiButtonBase-root": {
+                      "& .M4LIcon-icon": {
+                        background: o.palette.text.secondary
+                      }
+                    }
+                  }
                 }
               },
               "& .M4LTypography-root .MuiTypography-root": {
@@ -2154,8 +2252,8 @@ const p = (o) => ({
               }
             },
             "& .M4LAreasViewer-windowContent": {
-              padding: "0 12px 12px 12px",
-              background: o.palette.background.neutral,
+              padding: "16px",
+              background: o.palette.background.default,
               display: "flex",
               flexDirection: "column",
               alignItems: "center",
@@ -2164,7 +2262,7 @@ const p = (o) => ({
               flex: "1",
               overflow: "hidden",
               [o.breakpoints.up("sm")]: {
-                padding: "0 12px 12px 12px"
+                padding: "16px"
               },
               "& .M4LAreasViewer-containerComponent": {
                 display: "flex",
@@ -2195,16 +2293,14 @@ const p = (o) => ({
             },
             "&.M4LAreasViewer-selectedWindow": {
               border: "1.5px solid",
-              borderTop: "none",
-              borderColor: o.palette.state.borderDens,
+              borderColor: o.palette.state.lineTheme,
               boxShadow: o.customShadows.z3,
               backdropFilter: "blur(100px)",
+              background: o.palette.background.default,
               "& .M4LAreasViewer-windowHeader": {
-                borderTop: "2px solid",
-                borderColor: o.palette.state.lineTheme,
                 display: "flex",
                 flexDirection: "column",
-                background: o.palette.background.neutral,
+                background: o.palette.state.active12,
                 gap: "4px",
                 alignItems: "center",
                 position: "relative",
@@ -2212,9 +2308,23 @@ const p = (o) => ({
                 justifyContent: "end",
                 overflow: "hidden",
                 cursor: "move",
+                "& .M4LAreasViewer-windowHeaderContent": {
+                  "& .M4LIcon-root": {
+                    "& .M4LIcon-icon": {
+                      background: o.palette.state.active
+                    }
+                  },
+                  "& .M4LAreasViewer-windowHeaderCancelHandle": {
+                    "& .M4LIcon-root": {
+                      "& .M4LIcon-icon": {
+                        background: o.palette.text.primary
+                      }
+                    }
+                  }
+                },
                 "& .M4LTypography-root .MuiTypography-root": {
                   ...o.typography.paragraphDens,
-                  color: o.palette.text.primary
+                  color: o.palette.state.active
                 },
                 "& .MuiButtonBase-root": {
                   "& .M4LIcon-icon": {
@@ -2235,14 +2345,11 @@ const p = (o) => ({
             }
           },
           "&.M4LGridLayout-root .M4LGridLayout-maximizeMe": {
-            borderTop: "0",
-            borderLeft: "1.5px solid",
-            borderRight: "1.5px solid",
-            borderBottom: "1.5px solid",
+            border: "1.5px solid",
             borderColor: o.palette.state.borderPrimary,
             borderRadius: "4px",
             "& .M4LAreasViewer-windowContent": {
-              padding: "0 12px 12px 12px"
+              padding: "16px"
             },
             "& .M4LAreasViewer-selectedWindow": {
               borderColor: "transparent",
@@ -2251,17 +2358,17 @@ const p = (o) => ({
               border: "unset"
             }
           },
-          "&. M4LGridLayout-colapsed ": {
+          "&.M4LGridLayout-colapsed ": {
             "& .M4LAreasViewer-windowRoot": {
               borderColor: o.palette.state.overdefoult,
               boxShadow: o.customShadows.z1
             }
           },
-          "&. react-draggable": {
+          "&.react-draggable": {
             background: o.palette.state.active12
           },
           "& .M4LAreasViewer-windowPopupRoot": {
-            boxShadow: o.customShadows.z4,
+            boxShadow: o.customShadows.z3,
             border: "none",
             background: o.palette.background.default,
             borderRadius: "4px",
@@ -2281,7 +2388,7 @@ const p = (o) => ({
             "& .M4LAreasViewer-windowRootContainer": {
               background: o.palette.background.default,
               borderRadius: "4px",
-              border: "2px solid",
+              border: "1.5px solid",
               borderColor: o.palette.state.borderPrimary,
               "& .M4LAreasViewer-windowHeader": {
                 boxShadow: "none",
@@ -2289,8 +2396,6 @@ const p = (o) => ({
                 borderTopRightRadius: "4px",
                 background: o.palette.background.header,
                 border: "none",
-                height: "36px",
-                minHeight: "36px",
                 "& .M4LIcon-root": {
                   "& .M4LIcon-icon": {
                     width: "18px",
@@ -2307,7 +2412,8 @@ const p = (o) => ({
                 }
               },
               "& .M4LAreasViewer-windowContent": {
-                background: o.palette.background.default
+                background: o.palette.background.default,
+                padding: "24px"
               }
             },
             "& .M4LAreasViewer-windowRoot": {
@@ -2326,7 +2432,7 @@ const p = (o) => ({
               "&.M4LAreasViewer-selectedWindow": {
                 borderColor: o.palette.state.active12,
                 background: o.palette.state.active12,
-                boxShadow: o.customShadows.z3,
+                boxShadow: o.customShadows.z4,
                 padding: "4px",
                 "& .M4LAreasViewer-windowRootContainer": {
                   "& .M4LAreasViewer-windowHeader": {
@@ -2350,13 +2456,13 @@ const p = (o) => ({
             "&.M4LAreasViewer-selectedWindow": {
               border: "none",
               background: o.palette.state.active12,
-              boxShadow: o.customShadows.z3,
+              boxShadow: o.customShadows.z4,
               [o.breakpoints.down("sm")]: {
                 padding: "0"
               },
               "& .M4LAreasViewer-windowRootContainer": {
                 boxShadow: o.customShadows.z2,
-                border: "2px solid",
+                border: "1.5px solid",
                 borderColor: t(o.palette.state.active, 0.5),
                 "& .M4LAreasViewer-windowHeader": {
                   background: o.palette.state.active12,
@@ -2387,7 +2493,6 @@ const p = (o) => ({
           borderColor: o.palette.state.borderPrimary,
           "& .M4LAreasViewer-panelWindowsButtonContainer": {
             borderRadius: "2px",
-            background: o.palette.state.default,
             boxShadow: o.customShadows.z1,
             "&.M4LAreasViewer-selected": {
               background: o.palette.state.active,
@@ -2511,6 +2616,12 @@ const p = (o) => ({
             borderRadius: "4px",
             border: "none",
             background: o.palette.state.active12,
+            height: "28px",
+            minHeight: "28px",
+            [o.breakpoints.down("md")]: {
+              height: "36px",
+              minHeight: "36px"
+            },
             "& .M4LTypography-root .MuiTypography-root": {
               ...o.typography.paragraph,
               color: o.palette.text.primary,
@@ -2523,7 +2634,7 @@ const p = (o) => ({
             }
           },
           "& .M4LAreasViewer-windowContent": {
-            padding: "0 12px 12px 12px",
+            padding: "12px",
             background: o.palette.background.default,
             borderRadius: "4px",
             display: "flex",
@@ -2535,6 +2646,22 @@ const p = (o) => ({
           }
         }
       },
+      "& .M4LIcon-root.custom-handle-nw": {
+        top: "1px",
+        left: "1px"
+      },
+      "& .M4LIcon-root.custom-handle-ne": {
+        top: "1px",
+        right: "1px"
+      },
+      "& .M4LIcon-root.custom-handle-sw": {
+        bottom: "1px",
+        left: "1px"
+      },
+      "& .M4LIcon-root.custom-handle-se": {
+        bottom: "1px",
+        right: "1px"
+      },
       "& .M4LIcon-root.custom-handle": {
         "& .M4LIcon-icon": {
           backgroundColor: o.palette.state.skeleton.default,
@@ -2549,7 +2676,7 @@ const p = (o) => ({
       }
     }
   }
-}), h = (o) => ({
+}), w = (o) => ({
   M4LAppBar: {
     styleOverrides: {
       "&.M4LAppBar-root": {
@@ -2674,14 +2801,18 @@ const p = (o) => ({
     styleOverrides: {
       "&.M4LAvatar-root": {
         "& .MuiAvatar-root": {
-          width: "32px",
-          height: "32px",
+          width: "36px",
+          height: "36px",
           borderRadius: "4px",
           padding: "4px",
-          background: e.blazeOrange[50],
-          color: e.marbleLight[30],
+          background: r.blazeOrange[50],
+          color: r.marbleLight[30],
           boxShadow: o.customShadows.z1,
-          ...o.typography.subtitle
+          ...o.typography.subtitle,
+          [o.breakpoints.down("sm")]: {
+            width: "36px",
+            height: "36px"
+          }
         },
         test: "root"
       }
@@ -2718,7 +2849,7 @@ const p = (o) => ({
           "& .M4LAccountPopover-containerUserName": {
             display: "flex",
             flexDirection: "row",
-            gap: "4px",
+            gap: "8px",
             padding: "0px 4px",
             "& .M4LIcon-root": {
               minWidth: "16px",
@@ -2728,13 +2859,15 @@ const p = (o) => ({
               color: o.palette.text.primary,
               ...o.typography.bodyDens,
               width: "100%",
-              minHeight: "20px"
+              minHeight: "20px",
+              display: "flex",
+              alignItems: "center"
             }
           },
           "& .M4LAccountPopover-containerUserEmail": {
             display: "flex",
             flexDirection: "row",
-            gap: "4px",
+            gap: "8px",
             padding: "0px 4px",
             "& .M4LIcon-root": {
               minWidth: "16px",
@@ -2744,14 +2877,16 @@ const p = (o) => ({
               color: o.palette.text.primary,
               ...o.typography.body,
               width: "100%",
-              minHeight: "20px"
+              minHeight: "20px",
+              display: "flex",
+              alignItems: "center"
             }
           }
         },
         "& .M4LAccountPopover-containerAppVersion": {
           display: "flex",
           flexDirection: "row",
-          gap: "4px",
+          gap: "8px",
           padding: "0px 4px",
           "& .M4LIcon-root": {
             minWidth: "16px",
@@ -2761,7 +2896,9 @@ const p = (o) => ({
             color: o.palette.text.secondary,
             ...o.typography.body,
             width: "100%",
-            minHeight: "20px"
+            minHeight: "20px",
+            display: "flex",
+            alignItems: "center"
           }
         },
         "& .M4LAccountPopover-containerMenuItems": {
@@ -2780,7 +2917,7 @@ const p = (o) => ({
           "& .M4LAccountPopover-containerSetting": {
             display: "flex",
             flexDirection: "row",
-            gap: "4px",
+            gap: "8px",
             width: "100%",
             borderRadius: "4px",
             cursor: "pointer",
@@ -2796,14 +2933,16 @@ const p = (o) => ({
               ...o.typography.body,
               borderRadius: "4px",
               width: "100%",
-              minHeight: "20px"
+              minHeight: "20px",
+              display: "flex",
+              alignItems: "center"
             }
           }
         },
         "& .M4LAccountPopover-containerlogOut": {
           display: "flex",
           flexDirection: "row",
-          gap: "4px",
+          gap: "8px",
           padding: "0 4px",
           borderRadius: "4px",
           width: "100%",
@@ -2821,7 +2960,81 @@ const p = (o) => ({
             ...o.typography.body,
             borderRadius: "4px",
             width: "100%",
-            minHeight: "20px"
+            minHeight: "20px",
+            display: "flex",
+            alignItems: "center"
+          }
+        },
+        [o.breakpoints.down("md")]: {
+          gap: "16px",
+          padding: "16px !important",
+          "& .M4LAccountPopover-containerUserInfo": {
+            gap: "16px",
+            "& .M4LAccountPopover-containerUserName": {
+              gap: "16px",
+              "& .M4LIcon-root": {
+                minWidth: "20px",
+                minHeight: "24px"
+              },
+              "& .M4LAccountPopover-labelUserName": {
+                width: "100%",
+                minHeight: "20px"
+              }
+            },
+            "& .M4LAccountPopover-containerUserEmail": {
+              gap: "16px",
+              "& .M4LIcon-root": {
+                minWidth: "20px",
+                minHeight: "20px"
+              },
+              "& .M4LAccountPopover-labelUserEmail": {
+                width: "100%",
+                minHeight: "24px"
+              }
+            }
+          },
+          "& .M4LAccountPopover-containerAppVersion": {
+            gap: "16px",
+            "& .M4LIcon-root": {
+              minWidth: "20px",
+              minHeight: "20px"
+            },
+            "& .M4LAccountPopover-labelVersion": {
+              width: "100%",
+              minHeight: "24px"
+            }
+          },
+          "& .M4LAccountPopover-containerMenuItems": {
+            gap: "16px",
+            "& .M4LAccountPopover-containerSetting": {
+              gap: "16px",
+              "&:hover": {
+                background: o.palette.state.default
+              },
+              "& .M4LIcon-root": {
+                minWidth: "20px",
+                minHeight: "20px"
+              },
+              "& .M4LAccountPopover-menuItem": {
+                width: "100%",
+                minHeight: "24px"
+              }
+            }
+          },
+          "& .M4LAccountPopover-containerlogOut": {
+            gap: "16px",
+            cursor: "pointer",
+            "&:hover": {
+              background: o.palette.state.default
+            },
+            "& .M4LIcon-root": {
+              minWidth: "20px",
+              minHeight: "20px"
+            },
+            "& .M4LAccountPopover-logOut": {
+              width: "100%",
+              minHeight: "24px"
+            }
           }
         },
         "& .M4LPopover-arrowStyle": {
@@ -2842,14 +3055,13 @@ const p = (o) => ({
               display: "flex",
               flexDirection: "row",
               gap: "4px"
-            },
-            "& .M4LAccountPopover-logOut": {}
+            }
           }
         }
       }
     }
   }
-}), C = (o) => ({
+}), m = (o) => ({
   M4LModuleLayout: {
     styleOverrides: {
       "&.M4LModuleLayout-root": {
@@ -2866,7 +3078,7 @@ const p = (o) => ({
       }
     }
   }
-}), I = (o) => ({
+}), C = (o) => ({
   M4LMasterDetailLayout: {
     styleOverrides: {
       "&.M4LMasterDetailLayout-root": {
@@ -2879,29 +3091,27 @@ const p = (o) => ({
           width: "100%",
           height: "100%",
           boxShadow: "none",
-          background: "none",
+          background: o.palette.background.default,
           border: "0px",
           borderColor: "transparent",
-          borderRadius: "6px",
+          borderRadius: "4px",
           overFlow: "visible",
           "& .splitter-layout": {
-            gap: "4px"
+            gap: "8px"
           }
         },
         "& .M4LSplitLayout-secondPart": {
           background: o.palette.background.default,
-          borderRadius: "6px",
-          padding: "8px"
+          borderRadius: "4px"
         },
         "& .layout-pane-primary": {
           background: o.palette.background.default,
-          borderRadius: "6px",
-          padding: "8px"
+          borderRadius: "4px"
         }
       }
     }
   }
-}), B = (o) => ({
+}), I = (o) => ({
   M4LSplitLayout: {
     styleOverrides: {
       "&.M4LSplitLayout-root": {
@@ -3016,7 +3226,7 @@ const p = (o) => ({
       }
     }
   }
-}), m = (o) => ({
+}), B = (o) => ({
   M4LCommonActions: {
     styleOverrides: {
       "&.M4LCommonActions-root": {
@@ -3091,47 +3301,48 @@ const p = (o) => ({
         display: "grid",
         alignItems: "flex-start",
         width: "100%",
-        minHeight: "32px",
+        minHeight: "23px",
         flexDirection: "column",
         borderBottom: "1px solid",
         borderColor: o.palette.state.borderDisable,
-        [o.breakpoints.up("sm")]: {
-          gap: "8px",
-          alignItems: "center"
-        },
         "&.M4LPropertyValue-isMobile": {
           gridTemplateColumns: "1fr!important",
           minHeight: "24px"
         },
         "&.M4LPropertyValue-variantIsForm": {
-          minHeight: "32px"
+          minHeight: "24px",
+          borderBottom: "none",
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px",
+          alignItems: "flex-start"
         },
         "& .M4LPropertyValue-property": {
-          width: "100%",
+          maxWidth: "100%",
+          width: "100% !important",
+          minHeight: "24px",
           ...o.typography.body,
           color: o.palette.text.secondary,
-          height: "100%",
+          fontWeight: "400 !important",
           display: "flex",
-          alignItems: "left",
+          alignItems: "center",
           justifyContent: "flex-start",
           position: "relative",
           gap: "8px",
-          [o.breakpoints.up("sm")]: {
-            textAlign: "left",
-            justifyContent: "flex-start",
-            alignItems: "center",
-            height: "100%"
-          },
           overflow: "hidden",
           overflowWrap: "break-word",
           "& .M4LTypography-root": {
             ...o.typography.body,
-            color: o.palette.text.secondary
+            color: o.palette.text.secondary,
+            fontWeight: "400 !important",
+            maxWidth: "100%",
+            width: "100%"
           }
         },
         "& .M4LPropertyValue-value": {
+          maxWidth: "100%",
           width: "100%",
-          minHeight: "20px",
+          minHeight: "24px",
           ...o.typography.body,
           color: o.palette.text.primary,
           overflow: "hidden",
@@ -3139,11 +3350,8 @@ const p = (o) => ({
           position: "relative",
           display: "flex",
           flexDirection: "column",
-          marginTop: o.spacing(1),
-          [o.breakpoints.up("sm")]: {
-            marginTop: "0px"
-          },
           overflowWrap: "break-word",
+          justifyContent: "center",
           "& .M4LTypography-root": {
             ...o.typography.body,
             color: o.palette.text.primary
@@ -3151,27 +3359,40 @@ const p = (o) => ({
           "& .M4LRHFTextField-root.M4LRHFTextField-sizeSmall": {
             "& .MuiFormControl-root": {
               "& .MuiInputBase-root": {
-                borderRadius: "0",
-                background: "transparent",
-                "& .MuiOutlinedInput-notchedOutline": {
-                  border: "0",
-                  borderRadius: "0"
-                }
+                "& .MuiOutlinedInput-notchedOutline": {}
               }
             }
           },
           "& .M4LRHFTextField-root.M4LRHFTextField-sizeMedium": {
             "& .MuiFormControl-root": {
               "& .MuiInputBase-root": {
-                borderRadius: "0",
-                background: "transparent",
-                "& .MuiOutlinedInput-notchedOutline": {
-                  border: "0",
-                  borderRadius: "0"
-                }
+                "& .MuiOutlinedInput-notchedOutline": {}
               }
             }
           }
+        },
+        [o.breakpoints.down("sm")]: {
+          minHeight: "72px",
+          height: "auto",
+          alignItems: "center",
+          paddingTop: "8px",
+          "&.M4LPropertyValue-variantIsForm": {
+            "& .M4LTypography-root": {
+              paddingLeft: "8px"
+            }
+          },
+          "& .M4LPropertyValue-property": {
+            minHeight: "36px",
+            height: "auto",
+            justifyContent: "center",
+            paddingLeft: "8px"
+          },
+          "& .M4LPropertyValue-value": {
+            minHeight: "36px",
+            height: "auto",
+            padding: "4px 8px",
+            justifyContent: "center"
+          }
         }
       }
     }
@@ -3236,57 +3457,119 @@ const p = (o) => ({
         background: o.palette.background.default,
         borderRadius: "4px",
         "& .M4LTypography-root": {
+          padding: "4px 8px",
+          display: "flex",
+          alignItems: "center",
           "& .MuiTypography-root": {
             ...o.typography.bodyDens,
             color: o.palette.text.primary
           }
         },
         "& .MuiPaper-root": {
-          background: o.palette.background.neutral,
           marginBottom: "0px",
           borderRadius: "4px",
           border: "1px solid",
-          borderColor: o.palette.state.borderPrimary
-        }
-      },
-      "& .MuiButtonBase-root": {
-        padding: "4px 8px",
-        borderRadius: "4px",
-        height: "32px",
-        minHeight: "32px",
-        "&:hover": {},
-        "&.MuiAccordionSummary-root": {
-          background: o.palette.background.default,
-          "& .Mui-expanded": {
-            background: o.palette.state.active12,
-            borderRadius: "4px 4px 0px 0px",
-            height: "32px",
-            minHeight: "32px",
-            "& .M4LTypography-root": {
-              "& .MuiTypography-root": {
-                ...o.typography.bodyDens,
-                color: o.palette.text?.primary
+          borderColor: o.palette.state.borderPrimary,
+          "& .MuiCollapse-root": {
+            "& .MuiCollapse-wrapper": {
+              "& .MuiCollapse-wrapperInner": {
+                "& .MuiAccordion-region": {
+                  "$ .M4LAccordion-content": {
+                    display: "flex !important",
+                    gap: "8px !important"
+                  }
+                }
+              }
+            }
+          }
+        },
+        "& .MuiButtonBase-root": {
+          padding: "4px 8px",
+          borderRadius: "4px",
+          height: "24px",
+          minHeight: "24px",
+          background: "transparent",
+          "&.MuiAccordionSummary-root": {
+            Zheight: "28px",
+            minHeight: "28px",
+            padding: "0",
+            "& .M4LAccordion-labelIcon": {
+              display: "flex",
+              flexDirection: "row",
+              justifyContent: "center",
+              "& .M4LIcon-root": {
+                padding: "4px 0 4px 8px"
               }
             },
-            "& .MuiAccordionSummary-expandIconWrapper": {
-              transform: "rotate(0deg)"
-            },
-            "& .M4LAccordion-endIcon": {
-              transform: "rotate(90deg)"
-            },
-            "& .M4LIconButton-root": {}
+            "& .Mui-expanded": {
+              background: o.palette.state.active12,
+              height: "28px",
+              minHeight: "28px",
+              "& .MuiButtonBase-root": {
+                "&.MuiAccordionSummary-content": {
+                  borderRadius: "0 0 0 0 !important",
+                  background: o.palette.state.active12,
+                  height: "28px",
+                  minHeight: "28px"
+                },
+                "& .M4LTypography-root": {
+                  "& .MuiTypography-root": {
+                    ...o.typography.bodyDens,
+                    color: o.palette.text?.primary
+                  }
+                },
+                "& .MuiAccordionSummary-expandIconWrapper": {
+                  transform: "rotate(0deg)"
+                },
+                "& .M4LAccordion-endIcon": {
+                  transform: "rotate(90deg)"
+                }
+              }
+            }
+          },
+          test: "root"
+        },
+        "& .MuiCollapse-root": {
+          background: o.palette.background.default,
+          borderColor: o.palette.state.borderPrimary,
+          borderRadius: "0px 0px 4px 4px",
+          padding: "8px",
+          "&.MuiButtonBase-root": {
+            padding: "4px 8px !important",
+            background: o.palette.background.neutral,
+            "&.MuiAccordionSummary-root": {
+              padding: "4px 8px",
+              background: o.palette.background.neutral
+            }
+          },
+          "& .M4LAccordion-content": {
+            display: "flex !important",
+            flexDirection: "column",
+            gap: "8px !important",
+            "& .M4LPropertyValue-root:last-of-type": {
+              borderBottom: "unset"
+            }
           }
         },
-        test: "root"
-      },
-      "& .MuiCollapse-root": {
-        background: o.palette.background.default,
-        borderColor: o.palette.state.borderPrimary,
-        borderRadius: "0px 0px 4px 4px",
-        padding: "8px",
-        "& .M4LAccordion-content": {
-          "& .M4LPropertyValue-root:last-of-type": {
-            borderBottom: "unset"
+        [o.breakpoints.down("md")]: {
+          "& .MuiButtonBase-root": {
+            height: "36px",
+            minHeight: "36px",
+            "&.MuiAccordionSummary-root": {
+              height: "36px",
+              minHeight: "36px",
+              "& .Mui-expanded": {
+                height: "36px",
+                minHeight: "36px",
+                "& .MuiButtonBase-root": {
+                  "&.MuiAccordionSummary-content": {
+                    height: "36px",
+                    minHeight: "36px"
+                  }
+                }
+              }
+            },
+            test: "root"
           }
         }
       }
@@ -3315,8 +3598,8 @@ const p = (o) => ({
         borderColor: o.palette.state.borderPrimary,
         display: "flex",
         width: "100%",
-        minHeight: "24px",
-        height: "fit-content",
+        minHeight: "22px !important",
+        height: "24px !important",
         borderRadius: "4px",
         "& .M4LPeriod-stateReadOnly": {},
         "& .M4LPeriod-gap": {
@@ -3324,67 +3607,84 @@ const p = (o) => ({
         },
         "& .M4LIcon-root": {
           padding: "0 8px",
-          minHeight: "24px",
-          minWidth: "24px"
+          minHeight: "22px",
+          minWidth: "22px",
+          borderLeft: "1.3px solid",
+          borderColor: o.palette.state.borderPrimary
         },
         "& .M4LPeriod-containerDateLabel": {
           width: "100%",
-          borderRight: "solid 1.3px",
-          borderColor: o.palette.state.borderPrimary,
+          height: "100% !important",
           padding: "0px 0px 0px 8px"
         },
         "& .M4LPeriod-containerDateValue": {
           display: "flex",
           width: "100%",
-          borderRight: "solid 1.3px",
-          borderColor: o.palette.state.borderPrimary,
           padding: "0px 0px 0px 8px"
         },
         "&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod": {
           width: "100%",
-          minHeight: "24px",
-          height: "fit-content",
+          height: "22px",
           "& .MuiAutocomplete-root": {
             width: "100%",
-            minHeight: "24px",
-            height: "fit-content",
+            height: "22px",
             borderColor: o.palette.state.borderPrimary,
             "& .MuiFormControl-root": {
-              minHeight: "24px",
-              height: "fit-content",
+              height: "22px !important",
+              minHeight: "22px !important",
               width: "100%",
               borderRight: "solid 1.3px",
               borderColor: o.palette.state.borderPrimary,
               "& .MuiInputBase-root": {
-                minHeight: "24px",
+                height: "22px !important",
                 width: "100%",
                 gap: "16px",
                 padding: "0 0 0 8px",
                 background: "transparent",
                 "& .MuiInputBase-input": {
-                  padding: "0"
+                  padding: "0",
+                  height: "22px"
                 },
                 "& .MuiAutocomplete-endAdornment": {
                   position: "relative",
-                  minHeight: "24px",
+                  minHeight: "22x",
+                  height: "22px",
                   "& .MuiButtonBase-root": {
                     padding: "0",
                     display: "inline",
                     margin: "0",
-                    height: "24px"
+                    height: "22px !important",
+                    "& .MuiSvgIcon-root": {
+                      height: "22px",
+                      width: "22px"
+                    }
                   }
                 }
               }
             }
           },
+          "& .MuiFormControl-root": {
+            height: "22px !important",
+            minHeight: "22px !important",
+            width: "100%",
+            "& .MuiInputBase-root": {
+              height: "22px !important",
+              width: "100%",
+              gap: "16px",
+              padding: "0 0 0 8px",
+              background: "transparent",
+              "& .MuiInputBase-input": {
+                padding: "0",
+                height: "22px"
+              }
+            }
+          },
           "& .MuiTextField-root": {
             width: "100%",
-            minHeight: "24px",
+            minHeight: "22px",
             height: "fit-content",
-            borderRight: "solid 1.3px",
-            borderColor: o.palette.state.borderPrimary,
             "& .MuiInputBase-root": {
-              minHeight: "24px",
+              minHeight: "22px",
               padding: "0 0 0 4px",
               background: "transparent"
             },
@@ -3470,11 +3770,61 @@ const p = (o) => ({
               }
             }
           }
+        },
+        [o.breakpoints.down("sm")]: {
+          minHeight: "40px !important",
+          height: "auto !important",
+          "&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod": {
+            height: "100% !important",
+            minHeight: "38px !important",
+            "& .MuiAutocomplete-root": {
+              height: "100% !important",
+              minHeight: "38px !important",
+              "& .MuiFormControl-root": {
+                height: "100% !important",
+                minHeight: "38px !important",
+                "& .MuiInputBase-root": {
+                  height: "100% !important",
+                  minHeight: "38px !important",
+                  "& .MuiInputBase-input": {
+                    minHeight: "38px !important",
+                    height: "100% !important"
+                  },
+                  "& .MuiAutocomplete-endAdornment": {
+                    minHeight: "38px !important",
+                    height: "100% !important",
+                    "& .MuiButtonBase-root": {
+                      minHeight: "36px !important",
+                      minWidth: "36px !important",
+                      height: "100% !important",
+                      "& .MuiSvgIcon-root": {
+                        minHeight: "24px !important",
+                        minWidth: "24px !important",
+                        height: "100% !important"
+                      }
+                    }
+                  }
+                }
+              }
+            },
+            "& .MuiFormControl-root": {
+              height: "100% !important",
+              minHeight: "38px !important",
+              "& .MuiInputBase-root": {
+                height: "100% !important",
+                minHeight: "38px !important",
+                "& .MuiInputBase-input": {
+                  height: "100% !important",
+                  minHeight: "38px !important"
+                }
+              }
+            }
+          }
         }
       }
     }
   }
-}), F = (o) => ({
+}), H = (o) => ({
   M4LModalDialog: {
     styleOverrides: {
       "&.M4LModal-root": {
@@ -3492,7 +3842,7 @@ const p = (o) => ({
           background: o.palette.state.active12,
           border: "2px solid",
           borderColor: o.palette.state.borderPrimary,
-          boxShadow: o.customShadows.z3,
+          boxShadow: o.customShadows.z4,
           [o.breakpoints.down("sm")]: {
             width: "100%",
             height: "100%",
@@ -3597,7 +3947,7 @@ const p = (o) => ({
       }
     }
   }
-}), H = (o) => ({
+}), F = (o) => ({
   M4LPaperForm: {
     styleOverrides: {
       "&.M4LPaperForm-root": {
@@ -3617,9 +3967,9 @@ const p = (o) => ({
           borderRadius: "4px",
           background: o.palette.background.header,
           borderBottom: "none",
-          [o.breakpoints.down("sm")]: {
-            height: "44px",
-            minHeight: "44px"
+          [o.breakpoints.down("md")]: {
+            height: "36px",
+            minHeight: "36px"
           },
           "& .M4LPaperForm-iconTitleContainer": {
             ...o.typography.bodyDens,
@@ -3656,7 +4006,7 @@ const p = (o) => ({
           height: "fit-content",
           minHeight: "24px",
           width: "fit-content",
-          color: e.marbleLight[30],
+          color: r.marbleLight[30],
           ...o.typography.body
         }
       }
@@ -3780,7 +4130,6 @@ const p = (o) => ({
             position: "relative",
             height: "100%",
             overflow: "hidden",
-            borderRadius: "4px",
             "& .rdg ": {
               border: "none",
               background: o.palette.background.default,
@@ -3796,10 +4145,10 @@ const p = (o) => ({
               "--rdg-row-selected-background-color": "#D9E9FC",
               "--rdg-row-hover-background-color": "#D9E9FC",
               "--rdg-background-color": o.palette.background.default,
-              "--rdg-selection-color": o.palette.state.active,
+              "--rdg-selection-color": o.palette.state.lineTheme,
               "--row-selected-hover-background-color": (o.palette.mode === "light", o.palette.state.toneOp),
               "--rdg-checkbox-color": o.palette.primary.main,
-              "--rdg-checkbox-focus-color": r(
+              "--rdg-checkbox-focus-color": e(
                 o.palette.primary.main,
                 o.palette.action.selectedOpacity
               ),
@@ -3819,7 +4168,9 @@ const p = (o) => ({
             },
             "& .rdg-row": {
               '&[aria-selected="false"] .rdg-cell': {
-                backgroundColor: o.palette.background.default
+                backgroundColor: o.palette.background.default,
+                borderLeft: "0.5px solid",
+                borderColor: o.palette.state.borderDisable
               },
               "&:nth-of-type(odd)": {
                 "& .rdg-cell": {
@@ -3875,7 +4226,10 @@ const p = (o) => ({
             },
             "& [aria-selected=true]": {
               backgroundColor: o.palette.state.toneOp,
-              color: o.palette.text.primary
+              color: o.palette.text.primary,
+              outline: "1px solid",
+              outlineOffset: "-1px",
+              outlineColor: o.palette.state.lineTheme
             },
             "& .rdg-cell.rdg-cell-align-left": {
               textAlign: "start",
@@ -3898,26 +4252,25 @@ const p = (o) => ({
               borderColor: o.palette.background.neutral
             },
             "& .rdg-header-row": {
-              backgroundColor: o.palette.background.header,
-              borderColor: "transparent"
+              backgroundColor: o.palette.background.header
             },
             "& .rdg-header-row .rdg-cell": {
               fontFamily: o.typography.body,
               fontWeight: o.typography.body,
               fontSize: o.typography.body,
               color: o.palette.text.primary,
-              borderRight: "1px solid",
+              borderRight: "0.5px solid !important",
               boxShadow: "none",
               gridTemplateColumns: "auto",
-              borderBottom: "1px solid !important",
-              borderColor: `${o.palette.background.default}!important`,
+              borderBottom: "0.5px solid !important",
+              borderColor: `${o.palette.state.borderDisable}!important`,
               "&.rdg-cell-frozen-last": {
                 borderColor: o.palette.background.default,
+                boxShadow: "var(--rdg-frozen-cell-box-shadow)",
                 "&:after": {
                   borderRight: "1.5px solid",
                   borderColor: o.palette.background.neutral
-                },
-                boxShadow: "var(--rdg-frozen-cell-box-shadow)"
+                }
               },
               "& .rdg-header-sort-cell": {
                 "& .rdg-header-sort-name + span": {
@@ -4119,7 +4472,8 @@ const p = (o) => ({
         height: "100%",
         position: "relative",
         overflow: "auto",
-        flex: "1"
+        flex: "1",
+        borderRadius: "4px"
       }
     }
   }
@@ -4132,6 +4486,9 @@ const p = (o) => ({
         position: "relative",
         minHeight: "36px",
         borderRadius: "4px 4px 0 0",
+        "& .MuiTabs-indicator": {
+          display: "none"
+        },
         "& .MuiButtonBase-root": {
           background: o.palette.background.background,
           borderRadius: "4px 4px 0 0",
@@ -4180,7 +4537,7 @@ const p = (o) => ({
       }
     }
   }
-}), $ = (o) => ({
+}), _ = (o) => ({
   M4LScrollBar: {
     styleOverrides: {
       "&.M4LScrollBar-root": {
@@ -4212,7 +4569,7 @@ const p = (o) => ({
       }
     }
   }
-}), _ = (o) => ({
+}), $ = (o) => ({
   M4LGridLayout: {
     styleOverrides: {
       "&.M4LGridLayout-root": {
@@ -4224,12 +4581,12 @@ const p = (o) => ({
   M4LTabContent: {
     styleOverrides: {
       "&.M4LTabContent-root": {
-        padding: "4px",
+        padding: "8px 0px 0px 0px",
         display: "flex",
         overflow: "hidden",
         height: "100%",
         flexDirection: "column",
-        gap: "4px",
+        gap: "8px",
         background: o.palette.background.default,
         borderRadius: "0 0 4px 4px",
         position: "relative",
@@ -4237,7 +4594,7 @@ const p = (o) => ({
       }
     }
   }
-}), X = (o) => ({
+}), q = (o) => ({
   M4LMenuActions: {
     styleOverrides: {
       "&.M4LMenuActions-root": {
@@ -4252,7 +4609,11 @@ const p = (o) => ({
             minHeight: "24px",
             minWidth: "24px",
             padding: "0",
-            "& .M4LIcon-root": {},
+            gap: "0px",
+            "& .M4LIcon-root": {
+              minHeight: "24px",
+              minWidth: "24px"
+            },
             "& .css-hgjo64": {
               margin: "0"
             }
@@ -4267,7 +4628,7 @@ const p = (o) => ({
       }
     }
   }
-}), Y = (o) => ({
+}), X = (o) => ({
   M4LPrintingSystem: {
     styleOverrides: {
       "&.M4LPrintingSystem-root": {
@@ -4316,7 +4677,8 @@ const p = (o) => ({
             ...o.typography.body
           },
           "&.M4LPrintingSystem-textBoxNodeVariant-action": {
-            ...o.typography.action
+            ...o.typography.action,
+            fontSize: "10px!important"
           }
         },
         "& .M4LPrintingSystem-bodyNodeRoot": {
@@ -4346,10 +4708,10 @@ const p = (o) => ({
             }
           },
           "& .M4LPrintingSystem-paperNodeContent": {
-            padding: "8px",
+            padding: "4px",
             display: "flex",
             flexDirection: "column",
-            gap: "8px"
+            gap: "3px"
           }
         },
         "& .M4LPrintingSystem-propertyValueNodeRoot": {
@@ -4387,7 +4749,7 @@ const p = (o) => ({
           }
         },
         "& .M4LPrintingSystem-dividerNodeRoot": {
-          backgroundColor: o.palette.state.borderDefault,
+          backgroundColor: "#c9c9c9",
           "&.M4LPrintingSystem-dividerNodeVertical": {
             width: "1px",
             height: "100%"
@@ -4447,7 +4809,7 @@ const p = (o) => ({
       }
     }
   }
-}), q = (o) => ({
+}), Y = (o) => ({
   M4LFormatter: {
     styleOverrides: {
       "&.M4LFormatter-root": {
@@ -4543,6 +4905,12 @@ const p = (o) => ({
         width: "auto",
         display: "flex",
         justifyContent: "center",
+        height: "24px",
+        minHeight: "24px",
+        [o.breakpoints.down("md")]: {
+          height: "36px",
+          minHeight: "36px"
+        },
         "& .MuiButtonBase-root.MuiLoadingButton-loading": {
           "& .M4LTypography-root": {
             opacity: "0"
@@ -4766,26 +5134,91 @@ const p = (o) => ({
   M4LToastContainer: {
     styleOverrides: {
       "&.M4LToastContainer-root": {
-        "& .Toastify__toast": {
-          backgroundColor: o.palette.background.background,
-          "& .Toastify__toast-icon": {
-            display: "none"
-          },
-          "& .Toastify__close-button": {
-            margin: "auto auto",
-            "& > svg": {
-              fill: o.palette.text.secondary
-            }
-          },
-          "& .M4LToastContainer-toastMessageContainer": {
+        width: "100%",
+        height: "100%",
+        position: "relative",
+        "& .Toastify": {
+          "& .Toastify__toast-container": {
             display: "flex",
-            gap: "10px",
-            "& .M4LToastContainer-toastMessageInfo": {
-              ...o.typography.body,
-              color: o.palette.text.secondary
+            flexDirection: "column",
+            gap: "16px",
+            "& .Toastify__toast": {
+              padding: "8px",
+              marginBottom: "0px",
+              backgroundColor: o.palette.background.default,
+              boxShadow: o.customShadows.z3,
+              minHeight: "54px !important",
+              "& .Toastify__toast-body": {
+                margin: "0px",
+                padding: "0px",
+                "& .Toastify__toast-icon": {
+                  display: "none"
+                },
+                "& .M4LToastContainer-toastMessageContainer": {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "10px",
+                  "& .M4LToastContainer-toastMessageIcon": {
+                    height: "22px",
+                    width: "22px",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    borderRadius: "2px"
+                  },
+                  "& .M4LToastContainer-toastMessageInfo": {
+                    ...o.typography.bodyDens,
+                    color: o.palette.text.primary
+                  }
+                }
+              },
+              "& .Toastify__close-button": {
+                margin: "auto auto",
+                "& > svg": {
+                  fill: o.palette.text.primary
+                }
+              },
+              "&.Toastify__toast--info": {
+                "& .Toastify__toast-body": {
+                  "& .M4LToastContainer-toastMessageContainer": {
+                    "& .M4LToastContainer-toastMessageIcon": {
+                      background: `${o.palette.state.info.normal} !important`
+                    }
+                  }
+                }
+              },
+              "&.Toastify__toast--success": {
+                "& .M4LToastContainer-toastMessageIcon": {
+                  background: `${o.palette.state.success.normal} !important`
+                }
+              },
+              "&.Toastify__toast--warning": {
+                "& .M4LToastContainer-toastMessageIcon": {
+                  background: `${o.palette.state.warning.normal} !important`
+                }
+              },
+              "&.Toastify__toast--error": {
+                "& .M4LToastContainer-toastMessageIcon": {
+                  background: `${o.palette.state.error.normal} !important`
+                }
+              }
             }
-          },
-          "&.Toastify__toast--error": {}
+          }
+        }
+      }
+    }
+  }
+}), oo = (o) => ({
+  M4LPDFViewer: {
+    styleOverrides: {
+      "&.M4LPDFViewer-root": {
+        width: "100%",
+        height: "100%",
+        position: "relative",
+        "& .M4LButton-root": {
+          position: "sticky!important",
+          bottom: "20px",
+          left: "20px"
         }
       }
     }
@@ -4795,48 +5228,49 @@ export {
   A,
   P as B,
   D as C,
-  F as D,
-  H as E,
+  H as D,
+  F as E,
   V as F,
   W as G,
   j as H,
   G as I,
   N as J,
   E as K,
-  $ as L,
+  _ as L,
   Q as M,
-  _ as N,
+  $ as N,
   U as O,
-  X as P,
-  Y as Q,
-  q as R,
+  q as P,
+  X as Q,
+  Y as R,
   J as S,
   K as T,
   Z as U,
+  oo as V,
   p as a,
   T as b,
   d as c,
   l as d,
   s as e,
   c as f,
-  M as g,
-  u as h,
+  y as g,
+  g as h,
   z as i,
-  g as j,
+  u as j,
   O as k,
   x as l,
   b as m,
-  y as n,
+  M as n,
   L as o,
-  h as p,
-  f as q,
-  w as r,
+  w as p,
+  h as q,
+  f as r,
   v as s,
   k as t,
-  C as u,
-  I as v,
-  B as w,
-  m as x,
+  m as u,
+  C as v,
+  I as w,
+  B as x,
   S as y,
   R as z
 };