@solidxai/core-ui 0.1.15-beta.0 → 0.1.16-beta.0

package/dist/resources/globals.css

@@ -757,26 +757,6 @@ html.dark .solid-react-datepicker-calendar .react-datepicker__month-year-read-vi
   font-weight: 700 !important;
 }
 
-.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
-  background-color: transparent;
-}
-
-.p-panelmenu .p-panelmenu-header:hover {
-  /* background-color: #eff1f4; */
-}
-
-.navBarTwo .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
-  /* background-color: #eff1f4; */
-  border: none;
-  border-radius: 4px;
-}
-
-
-.navBarTwo .p-panelmenu .p-panelmenu-content {
-  border: none;
-  border-radius: 0;
-}
-
 .navBarTwo .menuHead a {
   text-decoration: none;
   font-weight: 600;
@@ -786,6 +766,19 @@ html.dark .solid-react-datepicker-calendar .react-datepicker__month-year-read-vi
   padding: 0.75rem 0.75rem 0.75rem 0rem;
 }
 
+.navBarTwo .menuHead.is-active,
+.solid-panel-menu .menuHead.is-active {
+  background-color: #F5F5F5;
+  border-radius: 8px;
+}
+
+.navBarTwo .menuHead.is-active a,
+.solid-panel-menu .menuHead.is-active a,
+.navBarTwo .menuHead.is-active .sidebar-chevrons,
+.solid-panel-menu .menuHead.is-active .sidebar-chevrons {
+  color: #374151 !important;
+}
+
 /* .navBarTwo .subMenuHead {
   padding: 0.75rem;
 } */
@@ -864,14 +857,6 @@ html.dark .solid-react-datepicker-calendar .react-datepicker__month-year-read-vi
 }
 
 /* Wrappers */
