@keenmate/pure-admin-core 2.4.0 → 2.6.0

package/dist/css/main.css

@@ -5664,11 +5664,11 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
   border-top: none !important;
 }
 .pa-card--live-up {
-  background-color: rgba(40, 167, 69, 0.1);
+  background-color: rgba(34, 197, 94, 0.1);
   transition: background-color 0.3s ease;
 }
 .pa-card--live-down {
-  background-color: rgba(220, 53, 69, 0.1);
+  background-color: rgba(239, 68, 68, 0.1);
   transition: background-color 0.3s ease;
 }
 .pa-card--live-neutral {
@@ -6299,12 +6299,12 @@ a.pa-card p {
   color: #007bff;
 }
 .pa-stat__icon--success {
-  background-color: rgba(40, 167, 69, 0.1);
-  color: #28a745;
+  background-color: rgba(34, 197, 94, 0.1);
+  color: #22c55e;
 }
 .pa-stat__icon--warning {
-  background-color: rgba(255, 193, 7, 0.1);
-  color: #ffc107;
+  background-color: rgba(249, 115, 22, 0.1);
+  color: #f97316;
 }
 .pa-stat__icon--info {
   background-color: rgba(23, 162, 184, 0.1);
@@ -6348,18 +6348,21 @@ a.pa-card p {
   font-weight: 600;
 }
 .pa-stat--hero .pa-stat__change--positive, .pa-stat--hero-compact .pa-stat__change--positive {
-  color: #28a745;
+  color: #22c55e;
 }
 .pa-stat--hero .pa-stat__change--negative, .pa-stat--hero-compact .pa-stat__change--negative {
-  color: #dc3545;
+  color: #ef4444;
 }
 .pa-stat--hero .pa-stat__change--neutral, .pa-stat--hero-compact .pa-stat__change--neutral {
   color: var(--pa-text-color-2);
 }
 .pa-stat--square {
+  container-type: inline-size;
   display: flex;
-  align-items: center;
-  justify-content: space-between;
+  flex-wrap: wrap;
+  align-content: space-between;
+  align-items: baseline;
+  column-gap: 0.15em;
   padding: 2.4rem;
   min-height: 12.8rem;
   min-width: 12.8rem;
@@ -6374,41 +6377,32 @@ a.pa-card p {
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 .pa-stat--square .pa-stat__number {
-  font-size: clamp(4.8rem, 8vw, 7.2rem);
+  font-size: clamp(3.2rem, 25cqi, 9.6rem);
   font-weight: 700;
-  line-height: 1.1;
+  line-height: 1;
   color: inherit;
-  z-index: 2px;
-  position: relative;
   text-shadow: 0 4px 8px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.15);
   filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
   word-break: keep-all;
   white-space: nowrap;
 }
 .pa-stat--square .pa-stat__symbol {
-  font-size: clamp(6.4rem, 10vw, 9.6rem);
+  font-size: clamp(1.6rem, 12cqi, 4.8rem);
   font-weight: 700;
-  line-height: 1.1;
-  opacity: 0.12;
+  line-height: 1;
   color: inherit;
-  position: absolute;
-  right: 2.4rem;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 0;
+  opacity: 0.85;
+  word-break: keep-all;
+  white-space: nowrap;
 }
 .pa-stat--square .pa-stat__label {
-  position: absolute;
-  bottom: 1.6rem;
-  left: 2.4rem;
+  flex-basis: 100%;
   font-size: 1.2rem;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   font-weight: 500;
   color: inherit;
   opacity: 0.8;
-  z-index: 2;
-  max-width: calc(100% - 4.8rem);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -6503,13 +6497,13 @@ a.pa-card p {
 }
 .pa-list-basic--icon li::before {
   content: "✓";
-  color: #28a745;
+  color: #22c55e;
   font-weight: 600;
   flex-shrink: 0;
 }
 .pa-list-basic--icon.pa-list-basic--danger li::before {
   content: "✗";
-  color: #dc3545;
+  color: #ef4444;
 }
 .pa-list-basic--icon.pa-list-basic--info li::before {
   content: "→";
@@ -6517,7 +6511,7 @@ a.pa-card p {
 }
 .pa-list-basic--icon.pa-list-basic--warning li::before {
   content: "!";
-  color: #ffc107;
+  color: #f97316;
 }
 
 .pa-list-ordered {
@@ -6773,7 +6767,7 @@ a.pa-card p {
 }
 .pa-composite-badge__button:focus {
   outline: none;
-  box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.25);
+  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.25);
 }
 
 /* ========================================
@@ -6823,7 +6817,7 @@ a.pa-card p {
   box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
 }
 .pa-composite-badge--success .pa-composite-badge__icon {
-  background-color: #28a745;
+  background-color: #22c55e;
   color: #ffffff;
 }
 .pa-composite-badge--success .pa-composite-badge__label {
@@ -6834,17 +6828,17 @@ a.pa-card p {
   background-color: rgb(194.0245901639, 229.4754098361, 202.5327868852);
 }
 .pa-composite-badge--success .pa-composite-badge__button {
-  background-color: #28a745;
+  background-color: #22c55e;
   color: #ffffff;
 }
 .pa-composite-badge--success .pa-composite-badge__button:hover {
-  background-color: rgb(30.1449275362, 125.8550724638, 52);
+  background-color: rgb(26.4935064935, 153.5064935065, 73.2467532468);
 }
 .pa-composite-badge--success .pa-composite-badge__button:focus {
   box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
 }
 .pa-composite-badge--danger .pa-composite-badge__icon {
-  background-color: #dc3545;
+  background-color: #ef4444;
   color: #ffffff;
 }
 .pa-composite-badge--danger .pa-composite-badge__label {
@@ -6855,17 +6849,17 @@ a.pa-card p {
   background-color: rgb(244.2021276596, 193.2978723404, 197.9255319149);
 }
 .pa-composite-badge--danger .pa-composite-badge__button {
-  background-color: #dc3545;
+  background-color: #ef4444;
   color: #ffffff;
 }
 .pa-composite-badge--danger .pa-composite-badge__button:hover {
-  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
+  background-color: rgb(234.9802955665, 21.0197044335, 21.0197044335);
 }
 .pa-composite-badge--danger .pa-composite-badge__button:focus {
   box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
 }
 .pa-composite-badge--warning .pa-composite-badge__icon {
-  background-color: #ffc107;
+  background-color: #f97316;
   color: #212529;
 }
 .pa-composite-badge--warning .pa-composite-badge__label {
@@ -6876,11 +6870,11 @@ a.pa-card p {
   background-color: rgb(255, 236.88, 179.5);
 }
 .pa-composite-badge--warning .pa-composite-badge__button {
-  background-color: #ffc107;
+  background-color: #f97316;
   color: #212529;
 }
 .pa-composite-badge--warning .pa-composite-badge__button:hover {
-  background-color: rgb(211, 158.25, 0);
+  background-color: rgb(214.4769874477, 91.129707113, 5.5230125523);
 }
 .pa-composite-badge--warning .pa-composite-badge__button:focus {
   box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
@@ -6955,13 +6949,13 @@ a.pa-card p {
   background-color: #6c757d;
 }
 .pa-composite-badge--success .pa-composite-badge__icon {
-  background-color: #28a745;
+  background-color: #22c55e;
 }
 .pa-composite-badge--danger .pa-composite-badge__icon {
-  background-color: #dc3545;
+  background-color: #ef4444;
 }
 .pa-composite-badge--warning .pa-composite-badge__icon {
-  background-color: #ffc107;
+  background-color: #f97316;
   color: #212529;
 }
 .pa-composite-badge--info .pa-composite-badge__icon {
@@ -7049,23 +7043,23 @@ a.pa-card p {
   box-shadow: 0 0 0 2px rgba(108, 117, 125, 0.25);
 }
 .pa-composite-badge--btn-success .pa-composite-badge__button {
-  background-color: #28a745;
+  background-color: #22c55e;
 }
 .pa-composite-badge--btn-success .pa-composite-badge__button:hover {
-  background-color: rgb(30.1449275362, 125.8550724638, 52);
+  background-color: rgb(26.4935064935, 153.5064935065, 73.2467532468);
 }
 .pa-composite-badge--btn-success .pa-composite-badge__button:focus {
-  box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.25);
+  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.25);
 }
 .pa-composite-badge--btn-warning .pa-composite-badge__button {
-  background-color: #ffc107;
+  background-color: #f97316;
   color: #212529;
 }
 .pa-composite-badge--btn-warning .pa-composite-badge__button:hover {
-  background-color: rgb(211, 158.25, 0);
+  background-color: rgb(214.4769874477, 91.129707113, 5.5230125523);
 }
 .pa-composite-badge--btn-warning .pa-composite-badge__button:focus {
-  box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.25);
+  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.25);
 }
 .pa-composite-badge--btn-info .pa-composite-badge__button {
   background-color: #17a2b8;
@@ -7908,13 +7902,13 @@ a.pa-card p {
   border-top-color: #6c757d;
 }
 .pa-spinner--success {
-  border-top-color: #28a745;
+  border-top-color: #22c55e;
 }
 .pa-spinner--danger {
-  border-top-color: #dc3545;
+  border-top-color: #ef4444;
 }
 .pa-spinner--warning {
-  border-top-color: #ffc107;
+  border-top-color: #f97316;
 }
 .pa-spinner--info {
   border-top-color: #17a2b8;
@@ -8762,14 +8756,14 @@ a.pa-card p {
    ======================================== */
 .pa-alert {
   position: relative;
-  padding: 1.2rem 1rem;
+  padding: 1.2rem 1.25rem;
   margin-bottom: 1.6rem;
   border: 1px solid transparent;
   border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   display: flex;
   flex-wrap: wrap;
-  align-items: flex-start;
+  align-items: center;
 }
 .pa-card__body .pa-alert:first-child {
   margin-top: 0;
@@ -8937,16 +8931,19 @@ a.pa-card p {
   background-color: transparent;
 }
 .pa-alert--sm {
-  padding: 1.2rem 1rem;
-  font-size: 1.4rem;
+  padding: 0.8rem 1.6rem;
+  font-size: 1.2rem;
 }
 .pa-alert--lg {
-  padding: 1.2rem 1rem;
+  padding: 1.6rem 2.4rem;
   font-size: 1.6rem;
 }
 .pa-alert--dismissible {
   padding-inline-end: 4.8rem;
 }
+.pa-alert--multiline {
+  align-items: flex-start;
+}
 .pa-alert__icon {
   flex-shrink: 0;
   font-size: 1.6rem;
@@ -8954,28 +8951,39 @@ a.pa-card p {
 }
 .pa-alert__content {
   flex: 1;
+  min-width: 0;
+}
+.pa-alert__heading, .pa-alert__list, .pa-alert__actions,
+.pa-alert > p,
+.pa-alert > hr {
+  flex-basis: 100%;
 }
 .pa-alert__heading {
-  margin: 0 0 0.8rem 0;
+  margin: 0;
   color: inherit;
-  font-size: 1.8rem;
   font-weight: 600;
 }
+.pa-alert__heading--lg {
+  font-size: 1.8rem;
+}
 .pa-alert__list {
-  margin: 0.8rem 0;
+  margin: 0;
   padding-inline-start: 2.4rem;
 }
 .pa-alert__actions {
-  margin-top: 1.2rem;
+  margin-top: 0;
+  padding-top: 1.6rem;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
   display: flex;
   gap: 0.8rem;
+  flex-wrap: wrap;
 }
 .pa-alert__close {
   position: absolute;
   top: 0;
   inset-inline-end: 0;
   z-index: 2px;
-  padding: 1.2rem 1rem;
+  padding: 1.2rem 1.25rem;
   background: none;
   border: none;
   font-size: 2rem;
@@ -9714,7 +9722,7 @@ a.pa-card p {
 }
 .pa-input-wrapper__clear:hover {
   opacity: 1;
-  color: #dc3545;
+  color: #ef4444;
 }
 .pa-input-wrapper__clear:focus {
   outline: none;
@@ -9797,8 +9805,8 @@ a.pa-card p {
 }
 .pa-search-highlight__operator {
   display: inline;
-  background-color: rgba(40, 167, 69, 0.15);
-  color: #28a745;
+  background-color: rgba(34, 197, 94, 0.15);
+  color: #22c55e;
   padding: 0.2rem 0.4rem;
   border-radius: var(--pa-border-radius-sm);
   font-weight: 500;
@@ -9953,7 +9961,7 @@ a.pa-card p {
   color: var(--pa-text-color-1);
 }
 .pa-inline-query-token--field.pa-inline-query-token--invalid {
-  background-color: rgba(220, 53, 69, 0.15);
+  background-color: rgba(239, 68, 68, 0.15);
   color: var(--pa-text-color-1);
   text-decoration: wavy underline;
 }
@@ -9962,11 +9970,11 @@ a.pa-card p {
   color: var(--pa-text-color-1);
 }
 .pa-inline-query-token--value {
-  background-color: rgba(40, 167, 69, 0.15);
+  background-color: rgba(34, 197, 94, 0.15);
   color: var(--pa-text-color-1);
 }
 .pa-inline-query-token--keyword {
-  background-color: rgba(255, 193, 7, 0.15);
+  background-color: rgba(249, 115, 22, 0.15);
   color: var(--pa-text-color-1);
   font-style: italic;
 }
@@ -10347,7 +10355,7 @@ web-multiselect {
   width: 2rem;
   height: 2rem;
   border: none;
-  background: #dc3545;
+  background: #ef4444;
   color: #ffffff;
   cursor: pointer;
   border-radius: 50%;
@@ -10367,7 +10375,7 @@ web-multiselect {
 }
 .pa-file-dropzone__file-card-remove:hover {
   transform: scale(1.1);
-  background: rgba(220, 53, 69, 0.9);
+  background: rgba(239, 68, 68, 0.9);
 }
 .pa-file-dropzone__image-card {
   position: relative;
@@ -10408,7 +10416,7 @@ web-multiselect {
   opacity: 1;
 }
 .pa-file-dropzone__image-card-remove:hover {
-  background: #dc3545;
+  background: #ef4444;
   transform: scale(1.1);
 }
 .pa-file-dropzone__summary {
@@ -10592,10 +10600,10 @@ web-multiselect {
   color: #007bff;
 }
 .pa-file-popover__status--complete {
-  color: #28a745;
+  color: #22c55e;
 }
 .pa-file-popover__status--error {
-  color: #dc3545;
+  color: #ef4444;
 }
 .pa-file-popover__remove-cell {
   text-align: center;
@@ -10607,7 +10615,7 @@ web-multiselect {
   height: 3.2rem;
   border: 1px solid var(--pa-border-color);
   background: var(--pa-card-bg);
-  color: #dc3545;
+  color: #ef4444;
   cursor: pointer;
   border-radius: var(--pa-border-radius-sm);
   font-size: 2.4rem;
@@ -10619,9 +10627,9 @@ web-multiselect {
   font-weight: 700;
 }
 .pa-file-popover__remove-btn:hover {
-  background: #dc3545;
+  background: #ef4444;
   color: #ffffff;
-  border-color: #dc3545;
+  border-color: #ef4444;
   transform: scale(1.1);
 }
 
@@ -10696,8 +10704,8 @@ web-multiselect {
   justify-content: center;
 }
 .pa-file-item__remove:hover {
-  background: rgba(220, 53, 69, 0.1);
-  color: #dc3545;
+  background: rgba(239, 68, 68, 0.1);
+  color: #ef4444;
 }
 .pa-file-item__remove::before {
   content: "×";
@@ -10744,7 +10752,7 @@ web-multiselect {
   justify-content: center;
 }
 .pa-file-preview__remove:hover {
-  background: #dc3545;
+  background: #ef4444;
   transform: scale(1.1);
 }
 .pa-file-preview__remove::before {
@@ -10792,10 +10800,10 @@ web-multiselect {
   font-weight: 600;
 }
 .pa-file-progress__status--complete {
-  color: #28a745;
+  color: #22c55e;
 }
 .pa-file-progress__status--error {
-  color: #dc3545;
+  color: #ef4444;
 }
 
 .pa-file-icon--pdf::before {
@@ -10966,7 +10974,7 @@ web-multiselect {
   cursor: not-allowed;
 }
 .pa-checkbox-list__item--locked:hover {
-  background-color: rgba(255, 193, 7, 0.05);
+  background-color: rgba(249, 115, 22, 0.05);
 }
 .pa-checkbox-list__item--locked .pa-checkbox-list__checkbox {
   cursor: not-allowed;
@@ -10977,7 +10985,7 @@ web-multiselect {
   position: relative;
 }
 .pa-checkbox-list__item--locked .pa-checkbox-list__label .pa-checkbox-list__text {
-  color: #ffc107;
+  color: #f97316;
 }
 .pa-checkbox-list__item--locked .pa-checkbox-list__label .pa-checkbox-list__text::before {
   content: "🔒 ";
@@ -11469,115 +11477,6 @@ web-multiselect {
   white-space: nowrap;
 }
 
-.pa-pager {
-  display: flex;
-  margin: 1.6rem 0;
-}
-.pa-card__body .pa-pager:first-child {
-  margin-top: 0;
-}
-.pa-card__body .pa-pager:last-child {
-  margin-bottom: 0;
-}
-.pa-pager {
-  justify-content: center;
-}
-.pa-pager--start {
-  justify-content: flex-start;
-}
-.pa-pager--center {
-  justify-content: center;
-}
-.pa-pager--end {
-  justify-content: flex-end;
-}
-.pa-pager__container {
-  display: flex;
-  align-items: center;
-  gap: 0.8rem;
-  white-space: nowrap;
-}
-.pa-pager__controls {
-  display: flex;
-  gap: 0.4rem;
-}
-.pa-pager__info {
-  display: flex;
-  align-items: center;
-  gap: 0.8rem;
-}
-.pa-pager__input {
-  width: 6.4rem !important;
-  text-align: center;
-}
-.pa-pager__text {
-  color: var(--pa-text-color-2);
-  font-size: 1.4rem;
-}
-
-.pa-load-more {
-  display: flex;
-  margin: 1.6rem 0;
-}
-.pa-card__body .pa-load-more:first-child {
-  margin-top: 0;
-}
-.pa-card__body .pa-load-more:last-child {
-  margin-bottom: 0;
-}
-.pa-load-more {
-  justify-content: center;
-}
-.pa-load-more--start {
-  justify-content: flex-start;
-}
-.pa-load-more--center {
-  justify-content: center;
-}
-.pa-load-more--end {
-  justify-content: flex-end;
-}
-.pa-load-more__button {
-  display: flex;
-  align-items: center;
-  gap: 0.8rem;
-  padding: 0.8rem 1.2rem;
-  background-color: transparent;
-  border: 1px solid var(--pa-border-color);
-  border-radius: var(--pa-border-radius);
-  color: var(--pa-text-color-1);
-  font-size: 1.4rem;
-  cursor: pointer;
-  transition: all 0.1s ease-out;
-}
-.pa-load-more__button:hover {
-  border-color: var(--pa-accent);
-  color: var(--pa-accent);
-  background-color: var(--pa-accent-light);
-}
-.pa-load-more__button--loading {
-  pointer-events: none;
-  opacity: 0.7;
-}
-.pa-load-more__button--loading .pa-load-more__spinner {
-  animation: pa-spin 1s linear infinite;
-}
-.pa-load-more__spinner {
-  width: 1.6rem;
-  height: 1.6rem;
-  border: 2px solid var(--pa-border-color);
-  border-top: 2px solid var(--pa-accent);
-  border-radius: 50%;
-}
-.pa-load-more__text {
-  color: inherit;
-}
-.pa-load-more__count {
-  color: var(--pa-text-color-2);
-  font-size: 1.2rem;
-  margin-inline-start: 0.4rem;
-}
-
 .pa-virtual-table {
   border: 1px solid var(--pa-border-color);
   border-radius: var(--pa-border-radius);
@@ -12194,7 +12093,7 @@ code {
   width: 1.6rem;
   height: 1.6rem;
   border: 2px solid var(--pa-border-color);
-  border-top: 2px solid #007bff;
+  border-top: 2px solid var(--pa-accent);
   border-radius: 50%;
 }
 .pa-load-more__text {
@@ -13368,16 +13267,16 @@ code {
   box-shadow: 3px 3px 0 rgba(0, 123, 255, 0.3);
 }
 .pa-timeline--simple .pa-timeline__item--success::before {
-  border-color: #28a745;
-  box-shadow: 3px 3px 0 rgba(40, 167, 69, 0.3);
+  border-color: #22c55e;
+  box-shadow: 3px 3px 0 rgba(34, 197, 94, 0.3);
 }
 .pa-timeline--simple .pa-timeline__item--warning::before {
-  border-color: #ffc107;
-  box-shadow: 3px 3px 0 rgba(255, 193, 7, 0.3);
+  border-color: #f97316;
+  box-shadow: 3px 3px 0 rgba(249, 115, 22, 0.3);
 }
 .pa-timeline--simple .pa-timeline__item--danger::before {
-  border-color: #dc3545;
-  box-shadow: 3px 3px 0 rgba(220, 53, 69, 0.3);
+  border-color: #ef4444;
+  box-shadow: 3px 3px 0 rgba(239, 68, 68, 0.3);
 }
 .pa-timeline--simple .pa-timeline__item--info::before {
   border-color: #17a2b8;
@@ -13394,13 +13293,13 @@ code {
   background: #007bff;
 }
 .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--success::before {
-  background: #28a745;
+  background: #22c55e;
 }
 .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--warning::before {
-  background: #ffc107;
+  background: #f97316;
 }
 .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--danger::before {
-  background: #dc3545;
+  background: #ef4444;
 }
 .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--info::before {
   background: #17a2b8;
@@ -13535,7 +13434,7 @@ code {
   width: 40px;
   height: 40px;
   top: calc(50% - 20px);
-  background: #ffc107;
+  background: #f97316;
   border: 2px solid #007bff;
   border-radius: 50%;
   font-size: 1.8rem;
@@ -13543,7 +13442,7 @@ code {
   z-index: 1;
 }
 .pa-timeline--alternating .pa-timeline__content {
-  background: #ffc107;
+  background: #f97316;
   position: relative;
 }
 .pa-timeline--alternating .pa-timeline__content h3 {
@@ -14297,7 +14196,7 @@ code {
   background: #fff;
 }
 .pa-logic-tree__block--and {
-  border-color: #ffc107;
+  border-color: #f97316;
   background: linear-gradient(135deg, #fff8e1 0%, #ffffff 100%);
 }
 .pa-logic-tree__block--or {
@@ -14502,7 +14401,7 @@ code {
   min-width: 1.6rem;
   height: 1.6rem;
   padding: 0 0.4rem;
-  background-color: #dc3545;
+  background-color: #ef4444;
   color: #ffffff;
   font-size: 1rem;
   font-weight: 600;
@@ -14607,16 +14506,16 @@ code {
   color: #007bff;
 }
 .pa-notifications__icon-wrapper--success {
-  background-color: rgba(40, 167, 69, 0.1);
-  color: #28a745;
+  background-color: rgba(34, 197, 94, 0.1);
+  color: #22c55e;
 }
 .pa-notifications__icon-wrapper--warning {
-  background-color: rgba(255, 193, 7, 0.1);
-  color: #ffc107;
+  background-color: rgba(249, 115, 22, 0.1);
+  color: #f97316;
 }
 .pa-notifications__icon-wrapper--danger {
-  background-color: rgba(220, 53, 69, 0.1);
-  color: #dc3545;
+  background-color: rgba(239, 68, 68, 0.1);
+  color: #ef4444;
 }
 .pa-notifications__icon-wrapper--secondary {
   background-color: rgba(var(--pa-text-color-2), 0.1);
@@ -14809,44 +14708,56 @@ code {
 }
 .pa-popconfirm--bottom .pa-popconfirm__arrow {
   top: -0.64rem;
-  left: 50%;
+  inset-inline-start: 50%;
   transform: translateX(-50%) rotate(45deg);
   border-right: none;
   border-bottom: none;
 }
+[dir=rtl] .pa-popconfirm--bottom .pa-popconfirm__arrow {
+  transform: translateX(50%) rotate(45deg);
+}
 
 .pa-popconfirm--top {
   margin-bottom: 0.8rem;
 }
 .pa-popconfirm--top .pa-popconfirm__arrow {
   bottom: -0.64rem;
-  left: 50%;
+  inset-inline-start: 50%;
   transform: translateX(-50%) rotate(45deg);
   border-left: none;
   border-top: none;
 }
+[dir=rtl] .pa-popconfirm--top .pa-popconfirm__arrow {
+  transform: translateX(50%) rotate(45deg);
+}
 
-.pa-popconfirm--right {
-  margin-left: 0.8rem;
+.pa-popconfirm--end {
+  margin-inline-start: 0.8rem;
 }
-.pa-popconfirm--right .pa-popconfirm__arrow {
-  left: -0.64rem;
+.pa-popconfirm--end .pa-popconfirm__arrow {
+  inset-inline-start: -0.64rem;
   top: 50%;
   transform: translateY(-50%) rotate(45deg);
   border-top: none;
   border-right: none;
 }
+[dir=rtl] .pa-popconfirm--end .pa-popconfirm__arrow {
+  transform: translateY(-50%) rotate(45deg) scaleX(-1);
+}
 
-.pa-popconfirm--left {
-  margin-right: 0.8rem;
+.pa-popconfirm--start {
+  margin-inline-end: 0.8rem;
 }
-.pa-popconfirm--left .pa-popconfirm__arrow {
-  right: -0.64rem;
+.pa-popconfirm--start .pa-popconfirm__arrow {
+  inset-inline-end: -0.64rem;
   top: 50%;
   transform: translateY(-50%) rotate(45deg);
   border-bottom: none;
   border-left: none;
 }
+[dir=rtl] .pa-popconfirm--start .pa-popconfirm__arrow {
+  transform: translateY(-50%) rotate(45deg) scaleX(-1);
+}
 
 .pa-popconfirm--compact {
   min-width: 19.2rem;
@@ -16149,7 +16060,7 @@ code {
 .pa-progress {
   width: 100%;
   height: 0.8rem;
-  background: rgba(0, 0, 0, 0.08);
+  background: color-mix(in srgb, var(--pa-text-color-1) 12%, transparent);
   border-radius: var(--pa-border-radius);
   overflow: hidden;
   position: relative;
@@ -16182,13 +16093,13 @@ code {
   height: 1.2rem;
 }
 .pa-progress--success > .pa-progress__fill {
-  background: #28a745;
+  background: #22c55e;
 }
 .pa-progress--warning > .pa-progress__fill {
-  background: #ffc107;
+  background: #f97316;
 }
 .pa-progress--danger > .pa-progress__fill {
-  background: #dc3545;
+  background: #ef4444;
 }
 .pa-progress--info > .pa-progress__fill {
   background: #17a2b8;
@@ -16224,7 +16135,7 @@ code {
   height: 1.2rem;
   border-radius: var(--pa-border-radius);
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.08);
+  background: color-mix(in srgb, var(--pa-text-color-1) 12%, transparent);
 }
 .pa-stacked-bar__segment {
   height: 100%;
@@ -16233,13 +16144,13 @@ code {
   background: #007bff;
 }
 .pa-stacked-bar__segment--success {
-  background: #28a745;
+  background: #22c55e;
 }
 .pa-stacked-bar__segment--warning {
-  background: #ffc107;
+  background: #f97316;
 }
 .pa-stacked-bar__segment--danger {
-  background: #dc3545;
+  background: #ef4444;
 }
 .pa-stacked-bar__segment--info {
   background: #17a2b8;
@@ -16270,13 +16181,13 @@ code {
   background: #007bff;
 }
 .pa-stacked-bar__legend-swatch--success {
-  background: #28a745;
+  background: #22c55e;
 }
 .pa-stacked-bar__legend-swatch--warning {
-  background: #ffc107;
+  background: #f97316;
 }
 .pa-stacked-bar__legend-swatch--danger {
-  background: #dc3545;
+  background: #ef4444;
 }
 .pa-stacked-bar__legend-swatch--info {
   background: #17a2b8;
@@ -16298,7 +16209,7 @@ code {
   width: 8rem;
   height: 8rem;
   border-radius: 50%;
-  background: conic-gradient(#007bff calc(var(--value, 0) * 3.6deg), rgba(0, 0, 0, 0.08) 0deg);
+  background: conic-gradient(#007bff calc(var(--value, 0) * 3.6deg), color-mix(in srgb, var(--pa-text-color-1) 12%, transparent) 0deg);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -16308,7 +16219,7 @@ code {
   width: 70%;
   height: 70%;
   border-radius: 50%;
-  background: #ffffff;
+  background: var(--pa-card-bg);
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -16346,16 +16257,16 @@ code {
   font-size: 1.2rem;
 }
 .pa-progress-ring--success {
-  background: conic-gradient(#28a745 calc(var(--value, 0) * 3.6deg), rgba(0, 0, 0, 0.08) 0deg);
+  background: conic-gradient(#22c55e calc(var(--value, 0) * 3.6deg), color-mix(in srgb, var(--pa-text-color-1) 12%, transparent) 0deg);
 }
 .pa-progress-ring--warning {
-  background: conic-gradient(#ffc107 calc(var(--value, 0) * 3.6deg), rgba(0, 0, 0, 0.08) 0deg);
+  background: conic-gradient(#f97316 calc(var(--value, 0) * 3.6deg), color-mix(in srgb, var(--pa-text-color-1) 12%, transparent) 0deg);
 }
 .pa-progress-ring--danger {
-  background: conic-gradient(#dc3545 calc(var(--value, 0) * 3.6deg), rgba(0, 0, 0, 0.08) 0deg);
+  background: conic-gradient(#ef4444 calc(var(--value, 0) * 3.6deg), color-mix(in srgb, var(--pa-text-color-1) 12%, transparent) 0deg);
 }
 .pa-progress-ring--info {
-  background: conic-gradient(#17a2b8 calc(var(--value, 0) * 3.6deg), rgba(0, 0, 0, 0.08) 0deg);
+  background: conic-gradient(#17a2b8 calc(var(--value, 0) * 3.6deg), color-mix(in srgb, var(--pa-text-color-1) 12%, transparent) 0deg);
 }
 
 .pa-gauge {
@@ -16363,7 +16274,7 @@ code {
   height: calc(12rem / 2);
   border-radius: 12rem 12rem 0 0;
   overflow: hidden;
-  background: conic-gradient(from 0.75turn, #007bff calc(var(--value, 0) * 1.8deg), rgba(0, 0, 0, 0.08) 0deg);
+  background: conic-gradient(from 0.75turn, #007bff calc(var(--value, 0) * 1.8deg), color-mix(in srgb, var(--pa-text-color-1) 12%, transparent) 0deg);
   position: relative;
   flex-shrink: 0;
 }
@@ -16374,7 +16285,7 @@ code {
   right: 15%;
   height: 70%;
   border-radius: 12rem 12rem 0 0;
-  background: #ffffff;
+  background: var(--pa-card-bg);
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -16405,19 +16316,19 @@ code {
   right: 0;
 }
 .pa-gauge--success {
-  background: conic-gradient(from 0.75turn, #28a745 calc(var(--value, 0) * 1.8deg), rgba(0, 0, 0, 0.08) 0deg);
+  background: conic-gradient(from 0.75turn, #22c55e calc(var(--value, 0) * 1.8deg), color-mix(in srgb, var(--pa-text-color-1) 12%, transparent) 0deg);
 }
 .pa-gauge--warning {
-  background: conic-gradient(from 0.75turn, #ffc107 calc(var(--value, 0) * 1.8deg), rgba(0, 0, 0, 0.08) 0deg);
+  background: conic-gradient(from 0.75turn, #f97316 calc(var(--value, 0) * 1.8deg), color-mix(in srgb, var(--pa-text-color-1) 12%, transparent) 0deg);
 }
 .pa-gauge--danger {
-  background: conic-gradient(from 0.75turn, #dc3545 calc(var(--value, 0) * 1.8deg), rgba(0, 0, 0, 0.08) 0deg);
+  background: conic-gradient(from 0.75turn, #ef4444 calc(var(--value, 0) * 1.8deg), color-mix(in srgb, var(--pa-text-color-1) 12%, transparent) 0deg);
 }
 .pa-gauge--info {
-  background: conic-gradient(from 0.75turn, #17a2b8 calc(var(--value, 0) * 1.8deg), rgba(0, 0, 0, 0.08) 0deg);
+  background: conic-gradient(from 0.75turn, #17a2b8 calc(var(--value, 0) * 1.8deg), color-mix(in srgb, var(--pa-text-color-1) 12%, transparent) 0deg);
 }
 .pa-gauge--zones {
-  background: conic-gradient(from 0.75turn, #28a745 0deg, #28a745 90deg, #ffc107 90deg, #ffc107 135deg, #dc3545 135deg, #dc3545 180deg, rgba(0, 0, 0, 0.08) 180deg);
+  background: conic-gradient(from 0.75turn, #22c55e 0deg, #22c55e 90deg, #f97316 90deg, #f97316 135deg, #ef4444 135deg, #ef4444 180deg, color-mix(in srgb, var(--pa-text-color-1) 12%, transparent) 180deg);
 }
 
 .pa-data-bar {
@@ -16447,19 +16358,19 @@ code {
   transition: width 0.25s ease;
 }
 .pa-data-bar--success .pa-data-bar__fill {
-  background: #28a745;
+  background: #22c55e;
 }
 .pa-data-bar--warning .pa-data-bar__fill {
-  background: #ffc107;
+  background: #f97316;
 }
 .pa-data-bar--danger .pa-data-bar__fill {
-  background: #dc3545;
+  background: #ef4444;
 }
 .pa-data-bar--info .pa-data-bar__fill {
   background: #17a2b8;
 }
 .pa-data-bar--negative .pa-data-bar__fill {
-  background: #dc3545;
+  background: #ef4444;
   margin-inline-start: auto;
 }
 
@@ -16471,7 +16382,7 @@ code {
 }
 .pa-heatmap__cell {
   border-radius: var(--pa-border-radius-sm);
-  background: rgba(0, 0, 0, 0.08);
+  background: color-mix(in srgb, var(--pa-text-color-1) 12%, transparent);
 }
 .pa-heatmap__cell[data-level="1"] {
   background: rgba(0, 123, 255, 0.2);
@@ -16486,28 +16397,28 @@ code {
   background: #007bff;
 }
 .pa-heatmap--success .pa-heatmap__cell[data-level="1"] {
-  background: rgba(40, 167, 69, 0.2);
+  background: rgba(34, 197, 94, 0.2);
 }
 .pa-heatmap--success .pa-heatmap__cell[data-level="2"] {
-  background: rgba(40, 167, 69, 0.4);
+  background: rgba(34, 197, 94, 0.4);
 }
 .pa-heatmap--success .pa-heatmap__cell[data-level="3"] {
-  background: rgba(40, 167, 69, 0.65);
+  background: rgba(34, 197, 94, 0.65);
 }
 .pa-heatmap--success .pa-heatmap__cell[data-level="4"] {
-  background: #28a745;
+  background: #22c55e;
 }
 .pa-heatmap--danger .pa-heatmap__cell[data-level="1"] {
-  background: rgba(220, 53, 69, 0.2);
+  background: rgba(239, 68, 68, 0.2);
 }
 .pa-heatmap--danger .pa-heatmap__cell[data-level="2"] {
-  background: rgba(220, 53, 69, 0.4);
+  background: rgba(239, 68, 68, 0.4);
 }
 .pa-heatmap--danger .pa-heatmap__cell[data-level="3"] {
-  background: rgba(220, 53, 69, 0.65);
+  background: rgba(239, 68, 68, 0.65);
 }
 .pa-heatmap--danger .pa-heatmap__cell[data-level="4"] {
-  background: #dc3545;
+  background: #ef4444;
 }
 .pa-heatmap__legend {
   display: flex;
@@ -16521,7 +16432,7 @@ code {
   width: 1.2rem;
   height: 1.2rem;
   border-radius: var(--pa-border-radius-sm);
-  background: rgba(0, 0, 0, 0.08);
+  background: color-mix(in srgb, var(--pa-text-color-1) 12%, transparent);
 }
 .pa-heatmap__legend-cell[data-level="1"] {
   background: rgba(0, 123, 255, 0.2);
@@ -16559,13 +16470,13 @@ code {
   min-height: 1px;
 }
 .pa-sparkline--success .pa-sparkline__bar {
-  background: #28a745;
+  background: #22c55e;
 }
 .pa-sparkline--warning .pa-sparkline__bar {
-  background: #ffc107;
+  background: #f97316;
 }
 .pa-sparkline--danger .pa-sparkline__bar {
-  background: #dc3545;
+  background: #ef4444;
 }
 .pa-sparkline--info .pa-sparkline__bar {
   background: #17a2b8;
@@ -16627,13 +16538,13 @@ code {
   transition: width 0.25s ease;
 }
 .pa-bar-list--success .pa-bar-list__bar::after {
-  background: #28a745;
+  background: #22c55e;
 }
 .pa-bar-list--warning .pa-bar-list__bar::after {
-  background: #ffc107;
+  background: #f97316;
 }
 .pa-bar-list--danger .pa-bar-list__bar::after {
-  background: #dc3545;
+  background: #ef4444;
 }
 .pa-bar-list--info .pa-bar-list__bar::after {
   background: #17a2b8;