-/* .p-component {
-  border-radius: 4px !important;
-} */
-
-.p-column-filter.p-inputtext {
-  max-height: 2rem !important;
-  border-radius: 4px;
-}
 
 .page-parent-wrapper {
   display: flex;
@@ -921,14 +906,6 @@ html.dark .solid-react-datepicker-calendar .react-datepicker__month-year-read-vi
 
 .table-header-fs {}
 
-.table-header-fs .p-column-title {
-  /* font-size: 14px !important; */
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  /* max-width: 15ch; */
-}
-
 .solid-table-row {
   white-space: nowrap !important;
   overflow: hidden !important;
@@ -1060,16 +1037,6 @@ html.dark .solid-react-datepicker-calendar .react-datepicker__month-year-read-vi
   opacity: 0.75;
 } */
 
-.boolean-switch .p-button {
-  max-height: 2rem;
-  min-width: 7rem !important;
-  border-radius: 4px;
-}
-
-.boolean-switch .p-button-label {
-  font-size: 0.75rem !important;
-}
-
 /* Home page */
 
 .stays-heading {
@@ -1267,25 +1234,6 @@ footer {
 }
 
 /*------ dashboard ------*/
-.dealsStatusTable .p-datatable .p-datatable-tbody>tr>td {
-  border: none !important;
-}
-
-.dealsStatusTable .p-datatable.p-datatable-sm .p-datatable-thead>tr>th,
-.dealsStatusTable .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td {
-  font-size: 0.625rem !important;
-  line-height: 16px !important;
-  color: #4b4d52 !important;
-}
-
-.dealsStatusTable .p-datatable.p-datatable-sm .p-datatable-thead>tr>th {
-  font-weight: 600;
-  background-color: rgba(25, 126, 247, 0.1);
-}
-
-.dealsStatusTable .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td {
-  font-weight: 400;
-}
 
 .bgCircle {
   width: 32px;
@@ -1355,12 +1303,6 @@ footer {
   color: #4b4d52;
 }
 
-.seachInput .p-icon-field-left>.p-inputtext {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  border-color: #197ef7;
-}
-
 /* Make the button transparent and remove borders */
 .transparent-background {
   background: transparent;
@@ -1371,10 +1313,6 @@ footer {
 }
 
 /* Ensure icon color is visible */
-.transparent-background .p-button-icon {
-  color: #4b4d52;
-  /* Or specify a color */
-}
 
 /* Optional: Add hover effect */
 .transparent-background:hover {
@@ -1382,67 +1320,15 @@ footer {
   /* Adjust hover background if needed */
 }
 
-.custom-select-button .p-button {
-  padding: 0.3rem 0.75rem;
-}
-
 .custom-row-height {
   height: 41px;
 }
 
-.custom-row-height .p-button.p-button-icon-only.p-button-rounded {
-  height: 2.5rem !important;
-}
-
 .custom-row-height td {
   padding: 0px;
 }
 
-.custom-table .p-datatable-thead th {
-  padding-left: 0px;
-}
-
-.custom-tooltip.p-tooltip .p-tooltip-text {
-  padding: 0.5rem !important;
-  font-weight: 400;
-  font-size: 0.875rem !important;
-  line-height: 16px !important;
-}
-
 /* Custom style for the small SplitButton */
-.small-splitbutton .p-button {
-  font-size: 0.75rem;
-  /* Adjust the font size */
-  padding: 0.25rem 0.5rem;
-  /* Adjust the padding */
-  /* height: 34px; Adjust the height */
-}
-
-.small-splitbutton .p-button-icon {
-  font-size: 1rem;
-  /* Adjust the icon size */
-}
-
-.small-splitbutton .p-splitbutton-menubutton {
-  font-size: 0.75rem;
-  /* Adjust the font size */
-  padding: 0.25rem 0.5rem;
-  /* Adjust the padding */
-  height: 2rem;
-  /* Adjust the height */
-}
-
-/* .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link {
-  padding: 0.5rem 1rem;
-  color: #4b4d52;
-}
-
-.p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
-  font-weight: 400;
-  font-size: 0.725px;
-  line-height: 16px;
-  color: #4b4d52;
-} */
 
 /* Form Input */
 .submit-Button {
@@ -1459,21 +1345,6 @@ footer {
   margin-bottom: 0 !important;
 }
 
-.form-demo .p-inline-message {
-  padding-left: 0;
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-
-.form-demo .p-inline-message.p-inline-message-error {
-  background-color: transparent;
-  justify-content: flex-start;
-}
-
-.form-demo .p-inline-message .p-inline-message-text {
-  font-size: 0.8rem;
-}
-
 .form-demo .form-label {
   font-weight: 700;
   font-size: 0.9rem;
@@ -1654,12 +1525,6 @@ input::placeholder {
   width: 100%;
 }
 
-
-.filterDropdown .p-overlaypanel::before {
-  left: 100% !important;
-
-}
-
 .custom-header {
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
 }
@@ -1694,25 +1559,6 @@ input::placeholder {
   align-items: center;
 }
 
-.p-button:focus {
-  outline: none;
-  box-shadow: none;
-  /* border-radius: 0; */
-}
-
-.header-li-btn .p-button,
-.header-li-btn .p-button:hover,
-.header-li-btn .p-button:focus,
-.header-li-btn .p-button:active {
-  background-color: transparent !important;
-  outline: none;
-  box-shadow: none;
-  border-radius: 0;
-  background: none !important;
-  /* padding-left: 10px;
-  padding-right: 10px; */
-}
-
 li.header-li-px {
   padding: 0 16px;
 }
@@ -1721,22 +1567,10 @@ li.header-li-px {
   background: linear-gradient(92.35deg, #12415D 1.97%, #2688C3 159.88%);
 }
 
-.active-nav-item .p-button {
-  color: #fff !important;
-}
-
-.active-nav-item .p-button svg path {
-  fill: #fff;
-}
-
 .deactive-nav-item {
   background-color: #fff;
 }
 
-.deactive-nav-item .p-button {
-  color: var(--drop-primary-dark) !important;
-}
-
 .main-megamenu-animation {
   -webkit-animation-duration: 0.3s;
   animation-duration: 0.3s;
@@ -1874,28 +1708,12 @@ li.header-li-px {
   li.header-li-px {
     padding: 0 12px !important;
   }
-
-  .header-li-btn .p-button,
-  .header-li-btn .p-button:hover,
-  .header-li-btn .p-button:focus,
-  .header-li-btn .p-button:active {
-    padding-left: 12px;
-    padding-right: 10px;
-  }
 }
 
 @media only screen and (min-device-width: 1200px) and (max-device-width: 1499px) {
   li.header-li-px {
     padding: 0 8px !important;
   }
-
-  .header-li-btn .p-button,
-  .header-li-btn .p-button:hover,
-  .header-li-btn .p-button:focus,
-  .header-li-btn .p-button:active {
-    padding-left: 8px !important;
-    padding-right: 8px !important;
-  }
 }
 
 .small-button {
@@ -1904,25 +1722,11 @@ li.header-li-px {
   border-radius: 4px !important;
 }
 
-.small-button .p-button-icon {
-  font-size: 0.75rem !important;
-}
-
 .small-input {
   max-height: 2rem;
   border-radius: 4px !important;
 }
 
-.small-input .p-password-input {
-  max-height: 2rem;
-  border-radius: 4px !important;
-}
-
-.form-dropdown-select .p-dropdown-label {
-  height: 2rem;
-  padding: 6.5px 10.5px !important;
-}
-
 .type-field-card {
   border: 1px solid rgb(220, 220, 228);
   text-align: left;
@@ -1968,12 +1772,6 @@ li.header-li-px {
   font-size: 1.2em;
 }
 
-
-.field-popup .p-tabview-nav {
-  justify-content: end;
-  font-size: 0.8em;
-}
-
 .field-popup-heading {
   position: absolute;
   left: 0;
@@ -1990,14 +1788,6 @@ li.header-li-px {
   color: grey;
 }
 
-.tab-error-heading .p-tabview-title {
-  color: #ff5757;
-}
-
-.tab-error-heading .p-tabview-nav-link:focus {
-  border-color: #ff5757 !important;
-}
-
 .tab-error-heading {
   animation: shake 0.8s ease-in-out;
   border-bottom: 3px solid red;
@@ -2036,16 +1826,6 @@ li.header-li-px {
   margin: 0 !important;
 }
 
-.field-poopup-container .p-dialog-content {
-  padding: 0 !important;
-  margin: 0 !important;
-}
-
-.field-table .p-datatable .p-datatable-tbody>tr>td {
-  padding: 0;
-  padding-left: 10px;
-}
-
 .bg-red-row {
   background-color: rgb(243, 43, 43);
 }
@@ -2099,47 +1879,7 @@ li.header-li-px {
   opacity: 0.5;
 }
 
-.p-datepicker {
-  max-width: 350px !important;
-  min-width: 350px !important
-}
-
-.p-datepicker .p-timepicker span {
-  font-size: 0.9rem !important;
-
-}
-
-.p-datepicker table td>span {
-  width: 1.5rem !important;
-  height: 1.5rem !important;
-  font-size: 0.9rem !important;
-  padding: 5px !important;
-  margin: 5px !important;
-}
-
 /* Input Error message css */
-.p-inline-message.p-inline-message-error {
-  padding: 3px;
-  text-align: left;
-  background: transparent;
-  justify-content: flex-start;
-}
-
-.p-inline-message .p-inline-message-icon {
-  display: none;
-}
-
-.p-inline-message .p-inline-message-text {
-  font-size: 0.8rem;
-}
-
-.small-input .p-multiselect-label .p-multiselect-token {
-  padding: 3px;
-}
-
-.small-input .p-multiselect-label .p-multiselect-token .p-multiselect-token-label {
-  font-size: 0.8rem;
-}
 
 .kanban-column {
   flex: 1;
@@ -2247,22 +1987,6 @@ li.header-li-px {
   margin-bottom: 10px;
 }
 
-.kanban-arrow-icon-container .pi {
-  font-size: 0.7rem;
-}
-
-.kanban-arrow-icon-container:hover .pi-sort-up-fill {
-  transform: translatey(-3px);
-}
-
-.kanban-arrow-icon-container:hover .pi-sort-down-fill {
-  transform: translateY(3px);
-}
-
-.autocomplete-small-input .p-autocomplete-dropdown {
-  max-height: 48px;
-}
-
 .load-more-button {
   color: #000;
   font-size: 0.8rem;
@@ -2568,26 +2292,6 @@ li.header-li-px {
   transform: translateY(-37%);
 }
 
-.solid-step-button.p-button {
-  position: relative;
-  width: auto;
-  display: flex;
-  justify-content: center;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  font-size: 0.875rem;
-  border-radius: 0;
-  border: none;
-}
-
-.solid-step-button.p-button-primary {
-  padding-left: 42px;
-  padding-right: 16px;
-}
-
-.solid-step-button.p-button-secondary:first-child {
-  padding-left: 12px;
-}
 
 .arrow-stepper-container {
   display: flex;
@@ -2782,58 +2486,6 @@ li.header-li-px {
   }
 }
 
-/* .solid-step-button.p-button.p-button-text:first-child {
-  padding-left: 16px !important;
-}
-
-.solid-step-button.p-button.p-button-text:not(:first-child) {
-  padding-left: 0px !important;
-} */
-
-.solid-step-button.p-button-secondary {
-  background-color: #EAEDF1;
-  color: #0D0B26;
-  padding-left: 24px;
-  /* Extra space for the arrow on the left */
-  /* padding-right: 28px; */
-}
-
-.solid-step-button.p-button-secondary.p-button:not(:disabled):active {
-  background: #EAEDF1;
-  color: #0D0B26;
-}
-
-.solid-step-button.p-button-secondary.p-button:not(:disabled):hover {
-  background: #EAEDF1;
-  color: #0D0B26;
-}
-
-.solid-step-button.p-button:not(:disabled):active {
-  background: var(--primary-color);
-  color: #ffffff;
-  border-color: var(--primary-color);
-}
-
-.solid-step-button.p-button:not(:disabled):hover {
-  background: var(--primary-color);
-  color: #ffffff;
-  border-color: var(--primary-color);
-}
-
-.solid-step-button.p-button.p-button-text {
-  background-color: transparent;
-  border: 0;
-  padding-left: 36px;
-  /* Extra space for the arrow on the left */
-  padding-right: 16px;
-  /* padding-left: 0; */
-}
-
-.solid-step-button.p-button.p-button-text:last-child {
-  padding-right: 16px;
-  padding-left: 16px
-}
-
 .solid-step-label {
   position: relative;
   z-index: 10;
@@ -2841,19 +2493,6 @@ li.header-li-px {
   padding: 0 4px;
 }
 
-/* .solid-dynamic-stepper.test .solid-step-button.p-button:nth-child(2) {
-  padding-left: 20px !important;
-  min-width: 130px;
-} */
-
-.solid-step-button.p-button.p-button-text:not(:disabled):active {
-  background-color: transparent;
-}
-
-.solid-step-button.p-button.p-button-text:not(:disabled):hover {
-  background-color: transparent;
-}
-
 .solid-step-button.btn-step-first {
   /* border: 1px solid var(--solid-stepper-border) !important; */
   background-color: #EAEDF1;
@@ -2958,19 +2597,6 @@ li.header-li-px {
   height: calc(100% - 66px);
 }
 
-
-.solid-datatable-wrapper .p-datatable-wrapper {
-  min-height: calc(100% - 70px);
-}
-
-.solid-datatable-wrapper .p-datatable {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between !important;
-}
-
 .solid-datatable-wrapper .solid-list-view-count {
   position: absolute;
   bottom: 10px;
@@ -2981,52 +2607,11 @@ li.header-li-px {
   line-height: 1rem;
 }
 
-/* .solid-paginator .p-paginator .p-dropdown {
-  height: 2rem !important;
-} */
 .solid-paginator {
   display: flex !important;
   align-items: center;
 }
 
-.solid-paginator div.p-dropdown {
-  margin-left: 100px;
-}
-
-
-.solid-paginator .p-inputtext {
-  padding: 0;
-  color: #000000E0 !important;
-}
-
-.solid-paginator.p-paginator .p-dropdown {
-  height: auto !important;
-  padding: 4px 8px !important;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.solid-paginator div.p-dropdown::before {
-  content: "Items per page:";
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  left: -100px;
-  color: var(--icon-color);
-  font-weight: 400;
-  font-size: 0.9rem;
-  display: inline-block;
-}
-
-.solid-paginator .p-dropdown .p-dropdown-label {
-  color: var(--icon-color) !important;
-  font-size: 0.9rem;
-}
-
-.solid-paginator .p-dropdown .p-dropdown-trigger {
-  width: auto;
-}
 
 .solid-paginator span {
   margin-left: auto;
@@ -3039,22 +2624,6 @@ li.header-li-px {
   line-height: 1;
 }
 
-
-.solid-paginator .p-inputtext {
-  font-size: 0.9rem;
-  color: #4B4D52;
-  line-height: 1.4;
-}
-
-.solid-paginator .p-link {
-  font-size: 0.9rem;
-}
-
-.solid-paginator .p-dropdown-trigger svg.p-dropdown-trigger-icon.p-clickable {
-  height: 14px;
-  width: 14px;
-}
-
 .solid-form-footer-pagination-meta {
   font-size: 0.75rem;
 }
@@ -3123,19 +2692,6 @@ li.header-li-px {
   padding: 0.75rem;
 } */
 
-
-.solid-panel-menu .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
-  background-color: var(--surface-a);
-  border: none;
-  border-radius: 4px;
-}
-
-.solid-panel-menu .p-panelmenu .p-panelmenu-content {
-  border: none;
-  border-radius: 0;
-  margin-left: 15px;
-}
-
 .solid-panel-menu .subMenuHead a {
   text-decoration: none;
   font-weight: 500;
@@ -3182,16 +2738,8 @@ li.header-li-px {
   height: 2.4375rem;
 }
 
-.user-profile-panel .p-overlaypanel-content {
-  padding: 0 !important;
-  /* min-width: 280px; */
-  border: 1px solid #D8E2EA;
-  border-radius: 0.25rem;
-  box-shadow: 0px 4px 4px 0px rgba(200, 199, 199, 0.25);
-}
-
-.user-profile-panel.p-overlaypanel:after,
-.user-profile-panel.p-overlaypanel:before {
+.user-profile-panel:after,
+.user-profile-panel:before {
   display: none !important;
 }
 
@@ -3203,24 +2751,16 @@ li.header-li-px {
   border-bottom: 1px solid #D8E2EA;
 }
 
-.solid-header-dropdown-panel.p-overlaypanel {
+.solid-header-dropdown-panel {
   min-width: 250px !important;
 }
 
-.solid-header-dropdown-panel .p-overlaypanel-content {
-  padding: 0;
-}
-
 .solid-view {
   padding: 12px;
 }
 
-.p-password .p-icon-field {
-  width: 100%;
-}
-
 /* 
-.solid-custom-overlay.p-overlaypanel {
+.solid-custom-overlay {
   position: absolute;
   top: 140px !important;
   z-index: 1004 !important;
@@ -3230,15 +2770,8 @@ li.header-li-px {
   --overlayArrowLeft: 93px;
 } */
 
-.solid-custom-overlay .p-overlaypanel-content {
-  padding: 0;
-  border-radius: 0.5rem;
-  border: 1px solid #D8E2EA;
-  box-shadow: 0px 4px 4px 0px rgba(200, 199, 199, 0.25);
-}
-
-.solid-custom-overlay.p-overlaypanel:after,
-.solid-custom-overlay.p-overlaypanel:before {
+.solid-custom-overlay:after,
+.solid-custom-overlay:before {
   display: none;
 }
 
@@ -3247,10 +2780,6 @@ li.header-li-px {
   min-width: 220px;
 }
 
-.listview-cogwheel-panel .p-overlaypanel-content {
-  min-width: 220px;
-}
-
 .cogwheel-column-filter label {
   font-size: 14px;
 }
@@ -3259,16 +2788,6 @@ li.header-li-px {
   width: min(320px, calc(100vw - 2rem));
 }
 
-.p-button.p-button-icon-only.custom-add-button {
-  padding: 4px !important;
-  width: 2rem;
-  height: 2rem;
-}
-
-.p-button.p-button-icon-only.custom-add-button .p-button-icon {
-  font-size: 10px;
-}
-
 .solid-field-metadata-form-header {
   padding: 10px;
   display: flex;
@@ -3332,6 +2851,7 @@ li.header-li-px {
   scrollbar-width: thin;
 }
 
+.solid-custom-filter-wrapper,
 .solid-global-search-element {
   --solid-search-tone-saved: hsl(262 83% 58%);
   --solid-search-tone-saved-ink: hsl(262 74% 44%);
@@ -3594,22 +3114,6 @@ li.header-li-px {
   color: color-mix(in srgb, var(--muted-foreground) 85%, transparent);
 }
 
-.solid-global-search-filter .p-dialog-content {
-  padding: 0;
-  border-radius: 12px;
-}
-
-.solid-global-search-filter .p-dialog {
-  border: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
-  border-radius: 12px;
-  overflow: hidden;
-  box-shadow: 0 18px 44px color-mix(in srgb, hsl(222 47% 11%) 20%, transparent);
-}
-
-.solid-global-search-filter .p-dialog-content h5 {
-  font-size: 1.25rem !important;
-}
-
 .solid-filter-dialog-head {
   display: flex;
   align-items: flex-start;
@@ -4162,17 +3666,6 @@ li.header-li-px {
   border-top: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
 }
 
-.solid-global-search-filter .p-fieldset .p-fieldset-legend {
-  padding: 0 !important;
-  border: none !important;
-  font-weight: 700;
-}
-
-
-.solid-global-search-filter .p-fieldset .p-fieldset-content {
-  padding: 0 0.25rem;
-}
-
 .solid-filter-builder {
   display: flex;
   flex-direction: column;
@@ -4186,10 +3679,6 @@ li.header-li-px {
   background: color-mix(in srgb, var(--card) 96%, var(--background) 4%);
 }
 
-.solid-filter-group-shell>.p-fieldset-content {
-  padding: 6px 2px 0 !important;
-}
-
 .solid-filter-rule-row {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
@@ -4211,12 +3700,8 @@ li.header-li-px {
   min-width: 0;
 }
 
-.solid-filter-control-wrap .p-inputtext,
 .solid-filter-control-wrap .solid-select,
 .solid-filter-control-wrap .solid-input,
-.solid-filter-control-wrap .p-inputnumber-input,
-.solid-filter-control-wrap .p-calendar input,
-.solid-filter-control-wrap .p-autocomplete .p-inputtext,
 .solid-filter-control-wrap .solid-autocomplete-input,
 .solid-filter-control-wrap .solid-autocomplete-chip-control {
   min-height: 30px;
@@ -4224,6 +3709,25 @@ li.header-li-px {
   font-size: 12px;
 }
 
+.solid-filter-compact-control.solid-input,
+.solid-filter-compact-control .solid-input,
+.solid-filter-compact-control.solid-select-wrap .solid-select,
+.solid-filter-compact-control .solid-select,
+.solid-filter-compact-control.solid-select-wrap .solid-select-trigger,
+.solid-filter-compact-control .solid-select-trigger {
+  min-height: 30px;
+  height: 30px;
+  font-size: 12px;
+}
+
+.solid-filter-compact-control.solid-select-wrap .solid-select,
+.solid-filter-compact-control .solid-select,
+.solid-filter-compact-control.solid-select-wrap .solid-select-trigger,
+.solid-filter-compact-control .solid-select-trigger {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
 .solid-filter-empty-pair {
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -4253,14 +3757,6 @@ li.header-li-px {
   font-size: 0.625rem !important;
 }
 
-.custom-filter-chip .p-chips-token {
-  padding: 0.25rem 0.5rem !important;
-  color: var(--primary-color) !important;
-  font-size: 0.875rem !important;
-  border-radius: 0.375rem !important;
-  background: #FBF5FF !important;
-}
-
 .solid-filter-action-btn i.pi {
   font-weight: 600;
   color: color-mix(in srgb, var(--foreground) 78%, transparent);
@@ -4350,13 +3846,8 @@ li.header-li-px {
   width: 100%;
 }
 
-.solid-global-search-filter .solid-filter-control-wrap .p-dropdown,
 .solid-global-search-filter .solid-filter-control-wrap .solid-select-wrap,
-.solid-global-search-filter .solid-filter-control-wrap .p-inputtext,
 .solid-global-search-filter .solid-filter-control-wrap .solid-input,
-.solid-global-search-filter .solid-filter-control-wrap .p-inputnumber-input,
-.solid-global-search-filter .solid-filter-control-wrap .p-calendar input,
-.solid-global-search-filter .solid-filter-control-wrap .p-autocomplete .p-inputtext,
 .solid-global-search-filter .solid-filter-control-wrap .solid-autocomplete-chip-control,
 .solid-global-search-filter .solid-filter-control-wrap .solid-autocomplete-input {
   border-color: color-mix(in srgb, var(--border) 86%, transparent);
@@ -4364,16 +3855,6 @@ li.header-li-px {
   color: color-mix(in srgb, var(--foreground) 92%, transparent);
 }
 
-.solid-global-search-filter .solid-filter-control-wrap .p-dropdown .p-dropdown-trigger,
-.solid-global-search-filter .solid-filter-control-wrap .p-autocomplete .p-autocomplete-dropdown.p-button {
-  background: color-mix(in srgb, var(--accent) 62%, transparent);
-  color: color-mix(in srgb, var(--foreground) 70%, transparent);
-  border-left: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
-  width: 28px;
-  min-width: 28px;
-  border-radius: 0 8px 8px 0;
-}
-
 .solid-global-search-filter .solid-filter-control-wrap .solid-select-wrap {
   position: relative;
 }
@@ -4456,25 +3937,6 @@ li.header-li-px {
   color: color-mix(in srgb, var(--foreground) 58%, transparent);
 }
 
-.solid-global-search-filter .solid-filter-control-wrap .p-dropdown:not(.p-disabled).p-focus,
-.solid-global-search-filter .solid-filter-control-wrap .p-inputtext:enabled:focus,
-.solid-global-search-filter .solid-filter-control-wrap .p-inputnumber-input:enabled:focus,
-.solid-global-search-filter .solid-filter-control-wrap .p-autocomplete .p-inputtext:enabled:focus,
-.solid-global-search-filter .solid-filter-control-wrap .p-calendar input:enabled:focus {
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ring) 24%, transparent);
-  border-color: color-mix(in srgb, var(--ring) 46%, transparent);
-}
-
-.solid-global-search-filter .p-overlaypanel {
-  border: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
-  border-radius: 10px;
-  box-shadow: 0 14px 30px color-mix(in srgb, hsl(222 47% 11%) 16%, transparent);
-}
-
-.solid-global-search-filter .p-overlaypanel .p-overlaypanel-content {
-  padding: 6px;
-}
-
 @media (max-width: 1024px) {
   .solid-filter-rule-main {
     grid-template-columns: 1fr;
@@ -4489,12 +3951,6 @@ li.header-li-px {
   }
 }
 
-
-.custom-filter-chip .p-chips-token-icon.pi {
-  font-size: 12px !important;
-  color: #000000E0;
-}
-
 .custom-chip-column {
   color: color-mix(in srgb, var(--foreground) 62%, transparent);
 }
@@ -4566,14 +4022,6 @@ li.header-li-px {
   --solid-search-overlay-tone-ink: var(--solid-search-tone-handler-ink);
 }
 
-.solid-global-search-element .solid-search-overlay-section--saved,
-.solid-global-search-element .solid-search-overlay-section--search,
-.solid-global-search-element .solid-search-overlay-section--predefined,
-.solid-global-search-element .solid-search-overlay-section--handler {
-  background-color: color-mix(in srgb, var(--solid-search-overlay-tone) 9%, var(--card, #ffffff)) !important;
-  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--solid-search-overlay-tone) 52%, transparent);
-}
-
 .solid-search-overlay-section-separator {
   height: 1px;
   margin: 2px 12px 0;
@@ -4581,36 +4029,21 @@ li.header-li-px {
   background: color-mix(in srgb, var(--border, #d9dee8) 86%, transparent);
 }
 
-.solid-global-search-element .solid-search-overlay-section--saved .solid-search-overlay-heading-with-icon svg,
-.solid-global-search-element .solid-search-overlay-section--saved .solid-search-overlay-panel-callout-icon,
-.solid-global-search-element .solid-search-overlay-section--search .solid-search-overlay-heading-with-icon svg,
-.solid-global-search-element .solid-search-overlay-section--predefined .solid-search-overlay-heading-with-icon svg,
-.solid-global-search-element .solid-search-overlay-section--handler .solid-search-overlay-heading-with-icon svg {
-  color: var(--solid-search-overlay-tone-ink) !important;
-}
-
-.solid-global-search-element .solid-search-overlay-section--saved .solid-search-overlay-section-title,
-.solid-global-search-element .solid-search-overlay-section--search .solid-search-overlay-section-title,
-.solid-global-search-element .solid-search-overlay-section--predefined .solid-search-overlay-section-title,
-.solid-global-search-element .solid-search-overlay-section--handler .solid-search-overlay-section-title {
+.solid-custom-filter-wrapper .solid-search-overlay-section--saved .solid-search-overlay-heading-with-icon svg,
+.solid-custom-filter-wrapper .solid-search-overlay-section--saved .solid-search-overlay-panel-callout-icon,
+.solid-custom-filter-wrapper .solid-search-overlay-section--search .solid-search-overlay-heading-with-icon svg,
+.solid-custom-filter-wrapper .solid-search-overlay-section--predefined .solid-search-overlay-heading-with-icon svg,
+.solid-custom-filter-wrapper .solid-search-overlay-section--handler .solid-search-overlay-heading-with-icon svg {
   color: var(--solid-search-overlay-tone-ink) !important;
 }
 
-.solid-global-search-element .solid-search-overlay-section--saved .solid-search-overlay-panel-callout-icon {
-  width: 26px;
-  min-width: 26px;
-  height: 26px;
-  margin-top: 0;
-  border-radius: 7px;
-  background: color-mix(in srgb, var(--solid-search-overlay-tone) 14%, transparent) !important;
-}
-
-.solid-global-search-element .solid-search-overlay-section--saved .solid-search-overlay-section-count,
-.solid-global-search-element .solid-search-overlay-section--search .solid-search-overlay-section-count,
-.solid-global-search-element .solid-search-overlay-section--predefined .solid-search-overlay-section-count,
-.solid-global-search-element .solid-search-overlay-section--handler .solid-search-overlay-section-count {
+.solid-custom-filter-wrapper .solid-search-overlay-section--saved .solid-search-overlay-section-count,
+.solid-custom-filter-wrapper .solid-search-overlay-section--search .solid-search-overlay-section-count,
+.solid-custom-filter-wrapper .solid-search-overlay-section--predefined .solid-search-overlay-section-count,
+.solid-custom-filter-wrapper .solid-search-overlay-section--handler .solid-search-overlay-section-count {
   background: color-mix(in srgb, var(--solid-search-overlay-tone) 18%, transparent) !important;
   color: var(--solid-search-overlay-tone-ink) !important;
+  border: 1px solid color-mix(in srgb, var(--solid-search-overlay-tone) 28%, transparent);
 }
 
 .solid-search-overlay-heading {
@@ -4638,7 +4071,7 @@ li.header-li-px {
   align-items: center;
   gap: 6px;
   font-size: 12px;
-  font-weight: 600;
+  font-weight: 700;
   line-height: 1.2;
   color: color-mix(in srgb, var(--foreground) 92%, transparent);
 }
@@ -4684,11 +4117,11 @@ li.header-li-px {
 .solid-search-overlay-option-active {
   background: color-mix(in srgb, var(--accent) 76%, transparent) !important;
   border-color: transparent !important;
-  outline: 2px solid color-mix(in srgb, var(--primary-color, var(--primary)) 72%, transparent);
-  outline-offset: -2px;
+  outline: none;
   box-shadow: none !important;
 }
 
+.solid-search-overlay-option-active .solid-btn-label,
 .solid-search-overlay-option-active {
   color: var(--accent-foreground, var(--foreground)) !important;
   font-weight: 600 !important;
@@ -4721,9 +4154,9 @@ li.header-li-px {
   color: color-mix(in srgb, var(--foreground) 68%, transparent);
 }
 
-.solid-global-search-element .solid-search-overlay-section--saved .solid-search-overlay-option-icon,
-.solid-global-search-element .solid-search-overlay-section--search .solid-search-overlay-option-icon,
-.solid-global-search-element .solid-search-overlay-section--predefined .solid-search-overlay-option-icon {
+.solid-custom-filter-wrapper .solid-search-overlay-section--saved .solid-search-overlay-option-icon,
+.solid-custom-filter-wrapper .solid-search-overlay-section--search .solid-search-overlay-option-icon,
+.solid-custom-filter-wrapper .solid-search-overlay-section--predefined .solid-search-overlay-option-icon {
   background: color-mix(in srgb, var(--solid-search-overlay-tone) 24%, transparent) !important;
   color: var(--solid-search-overlay-tone-ink) !important;
 }
@@ -4741,12 +4174,16 @@ li.header-li-px {
   overflow: hidden;
   color: color-mix(in srgb, var(--foreground) 94%, transparent);
   font-size: 12px;
-  font-weight: 600;
+  font-weight: 500;
   line-height: 1.25;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+.solid-saved-filter-main .solid-search-overlay-option-title {
+  font-weight: 500;
+}
+
 .solid-search-overlay-option-description {
   display: -webkit-box;
   overflow: hidden;
@@ -4853,6 +4290,15 @@ li.header-li-px {
   line-height: 1.2;
 }
 
+.solid-saved-filter-main .solid-btn-label {
+  display: block;
+  width: 100%;
+  text-align: left;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
 .solid-saved-filter-main:hover {
   background: color-mix(in srgb, var(--accent) 60%, transparent);
 }
@@ -4912,17 +4358,16 @@ li.header-li-px {
   flex-direction: column;
   cursor: pointer;
   border-radius: 10px;
-  min-height: 44px;
   padding: 8px 12px;
   transition: background-color 120ms ease;
 }
 
-.solid-global-search-element .solid-search-overlay-footer-action--custom {
+.solid-custom-filter-wrapper .solid-search-overlay-footer-action--custom {
   --solid-search-overlay-tone: var(--solid-search-tone-custom);
   --solid-search-overlay-tone-ink: var(--solid-search-tone-custom-ink);
 }
 
-.solid-global-search-element .solid-search-overlay-footer-action--custom .solid-search-overlay-panel-callout-icon {
+.solid-custom-filter-wrapper .solid-search-overlay-footer-action--custom .solid-search-overlay-panel-callout-icon {
   width: 26px;
   min-width: 26px;
   height: 26px;
@@ -4970,6 +4415,21 @@ li.header-li-px {
   margin-bottom: 2px;
 }
 
+.solid-search-overlay-footer-btn {
+  min-height: 22px;
+  border-radius: 8px;
+  font-size: 11px;
+  justify-content: flex-start;
+  padding: 0 8px !important;
+}
+
+.solid-search-overlay-footer-actions {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+}
+
 .solid-search-overlay-no-fields {
   min-height: 42px;
   display: flex;
@@ -5054,70 +4514,16 @@ li.header-li-px {
   box-shadow: none;
 }
 
-.solid-form-content .p-inputtext:hover,
-.solid-form-content .p-dropdown:hover,
-.solid-form-content .p-multiselect:hover,
-.solid-form-content .solid-standard-autocomplete:hover .p-inputtext,
-.solid-form-content .solid-standard-autocomplete:hover .p-autocomplete-dropdown.p-button {
-  border-color: color-mix(in srgb, var(--primary-color, var(--primary)) 42%, var(--border));
-}
-
-.solid-form-content .p-dropdown:not(.p-disabled).p-focus,
-.solid-form-content .p-multiselect:not(.p-disabled).p-focus,
-.solid-form-content .p-inputtext:enabled:focus,
-.solid-form-content .solid-standard-autocomplete.p-inputwrapper-focus .p-inputtext,
-.solid-form-content .solid-standard-autocomplete.p-inputwrapper-focus .p-autocomplete-dropdown.p-button {
-  border-color: color-mix(in srgb, var(--primary-color, var(--primary)) 56%, var(--border));
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ring) 20%, transparent);
-}
-
-.solid-form-content .p-dropdown .p-dropdown-label,
-.solid-form-content .p-multiselect .p-multiselect-label,
-.solid-form-content .p-dropdown .p-dropdown-trigger,
-.solid-form-content .p-multiselect .p-multiselect-trigger {
-  color: inherit;
-}
-
-.solid-form-content .p-disabled,
-.solid-form-content .p-inputtext:disabled,
-.solid-form-content .p-dropdown.p-disabled,
-.solid-form-content .p-multiselect.p-disabled,
-.solid-form-content .solid-standard-autocomplete .p-inputtext:disabled,
-.solid-form-content .solid-standard-autocomplete .p-autocomplete-dropdown.p-disabled,
 .solid-form-content .solid-input:disabled,
 .solid-form-content .solid-select:disabled {
   background: var(--solid-form-control-bg-disabled);
 }
 
-.solid-dialog .p-dialog-content {
-  padding: 0 !important;
-  border-radius: 0;
-  overflow: hidden;
-}
-
-.solid-dialog.p-dialog {
+.solid-dialog {
   border-radius: 8px;
   overflow: hidden;
 }
 
-.custom-input-group.p-inputgroup-addon:first-child,
-.custom-input-group.p-inputgroup button:first-child,
-.custom-input-group.p-inputgroup input:first-child,
-.custom-input-group.p-inputgroup>.p-inputwrapper:first-child,
-.custom-input-group.p-inputgroup>.p-inputwrapper:first-child>.p-inputtext {
-  border-top-left-radius: 8px;
-  border-bottom-left-radius: 8px;
-}
-
-
-.custom-input-group.p-inputgroup-addon:last-child,
-.custom-input-group.p-inputgroup button:last-child,
-.custom-input-group.p-inputgroup input:last-child,
-.custom-input-group.p-inputgroup>.p-inputwrapper:last-child,
-.custom-input-group.p-inputgroup>.p-inputwrapper:last-child>.p-inputtext {
-  border-top-right-radius: 8px;
-  border-bottom-right-radius: 8px;
-}
 
 .solid-form-stepper-overlay {
   width: max-content;
@@ -5129,32 +4535,6 @@ li.header-li-px {
   min-width: inherit;
 }
 
-.solid-form-stepper-overlay .p-button {
-  min-width: 150px;
-}
-
-.solid-form-stepper-overlay .p-button .p-button-label {
-  font-weight: 400 !important;
-  flex: none;
-  font-size: 14px;
-}
-
-.solid-form-stepper-overlay .p-button-primary.p-button .p-button-label {
-  color: var(--surface-a);
-}
-
-.solid-form-stepper-overlay .p-button-text.p-button .p-button-label {
-  color: var(--solid-title);
-}
-
-.solid-form-stepper-overlay .p-button:hover .p-button-label {
-  color: #fff;
-}
-
-.solid-form-stepper-overlay .p-button.p-button-text:not(:disabled):hover {
-  background-color: var(--primary-color);
-}
-
 .solid-custom-editor {
   /* border-radius: 6px;
   overflow: hidden;
@@ -5177,19 +4557,6 @@ li.header-li-px {
   font-size: 1rem;
 }
 
-.view-media-button.p-button.p-button-text:not(:disabled):active {
-  background-color: transparent;
-}
-
-.view-media-button.p-button.p-button-text:not(:disabled):hover {
-  background-color: transparent;
-}
-
-.solid-tab-view .p-tabview-panels {
-  padding-top: 24px;
-  padding-left: 0;
-  padding-right: 0;
-}
 
 /* .solid-fieldset-header{
   background-color: #F9F9F9;
@@ -5204,59 +4571,20 @@ li.header-li-px {
   padding: 0 18px 16px 18px;
 } */
 
-.solid-column-panel.p-panel .p-panel-header {
-  color: var(--solid-form-title);
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-
-.solid-column-panel.p-panel .p-panel-header .p-panel-title {
-  font-weight: 500;
-}
-
-.solid-column-panel.p-panel .p-panel-content {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-  border-top: 0;
-  padding: 1px 1.25rem 1.25rem 1.25rem;
-}
-
 .view-title {
   color: var(--solid-title);
   font-weight: 600;
   font-size: 16px;
 }
 
-.solid-tmenu-left .p-submenu-list {
-  left: auto !important;
-  right: 100% !important;
-  transform: translateX(-5px);
-  /* Adjust position slightly */
-}
-
 @media (min-width: 2151px) and (max-width: 2399px) {
-  .customize-layout-panel.p-overlaypanel {
-    position: absolute;
-    left: 78.5% !important;
-    top: 13% !important;
-  }
 }
 
 @media (min-width: 1920px) and (max-width: 2150px) {
-  .customize-layout-panel.p-overlaypanel {
-    position: absolute;
-    left: 76% !important;
-    top: 15% !important;
-  }
 }
 
 
 @media (min-width: 1700px) and (max-width: 1859px) {
-  .customize-layout-panel.p-overlaypanel {
-    position: absolute;
-    left: 73% !important;
-    top: 15% !important;
-  }
 }
 
 
@@ -5265,12 +4593,6 @@ li.header-li-px {
     font-size: 100% !important;
   }
 
-  .customize-layout-panel.p-overlaypanel {
-    position: absolute;
-    left: 71% !important;
-    top: 17% !important;
-  }
-
   /* .chatter-section {
     width: 360px;
   } */
@@ -5282,12 +4604,6 @@ li.header-li-px {
     font-size: 97.5% !important;
   }
 
-  .customize-layout-panel.p-overlaypanel {
-    position: absolute;
-    left: 69% !important;
-    top: 17.3% !important;
-  }
-
   /* 
   .chatter-section {
     width: 345px;
@@ -5300,13 +4616,6 @@ li.header-li-px {
     font-size: 95% !important;
   }
 
-  .customize-layout-panel.p-overlaypanel {
-    position: absolute;
-    left: 67% !important;
-    top: 17.5% !important;
-  }
-
-
   /* .chatter-section {
     width: 330px;
   } */
@@ -5318,12 +4627,6 @@ li.header-li-px {
     font-size: 92.5% !important;
   }
 
-  .customize-layout-panel.p-overlaypanel {
-    position: absolute;
-    left: 63.5% !important;
-    top: 15% !important;
-  }
-
   /* .chatter-section {
     width: 310px;
   } */
@@ -5335,12 +4638,6 @@ li.header-li-px {
     font-size: 90% !important;
   }
 
-  .customize-layout-panel.p-overlaypanel {
-    position: absolute;
-    left: 61% !important;
-    top: 15% !important;
-  }
-
   /* 
   .chatter-section {
     width: 300px;
@@ -5353,11 +4650,6 @@ li.header-li-px {
     font-size: 87.5% !important;
   }
 
-  .customize-layout-panel.p-overlaypanel {
-    position: absolute;
-    left: 59% !important;
-    top: 14% !important;
-  }
 }
 
 .kanban-ungrouped-column {
@@ -6562,14 +5854,6 @@ html.dark .solid-media-card-widget__kind,
   background: color-mix(in srgb, var(--accent) 68%, transparent);
 }
 
-.view-widget-chip.p-chip {
-  padding: 4px 10px !important;
-}
-
-.view-widget-chip.p-chip .p-chip-text {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-}
 
 @media(min-width:992px) {
   .solid-global-search-element input {
@@ -6666,9 +5950,7 @@ html.dark .solid-media-card-widget__kind,
   margin-top: 2px;
 }
 
-.solid-empty-listview-actions .solid-empty-listview-create-action .p-button,
 .solid-empty-listview-actions .solid-empty-listview-create-action .solid-btn,
-.solid-empty-listview-actions .p-button,
 .solid-empty-listview-actions .solid-btn {
   height: 30px;
   border-radius: 8px;
@@ -6677,27 +5959,23 @@ html.dark .solid-media-card-widget__kind,
   padding: 0 11px;
 }
 
-.solid-empty-listview-actions .solid-empty-listview-create-action .p-button,
 .solid-empty-listview-actions .solid-empty-listview-create-action .solid-btn {
   background: var(--primary);
   border-color: var(--primary);
   color: var(--primary-foreground);
 }
 
-.solid-empty-listview-actions .solid-empty-listview-create-action .p-button:hover,
 .solid-empty-listview-actions .solid-empty-listview-create-action .solid-btn:hover {
   background: color-mix(in srgb, var(--primary) 90%, black);
   border-color: color-mix(in srgb, var(--primary) 90%, black);
 }
 
-.solid-empty-listview-import-button.p-button,
 .solid-empty-listview-import-button.solid-btn {
   background: transparent;
   border: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
   color: color-mix(in srgb, var(--foreground) 92%, transparent);
 }
 
-.solid-empty-listview-import-button.p-button:hover,
 .solid-empty-listview-import-button.solid-btn:hover {
   background: color-mix(in srgb, var(--accent) 45%, transparent);
 }
@@ -6711,7 +5989,6 @@ html.dark .solid-media-card-widget__kind,
   gap: 6px;
 }
 
-.solid-empty-listview-secondary-action.p-button,
 .solid-empty-listview-secondary-action.solid-btn {
   border-radius: 8px;
   min-height: 26px;
@@ -6769,44 +6046,34 @@ html.dark .solid-empty-listview-actions,
   background: transparent;
 }
 
-html.dark .solid-empty-listview-actions .solid-empty-listview-create-action .p-button,
 html.dark .solid-empty-listview-actions .solid-empty-listview-create-action .solid-btn,
-[data-theme="dark"] .solid-empty-listview-actions .solid-empty-listview-create-action .p-button,
 [data-theme="dark"] .solid-empty-listview-actions .solid-empty-listview-create-action .solid-btn {
   background: var(--primary);
   border-color: var(--primary);
   color: var(--primary-foreground);
 }
 
-html.dark .solid-empty-listview-actions .solid-empty-listview-create-action .p-button:hover,
 html.dark .solid-empty-listview-actions .solid-empty-listview-create-action .solid-btn:hover,
-[data-theme="dark"] .solid-empty-listview-actions .solid-empty-listview-create-action .p-button:hover,
 [data-theme="dark"] .solid-empty-listview-actions .solid-empty-listview-create-action .solid-btn:hover {
   background: color-mix(in srgb, var(--primary) 90%, black);
   border-color: color-mix(in srgb, var(--primary) 90%, black);
 }
 
-html.dark .solid-empty-listview-import-button.p-button,
-html.dark .solid-empty-listview-import-button.solid-btn,
-[data-theme="dark"] .solid-empty-listview-import-button.p-button,
-[data-theme="dark"] .solid-empty-listview-import-button.solid-btn {
+html.dark html.dark .solid-empty-listview-import-button.solid-btn,
+[data-theme="dark"] [data-theme="dark"] .solid-empty-listview-import-button.solid-btn {
   background: color-mix(in srgb, var(--background) 72%, var(--card) 28%);
   border-color: color-mix(in srgb, var(--border) 70%, #334155 30%);
   color: color-mix(in srgb, var(--foreground) 88%, transparent);
 }
 
-html.dark .solid-empty-listview-import-button.p-button:hover,
-html.dark .solid-empty-listview-import-button.solid-btn:hover,
-[data-theme="dark"] .solid-empty-listview-import-button.p-button:hover,
-[data-theme="dark"] .solid-empty-listview-import-button.solid-btn:hover {
+html.dark html.dark .solid-empty-listview-import-button.solid-btn:hover,
+[data-theme="dark"] [data-theme="dark"] .solid-empty-listview-import-button.solid-btn:hover {
   background: color-mix(in srgb, var(--accent) 42%, #172554 18%);
   border-color: color-mix(in srgb, var(--primary) 22%, var(--border) 78%);
 }
 
-html.dark .solid-empty-listview-secondary-action.p-button,
-html.dark .solid-empty-listview-secondary-action.solid-btn,
-[data-theme="dark"] .solid-empty-listview-secondary-action.p-button,
-[data-theme="dark"] .solid-empty-listview-secondary-action.solid-btn {
+html.dark html.dark .solid-empty-listview-secondary-action.solid-btn,
+[data-theme="dark"] [data-theme="dark"] .solid-empty-listview-secondary-action.solid-btn {
   background: color-mix(in srgb, var(--background) 68%, var(--card) 32%);
   border: 1px solid color-mix(in srgb, var(--border) 66%, #334155 34%);
   color: color-mix(in srgb, var(--foreground) 82%, transparent);
@@ -6848,10 +6115,8 @@ html.dark .solid-empty-listview-secondary-action.solid-btn,
     flex-direction: column;
   }
 
-  .solid-empty-listview-actions .solid-empty-listview-create-action .p-button,
   .solid-empty-listview-actions .solid-empty-listview-create-action .solid-btn,
-  .solid-empty-listview-actions .p-button,
-  .solid-empty-listview-actions .solid-btn {
+.solid-empty-listview-actions .solid-btn {
     width: 100%;
     justify-content: center;
   }
@@ -6999,56 +6264,6 @@ html.dark .solid-empty-listview-secondary-action.solid-btn,
 
 /* ========================= Taost =================================== */
 
-.p-toast .p-toast-message {
-  align-items: center;
-  padding: 0.5rem 0.5rem;
-  color: white;
-  width: fit-content;
-}
-
-.p-toast .p-toast-message.p-toast-message-info {
-  border: 0;
-}
-
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
-  color: #fff !important;
-}
-
-.p-toast .p-toast-message.p-toast-message-success {
-  background-color: #41b776 !important;
-}
-
-.p-toast .p-toast-message.p-toast-message-warn {
-  background-color: #a46b00 !important;
-}
-
-.p-toast .p-toast-message.p-toast-message-error {
-  background-color: #d32f2f !important;
-}
-
-.p-toast-message-content {
-  display: flex !important;
-  flex-direction: row !important;
-  align-items: center !important;
-  justify-content: space-between !important;
-  padding: 5px;
-  /* text-wrap: nowrap; */
-}
-
-.p-toast-message-text {
-  margin: 0px 10px !important;
-  font-size: 1rem;
-  color: var(--text-color-1);
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-}
-
-.p-toast-icon-close {
-  border-radius: 50px;
-}
-
 /*css for custom status icon */
 .status-icon {
   width: 2rem;