@keenmate/pure-admin-core 2.3.1 → 2.3.2

package/dist/css/main.css

@@ -2719,12 +2719,12 @@ label {
 
 *::-webkit-scrollbar-track {
   background: var(--pa-main-bg);
-  border-radius: 3px;
+  border-radius: var(--pa-border-radius-sm);
 }
 
 *::-webkit-scrollbar-thumb {
   background: var(--pa-border-color);
-  border-radius: 3px;
+  border-radius: var(--pa-border-radius-sm);
   border: 1px solid var(--pa-main-bg);
 }
 *::-webkit-scrollbar-thumb:hover {
@@ -3214,8 +3214,8 @@ body.loaded .pa-sidebar__chevron {
   border: 1px solid var(--pa-border-color);
   border-inline-start: none;
   border-start-start-radius: 0;
-  border-start-end-radius: 4px;
-  border-end-end-radius: 4px;
+  border-start-end-radius: var(--pa-border-radius);
+  border-end-end-radius: var(--pa-border-radius);
   border-end-start-radius: 0;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   white-space: nowrap;
@@ -3239,8 +3239,8 @@ body.loaded .pa-sidebar__chevron {
   border: 1px solid var(--pa-border-color);
   border-inline-start: none;
   border-start-start-radius: 0;
-  border-start-end-radius: 4px;
-  border-end-end-radius: 4px;
+  border-start-end-radius: var(--pa-border-radius);
+  border-end-end-radius: var(--pa-border-radius);
   border-end-start-radius: 0;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   z-index: 1001;
@@ -3315,8 +3315,8 @@ body.loaded .pa-sidebar__chevron {
   border: 1px solid var(--pa-border-color);
   border-inline-start: none;
   border-start-start-radius: 0;
-  border-start-end-radius: 4px;
-  border-end-end-radius: 4px;
+  border-start-end-radius: var(--pa-border-radius);
+  border-end-end-radius: var(--pa-border-radius);
   border-end-start-radius: 0;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   z-index: 1002;
@@ -3406,7 +3406,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
   color: var(--pa-header-text-secondary);
   font-weight: 500;
   padding: 0.4rem 0.8rem;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   transition: all 0.1s ease-out;
   font-size: 1.4rem;
   display: flex;
@@ -3435,7 +3435,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
   min-width: 19.2rem;
   background-color: var(--pa-card-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   z-index: 1100;
   padding: 0.4rem 0;
@@ -3513,7 +3513,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
   width: 100%;
   height: 2px;
   background-color: var(--pa-header-text);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   transition: all 0.15s ease-out;
   transform-origin: center;
 }
@@ -3548,7 +3548,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
 .theme-switcher select {
   padding: 0.4rem 0.8rem;
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   background-color: var(--pa-header-bg);
   color: var(--pa-header-text);
   font-size: 1.4rem;
@@ -5395,7 +5395,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
 .pa-card {
   background: var(--pa-card-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 8px;
+  border-radius: var(--pa-border-radius-lg);
   margin-bottom: 1.6rem;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   transition: box-shadow 0.1s ease-out;
@@ -5567,8 +5567,8 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
 .pa-card__footer {
   padding: 1.2rem 1rem;
   border-top: 1px solid var(--pa-border-color);
-  border-bottom-left-radius: 8px;
-  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: var(--pa-border-radius-lg);
+  border-bottom-right-radius: var(--pa-border-radius-lg);
   background: var(--pa-card-footer-bg);
   display: flex;
   justify-content: space-between;
@@ -5847,7 +5847,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
 .pa-card__tabs--inline .pa-card__tab {
   padding: 0.3rem 0.8rem;
   border: none;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   background: transparent;
   color: var(--pa-text-color-2);
@@ -5947,7 +5947,7 @@ a.pa-card p {
   gap: 0.8rem;
 }
 .pa-tabs--pills .pa-tabs__item {
-  border-radius: 8px;
+  border-radius: var(--pa-border-radius-lg);
   border: 1px solid transparent;
   background-color: var(--pa-main-bg);
 }
@@ -5963,13 +5963,13 @@ a.pa-card p {
 }
 .pa-tabs--boxed {
   border: 1px solid var(--pa-border-color);
-  border-radius: 8px;
+  border-radius: var(--pa-border-radius-lg);
   padding: 0.4rem;
   background-color: var(--pa-main-bg);
   gap: 0.4rem;
 }
 .pa-tabs--boxed .pa-tabs__item {
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   border: none;
   border-bottom: none;
   padding: 0.8rem 1.2rem;
@@ -5998,8 +5998,8 @@ a.pa-card p {
   border-bottom: none;
   border-inline-end: 2px solid transparent;
   padding: 0.8rem;
-  border-start-start-radius: 4px;
-  border-end-start-radius: 4px;
+  border-start-start-radius: var(--pa-border-radius);
+  border-end-start-radius: var(--pa-border-radius);
   border-start-end-radius: 0;
   border-end-end-radius: 0;
   gap: 1.2rem;
@@ -6137,7 +6137,7 @@ a.pa-card p {
 }
 .pa-tabs__container--bordered {
   border: 1px solid var(--pa-border-color);
-  border-radius: 8px;
+  border-radius: var(--pa-border-radius-lg);
   padding: 1.6rem 1rem;
   background-color: var(--pa-card-bg);
   margin-bottom: 1.6rem;
@@ -6154,7 +6154,7 @@ a.pa-card p {
 .pa-tabs__container--card {
   position: relative;
   border: 1px solid var(--pa-border-color);
-  border-radius: 8px;
+  border-radius: var(--pa-border-radius-lg);
   background-color: var(--pa-card-bg);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   margin-bottom: 1.6rem;
@@ -6228,7 +6228,7 @@ a.pa-card p {
   min-width: 15rem;
   background: var(--pa-card-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   z-index: 1000;
   display: none;
@@ -6263,7 +6263,7 @@ a.pa-card p {
 }
 .pa-tabs__vertical-layout--bordered {
   border: 1px solid var(--pa-border-color);
-  border-radius: 8px;
+  border-radius: var(--pa-border-radius-lg);
   padding: 1.6rem 1rem;
   background-color: var(--pa-card-bg);
   margin-bottom: 1.6rem;
@@ -6287,7 +6287,7 @@ a.pa-card p {
 .pa-stat__icon {
   width: 4.8rem;
   height: 4.8rem;
-  border-radius: 8px;
+  border-radius: var(--pa-border-radius-lg);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6363,14 +6363,13 @@ a.pa-card p {
   min-height: 12.8rem;
   min-width: 12.8rem;
   position: relative;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   margin: 0.8rem;
   transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;
   overflow: hidden;
 }
 .pa-stat--square:hover {
-  transform: translateY(-2px);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 .pa-stat--square .pa-stat__number {
@@ -6636,7 +6635,7 @@ a.pa-card p {
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   border: 1px solid transparent;
   transition: all 0.1s ease-out;
 }
@@ -6725,7 +6724,7 @@ a.pa-card p {
   height: 2.8rem;
   font-size: 1.2rem;
   font-weight: 500;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   overflow: hidden;
 }
 .pa-composite-badge__icon {
@@ -7128,7 +7127,7 @@ a.pa-card p {
   font-weight: 500;
   line-height: 1.2;
   text-decoration: none;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   border: 1px solid var(--pa-border-color);
   transition: all 0.1s ease-out;
 }
@@ -7244,10 +7243,11 @@ a.pa-card p {
    ======================================== */
 .pa-btn {
   display: inline-block;
+  vertical-align: middle;
   height: 3.5rem;
   padding: 0.8rem 1.2rem;
   border: 1px solid transparent;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   font-weight: 500;
   text-align: center;
@@ -7257,9 +7257,6 @@ a.pa-card p {
   background: none;
   color: var(--pa-text-color-1);
 }
-.pa-btn:hover {
-  transform: translateY(-1px);
-}
 .pa-btn--primary {
   background-color: var(--pa-accent);
   border-color: var(--pa-accent);
@@ -7363,8 +7360,8 @@ a.pa-card p {
 }
 .pa-btn--outline-secondary {
   background-color: transparent;
-  border-color: var(--pa-btn-secondary-bg);
-  color: var(--pa-btn-secondary-bg);
+  border-color: var(--pa-btn-secondary-outline-color);
+  color: var(--pa-btn-secondary-outline-color);
 }
 .pa-btn--outline-secondary:hover {
   background-color: var(--pa-btn-secondary-bg);
@@ -7772,18 +7769,16 @@ a.pa-card p {
 .pa-btn-split {
   position: relative;
   display: inline-flex;
+  border-radius: var(--pa-border-radius);
+  overflow: hidden;
 }
 .pa-btn-split .pa-btn {
   border-radius: 0;
 }
 .pa-btn-split .pa-btn:first-child {
-  border-start-start-radius: 4px;
-  border-end-start-radius: 4px;
   border-inline-end: none;
 }
 .pa-btn-split__toggle {
-  border-start-end-radius: 4px;
-  border-end-end-radius: 4px;
   border-inline-start: 1px solid rgba(255, 255, 255, 0.25);
   padding-inline: 0;
   display: inline-flex;
@@ -7816,21 +7811,24 @@ a.pa-card p {
 }
 .pa-btn-split__menu {
   display: none;
-  flex-direction: column;
-  gap: 0.4rem;
   position: fixed;
   top: 0;
   left: 0;
   width: max-content;
   background: var(--pa-card-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 0 80px rgba(0, 0, 0, 0.15);
   z-index: 1000;
-  padding: 0.4rem 0;
+  overflow: hidden;
 }
 .pa-btn-split__menu--open {
+  display: block;
+}
+.pa-btn-split__menu-inner {
   display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
 }
 .pa-btn-split__item {
   display: flex;
@@ -7856,6 +7854,17 @@ a.pa-card p {
   background-color: var(--pa-btn-danger-bg);
   color: var(--pa-btn-danger-text);
 }
+.pa-btn-split__item-row {
+  display: flex;
+  align-items: center;
+}
+.pa-btn-split__item-row .pa-btn-split__item {
+  flex: 1;
+}
+.pa-btn-split__item-row > .pa-btn:last-child {
+  flex-shrink: 0;
+  margin-inline-end: 0.8rem;
+}
 .pa-btn-split__item-icon {
   width: 2.4rem;
   min-width: 2.4rem;
@@ -8125,7 +8134,7 @@ a.pa-card p {
   background-color: var(--pa-tooltip-bg);
   color: var(--pa-tooltip-text);
   padding: 0.4rem 0.8rem;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.2rem;
   white-space: nowrap;
   max-width: 24rem;
@@ -8583,7 +8592,7 @@ a.pa-card p {
   max-width: 32rem;
   background-color: var(--pa-card-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   z-index: 1060;
 }
@@ -8597,7 +8606,7 @@ a.pa-card p {
   padding: 0.8rem 0.3rem 0.8rem 0.8rem;
   border-bottom: 1px solid #e1e5e9;
   background-color: var(--pa-card-header-bg);
-  border-radius: 4px 4px 0 0;
+  border-radius: var(--pa-border-radius) var(--pa-border-radius) 0 0;
 }
 .pa-popover__header h4 {
   margin: 0;
@@ -8632,7 +8641,7 @@ a.pa-card p {
 .pa-popover__body code {
   padding: 0.2rem 0.4rem;
   background-color: color-mix(in srgb, var(--pa-text-color-2) 15%, transparent);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   font-family: monospace;
   font-size: 0.9em;
 }
@@ -8649,7 +8658,7 @@ a.pa-card p {
   display: flex;
   align-items: center;
   justify-content: center;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   transition: all 0.1s ease;
 }
 .pa-popover__close:hover {
@@ -8679,7 +8688,7 @@ a.pa-card p {
   background-color: var(--pa-tooltip-bg);
   color: var(--pa-tooltip-text);
   padding: 0.4rem 0.8rem;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.2rem;
   white-space: nowrap;
   max-width: 24rem;
@@ -8755,7 +8764,7 @@ a.pa-card p {
   padding: 1.2rem 1rem;
   margin-bottom: 1.6rem;
   border: 1px solid transparent;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   display: flex;
   flex-wrap: wrap;
@@ -9017,7 +9026,7 @@ a.pa-card p {
   padding: 1.2rem 1rem;
   margin-bottom: 1.6rem;
   border-inline-start: 0.4rem solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   background-color: var(--pa-card-bg);
 }
@@ -9135,7 +9144,7 @@ a.pa-card p {
 .pa-callout code {
   background-color: rgba(0, 0, 0, 0.08);
   padding: 0.1em 0.3em;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   font-size: 0.9em;
 }
 .pa-callout a {
@@ -9217,7 +9226,7 @@ a.pa-card p {
   height: 3.5rem;
   padding: 0.8rem 0.8rem;
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   background-color: var(--pa-input-bg);
   color: var(--pa-text-color-1);
@@ -9234,7 +9243,7 @@ a.pa-card p {
   height: 3.5rem;
   padding: 0.7rem 0.5rem;
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   line-height: normal;
   background-color: var(--pa-input-bg);
@@ -9251,7 +9260,7 @@ a.pa-card p {
   width: 100%;
   padding: 0.8rem 0.8rem;
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   background-color: var(--pa-input-bg);
   color: var(--pa-text-color-1);
@@ -9570,12 +9579,12 @@ a.pa-card p {
   flex: 1;
 }
 .pa-input-group .pa-input:first-child {
-  border-start-start-radius: 4px;
-  border-end-start-radius: 4px;
+  border-start-start-radius: var(--pa-border-radius);
+  border-end-start-radius: var(--pa-border-radius);
 }
 .pa-input-group .pa-input:last-child {
-  border-start-end-radius: 4px;
-  border-end-end-radius: 4px;
+  border-start-end-radius: var(--pa-border-radius);
+  border-end-end-radius: var(--pa-border-radius);
 }
 .pa-input-group .pa-input:not(:first-child) {
   border-inline-start: none;
@@ -9601,8 +9610,8 @@ a.pa-card p {
   border-inline-end: none;
 }
 .pa-input-group__prepend:first-child {
-  border-start-start-radius: 4px;
-  border-end-start-radius: 4px;
+  border-start-start-radius: var(--pa-border-radius);
+  border-end-start-radius: var(--pa-border-radius);
 }
 .pa-input-group__append {
   background-color: var(--pa-input-group-append-bg);
@@ -9611,8 +9620,8 @@ a.pa-card p {
   border-inline-start: none;
 }
 .pa-input-group__append:last-child {
-  border-start-end-radius: 4px;
-  border-end-end-radius: 4px;
+  border-start-end-radius: var(--pa-border-radius);
+  border-end-end-radius: var(--pa-border-radius);
 }
 .pa-input-group__prepend + .pa-input-group__prepend {
   border-inline-start: 1px solid var(--pa-input-group-prepend-bg);
@@ -9636,12 +9645,12 @@ a.pa-card p {
   border-radius: 0;
 }
 .pa-input-group__button:first-child {
-  border-start-start-radius: 4px;
-  border-end-start-radius: 4px;
+  border-start-start-radius: var(--pa-border-radius);
+  border-end-start-radius: var(--pa-border-radius);
 }
 .pa-input-group__button:last-child {
-  border-start-end-radius: 4px;
-  border-end-end-radius: 4px;
+  border-start-end-radius: var(--pa-border-radius);
+  border-end-end-radius: var(--pa-border-radius);
 }
 .pa-input-group--xs .pa-input-group__prepend,
 .pa-input-group--xs .pa-input-group__append {
@@ -9762,7 +9771,7 @@ a.pa-card p {
   bottom: 0;
   padding: 0.8rem 0.8rem;
   border: 1px solid transparent;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   font-family: inherit;
   white-space: pre-wrap;
@@ -9782,7 +9791,7 @@ a.pa-card p {
   background-color: rgba(0, 123, 255, 0.15);
   color: #007bff;
   padding: 0.2rem 0.4rem;
-  border-radius: 0.4rem;
+  border-radius: var(--pa-border-radius-sm);
   font-weight: 500;
 }
 .pa-search-highlight__operator {
@@ -9790,7 +9799,7 @@ a.pa-card p {
   background-color: rgba(40, 167, 69, 0.15);
   color: #28a745;
   padding: 0.2rem 0.4rem;
-  border-radius: 0.4rem;
+  border-radius: var(--pa-border-radius-sm);
   font-weight: 500;
 }
 
@@ -9799,7 +9808,7 @@ a.pa-card p {
   z-index: 1000;
   background: var(--pa-input-bg);
   border: 1px solid #e1e5e9;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   max-height: 24rem;
   overflow-y: auto;
@@ -9848,7 +9857,7 @@ a.pa-card p {
   width: 100%;
   padding: 0.8rem 0.8rem;
   border: 1px solid #e1e5e9;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   background-color: var(--pa-input-bg);
   color: var(--pa-text-color-1);
@@ -9895,7 +9904,7 @@ a.pa-card p {
   bottom: 0;
   padding: 0.8rem 0.8rem;
   border: 1px solid transparent;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   white-space: pre-wrap;
@@ -9912,7 +9921,7 @@ a.pa-card p {
   width: 100%;
   padding: 0.8rem 0.8rem;
   border: 1px solid #e1e5e9;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   background: transparent;
@@ -9966,7 +9975,7 @@ a.pa-card p {
   z-index: 1000;
   background: var(--pa-input-bg);
   border: 1px solid #e1e5e9;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   max-height: 24rem;
   overflow-y: auto;
@@ -10012,7 +10021,7 @@ a.pa-card p {
   padding: 0.2rem 0.6rem;
   background-color: rgba(var(--pa-text-color-2), 0.1);
   color: var(--pa-text-color-2);
-  border-radius: 0.4rem;
+  border-radius: var(--pa-border-radius-sm);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
 
@@ -10048,7 +10057,7 @@ a.pa-card p {
   width: 1.6rem;
   height: 1.6rem;
   border: 1px solid var(--pa-checkbox-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius-sm);
   background-color: var(--pa-checkbox-bg);
   transition: all 0.1s ease-out;
   flex-shrink: 0;
@@ -10231,7 +10240,7 @@ web-multiselect {
 .pa-file-dropzone {
   position: relative;
   border: 3.2px dashed #e1e5e9;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   padding: 3.2rem;
   text-align: center;
   transition: all 0.1s ease-out;
@@ -10302,7 +10311,7 @@ web-multiselect {
   align-items: center;
   padding: 0.8rem;
   border: 1px solid var(--pa-border-color);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   background: var(--pa-card-bg);
   position: relative;
   cursor: default;
@@ -10362,7 +10371,7 @@ web-multiselect {
 .pa-file-dropzone__image-card {
   position: relative;
   aspect-ratio: 1;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   overflow: hidden;
   border: 1px solid var(--pa-border-color);
   cursor: default;
@@ -10412,7 +10421,7 @@ web-multiselect {
   display: inline-block;
   margin-bottom: 0;
   padding: 0.4rem 0.8rem;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   cursor: pointer;
   transition: background-color 0.1s ease-out;
 }
@@ -10453,7 +10462,7 @@ web-multiselect {
   z-index: 10000;
   background: var(--pa-card-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 6.4px 32px rgba(0, 0, 0, 0.15);
   max-width: 80rem;
   width: 90vw;
@@ -10492,7 +10501,7 @@ web-multiselect {
   background: transparent;
   color: var(--pa-text-color-2);
   cursor: pointer;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   font-size: 2rem;
   line-height: 1;
   transition: all 0.1s ease-out;
@@ -10556,14 +10565,14 @@ web-multiselect {
 .pa-file-popover__progress-bar {
   height: 6.4px;
   background: rgba(0, 123, 255, 0.2);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   overflow: hidden;
   margin-bottom: 0.4rem;
 }
 .pa-file-popover__progress-fill {
   height: 100%;
   background: #007bff;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   transition: width 0.48s ease;
 }
 .pa-file-popover__progress-text {
@@ -10599,7 +10608,7 @@ web-multiselect {
   background: var(--pa-card-bg);
   color: #dc3545;
   cursor: pointer;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   font-size: 2.4rem;
   line-height: 1;
   transition: all 0.1s ease-out;
@@ -10624,7 +10633,7 @@ web-multiselect {
 .pa-file-list--detailed .pa-file-item {
   padding: 0.8rem;
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   margin-bottom: 0.8rem;
   display: flex;
   align-items: center;
@@ -10649,7 +10658,7 @@ web-multiselect {
   align-items: center;
   justify-content: center;
   background: rgba(0, 123, 255, 0.1);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   color: #007bff;
 }
 .pa-file-item__info {
@@ -10677,7 +10686,7 @@ web-multiselect {
   background: transparent;
   color: var(--pa-text-color-2);
   cursor: pointer;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   font-size: 1.8rem;
   line-height: 1;
   transition: all 0.1s ease-out;
@@ -10706,7 +10715,7 @@ web-multiselect {
 .pa-file-preview {
   position: relative;
   aspect-ratio: 1;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   overflow: hidden;
   border: 1px solid var(--pa-border-color);
 }
@@ -10760,13 +10769,13 @@ web-multiselect {
 .pa-file-progress__bar {
   height: 6.4px;
   background: rgba(0, 123, 255, 0.2);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   overflow: hidden;
 }
 .pa-file-progress__fill {
   height: 100%;
   background: #007bff;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   transition: width 0.48s ease;
 }
 .pa-file-progress__text {
@@ -10820,7 +10829,7 @@ web-multiselect {
   background: rgba(0, 123, 255, 0.15);
   backdrop-filter: blur(3.2px);
   border: 4.8px dashed #007bff;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10918,15 +10927,15 @@ web-multiselect {
 
 .pa-checkbox-list--bordered {
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
 }
 .pa-checkbox-list--bordered .pa-checkbox-list__item:first-child {
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+  border-top-left-radius: var(--pa-border-radius);
+  border-top-right-radius: var(--pa-border-radius);
 }
 .pa-checkbox-list--bordered .pa-checkbox-list__item:last-child {
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: var(--pa-border-radius);
+  border-bottom-right-radius: var(--pa-border-radius);
 }
 
 .pa-checkbox-list--striped .pa-checkbox-list__item:nth-child(even) {
@@ -10981,7 +10990,7 @@ web-multiselect {
 }
 .pa-checkbox-list--inline .pa-checkbox-list__item {
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   flex: 0 1 auto;
 }
 .pa-checkbox-list--inline .pa-checkbox-list__item:hover {
@@ -10999,7 +11008,7 @@ web-multiselect {
 }
 .pa-checkbox-list--grid .pa-checkbox-list__item {
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
 }
 .pa-checkbox-list--grid .pa-checkbox-list__item:hover {
   border-color: var(--pa-accent);
@@ -11057,13 +11066,13 @@ web-multiselect {
    ======================================== */
 .pa-table-container {
   overflow-x: auto;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   border: 1px solid var(--pa-border-color);
   background-color: var(--pa-table-bg);
 }
 .pa-table-container--panel {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
+  border-radius: var(--pa-border-radius-lg);
   margin-bottom: 1.6rem;
   transition: box-shadow 0.1s ease-out;
 }
@@ -11100,7 +11109,7 @@ web-multiselect {
 .pa-table-card {
   background: var(--pa-card-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 8px;
+  border-radius: var(--pa-border-radius-lg);
   margin-bottom: 1.6rem;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   transition: box-shadow 0.1s ease-out;
@@ -11534,7 +11543,7 @@ web-multiselect {
   padding: 0.8rem 1.2rem;
   background-color: transparent;
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   color: var(--pa-text-color-1);
   font-size: 1.4rem;
   cursor: pointer;
@@ -11570,7 +11579,7 @@ web-multiselect {
 
 .pa-virtual-table {
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   height: 400px;
   overflow: auto;
   position: relative;
@@ -11648,7 +11657,7 @@ web-multiselect {
     display: block;
     margin-bottom: 1.6rem;
     border: 1px solid var(--pa-border-color);
-    border-radius: 4px;
+    border-radius: var(--pa-border-radius);
     overflow: hidden;
   }
   .pa-table--responsive tbody tr:last-child {
@@ -11711,7 +11720,7 @@ web-multiselect {
     display: block;
     margin-bottom: 1.6rem;
     border: 1px solid var(--pa-border-color);
-    border-radius: 4px;
+    border-radius: var(--pa-border-radius);
     overflow: hidden;
   }
   .pa-table--responsive-grid tbody tr:last-child {
@@ -11933,7 +11942,7 @@ tbody tr:hover .pa-comparison-table__copy {
     flex-direction: column;
     margin-bottom: 1.6rem;
     border: 1px solid var(--pa-border-color);
-    border-radius: 4px;
+    border-radius: var(--pa-border-radius);
   }
   .pa-comparison-table tbody td {
     display: flex;
@@ -11971,7 +11980,7 @@ code {
   font-size: 1.5rem;
   background-color: var(--pa-accent-light);
   color: var(--pa-accent);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
 }
 
 .pa-code {
@@ -11983,7 +11992,7 @@ code {
   background-color: var(--pa-main-bg);
   color: var(--pa-text-color-1);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   overflow-x: auto;
   white-space: pre;
   margin: 0;
@@ -12031,7 +12040,7 @@ code {
 
 .pa-code-block {
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   overflow: hidden;
 }
 .pa-code-block__header {
@@ -12162,7 +12171,7 @@ code {
   padding: 0.8rem 1.2rem;
   background-color: transparent;
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   color: var(--pa-text-color-1);
   font-size: 1.4rem;
   cursor: pointer;
@@ -12217,7 +12226,7 @@ code {
   background: none;
   border: none;
   padding: 0.4rem 0.8rem;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   color: var(--pa-header-text);
   cursor: pointer;
   font-size: 1.4rem;
@@ -12335,7 +12344,7 @@ code {
   color: var(--pa-accent);
   font-size: 1.2rem;
   font-weight: 500;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
@@ -12352,7 +12361,7 @@ code {
   align-items: center;
   justify-content: center;
   color: var(--pa-text-color-2);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   transition: background-color 0.1s ease-out, color 0.1s ease-out;
 }
 .pa-profile-panel__close:hover {
@@ -12386,7 +12395,7 @@ code {
   padding: 0.8rem 1.6rem;
   color: var(--pa-text-color-1);
   text-decoration: none;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   transition: background-color 0.1s ease-out, color 0.1s ease-out;
   font-weight: 500;
 }
@@ -12461,7 +12470,7 @@ code {
   padding: 0.8rem 1.6rem;
   color: var(--pa-text-color-1);
   text-decoration: none;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   cursor: pointer;
   transition: background-color 0.1s ease-out, color 0.1s ease-out;
   font-weight: 500;
@@ -12493,7 +12502,7 @@ code {
   padding: 0.4rem;
   color: var(--pa-text-color-2);
   cursor: pointer;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.4rem;
   line-height: 1;
   transition: opacity 0.1s ease-out, color 0.1s ease-out, background-color 0.1s ease-out;
@@ -12548,7 +12557,7 @@ code {
 
 .pa-modal__container {
   background-color: var(--pa-modal-content-bg);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
   width: 100%;
   max-width: 48rem;
@@ -12581,7 +12590,7 @@ code {
 .pa-modal__header {
   padding: 1.2rem 1.6rem;
   border-bottom: 1px solid var(--pa-border-color);
-  border-radius: 4px 4px 0 0;
+  border-radius: var(--pa-border-radius) var(--pa-border-radius) 0 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -12725,7 +12734,7 @@ code {
 .pa-toast {
   background-color: var(--pa-card-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   min-width: 32rem;
   max-width: 40rem;
@@ -12793,7 +12802,7 @@ code {
   align-items: center;
   justify-content: center;
   font-size: 1.8rem;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
 }
 
 .pa-toast__content {
@@ -12836,7 +12845,7 @@ code {
   display: flex;
   align-items: center;
   justify-content: center;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.8rem;
   line-height: 1;
   transition: background-color 0.1s ease, color 0.1s ease;
@@ -13442,7 +13451,7 @@ code {
 }
 .pa-timeline--alternating .pa-timeline__item:nth-child(odd) .pa-timeline__content {
   padding: 3.2rem calc(6.4rem + 40px) 3.2rem 3.2rem;
-  border-radius: 0 500px 500px 0;
+  border-radius: 0 var(--pa-border-radius) var(--pa-border-radius) 0;
 }
 .pa-timeline--alternating .pa-timeline__item:nth-child(odd)::after {
   content: "";
@@ -13478,7 +13487,7 @@ code {
 }
 .pa-timeline--alternating .pa-timeline__item:nth-child(even) .pa-timeline__content {
   padding: 3.2rem 3.2rem 3.2rem calc(6.4rem + 40px);
-  border-radius: 500px 0 0 500px;
+  border-radius: var(--pa-border-radius) 0 0 var(--pa-border-radius);
 }
 .pa-timeline--alternating .pa-timeline__item:nth-child(even)::after {
   content: "";
@@ -13573,7 +13582,7 @@ code {
   }
   .pa-timeline--alternating:not(.pa-timeline--keep-layout) .pa-timeline__item:nth-child(odd) .pa-timeline__content, .pa-timeline--alternating:not(.pa-timeline--keep-layout) .pa-timeline__item:nth-child(even) .pa-timeline__content {
     padding: 3.2rem 3.2rem 3.2rem calc(6.4rem + 40px);
-    border-radius: 500px 0 0 500px;
+    border-radius: var(--pa-border-radius) 0 0 var(--pa-border-radius);
   }
 }
 .pa-timeline--alternating.pa-timeline--single-column::after {
@@ -13603,7 +13612,7 @@ code {
 }
 .pa-timeline--alternating.pa-timeline--single-column .pa-timeline__item:nth-child(odd) .pa-timeline__content, .pa-timeline--alternating.pa-timeline--single-column .pa-timeline__item:nth-child(even) .pa-timeline__content {
   padding: 3.2rem 3.2rem 3.2rem calc(6.4rem + 40px);
-  border-radius: 500px 0 0 500px;
+  border-radius: var(--pa-border-radius) 0 0 var(--pa-border-radius);
 }
 .pa-timeline--alternating.pa-timeline--start::after {
   left: 90px;
@@ -13630,7 +13639,7 @@ code {
 }
 .pa-timeline--alternating.pa-timeline--start .pa-timeline__item .pa-timeline__content {
   padding: 3.2rem 3.2rem 3.2rem calc(6.4rem + 40px);
-  border-radius: 500px 0 0 500px;
+  border-radius: var(--pa-border-radius) 0 0 var(--pa-border-radius);
 }
 .pa-timeline--alternating.pa-timeline--end::after {
   right: 90px;
@@ -13660,7 +13669,7 @@ code {
 }
 .pa-timeline--alternating.pa-timeline--end .pa-timeline__item .pa-timeline__content {
   padding: 3.2rem calc(6.4rem + 40px) 3.2rem 3.2rem;
-  border-radius: 0 500px 500px 0;
+  border-radius: 0 var(--pa-border-radius) var(--pa-border-radius) 0;
 }
 .pa-timeline--feed {
   padding: 0;
@@ -13711,7 +13720,7 @@ code {
   padding: 1.6rem;
   background: var(--pa-card-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
 }
 .pa-timeline--feed .pa-timeline__comment p {
   margin: 0 0 0.8rem 0;
@@ -13800,7 +13809,7 @@ code {
   width: 100%;
   max-width: 60.8rem;
   background-color: var(--pa-modal-content-bg);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 1.6rem 4.8rem rgba(0, 0, 0, 0.3);
   animation: slideDown 0.15s ease;
   overflow: hidden;
@@ -13842,7 +13851,7 @@ code {
   padding: 0.8rem 0.8rem;
   font-size: 1.6rem;
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   background-color: var(--pa-input-bg);
   color: var(--pa-text-color-1);
   outline: none;
@@ -13866,7 +13875,7 @@ code {
   font-weight: 500;
   padding: 0.4rem 0.8rem;
   background-color: var(--pa-accent-light);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   opacity: 0;
   transition: opacity 0.1s ease;
 }
@@ -13929,7 +13938,7 @@ code {
   justify-content: center;
   background-color: var(--pa-accent-light);
   color: var(--pa-accent);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   font-size: 1.4rem;
 }
 .pa-command-palette__item-content {
@@ -13950,7 +13959,7 @@ code {
   color: var(--pa-command-palette-highlight-text);
   font-weight: 600;
   padding: 0 2px;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
 }
 .pa-command-palette__item-meta {
   font-size: 1.2rem;
@@ -13967,7 +13976,7 @@ code {
   padding: 2px 0.4rem;
   background-color: #e9ecef;
   color: var(--pa-text-color-2);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
 }
 .pa-command-palette__footer {
   border-top: 1px solid var(--pa-border-color);
@@ -13986,7 +13995,7 @@ code {
   padding: 2px 0.4rem;
   background-color: #e9ecef;
   border: 1px solid var(--pa-border-color);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
   font-size: 1rem;
@@ -14048,7 +14057,7 @@ code {
   padding: 0.8rem 0.8rem;
   background-color: var(--pa-input-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   cursor: pointer;
   transition: border-color 0.1s ease-out;
 }
@@ -14110,7 +14119,7 @@ code {
   color: var(--pa-text-color-2);
   background-color: #e9ecef;
   border: 1px solid var(--pa-border-color);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 }
 
@@ -14183,7 +14192,7 @@ code {
   color: var(--pa-text-color-1);
   background-color: #e9ecef;
   border: 1px solid var(--pa-border-color);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 }
 
@@ -14210,7 +14219,7 @@ code {
 .pa-logic-tree {
   padding: 1.6rem;
   background: #f9fafb;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   min-height: 6.4rem;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
@@ -14226,7 +14235,7 @@ code {
   padding: 0.8rem 1.2rem;
   background: #f9fafb;
   border: 1.6px dashed #d1d5db;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   text-align: center;
 }
 .pa-logic-tree__node {
@@ -14238,7 +14247,7 @@ code {
 .pa-logic-tree__block {
   background: #fff;
   border: 3.2px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   padding: 0.8rem;
   position: relative;
   transition: box-shadow 0.32s ease;
@@ -14339,7 +14348,7 @@ code {
   color: #e65100;
   border: 3.2px solid #ff9800;
   padding: 0.4rem 1.2rem;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.05em;
@@ -14359,7 +14368,7 @@ code {
 .pa-logic-tree__token {
   display: inline-block;
   padding: 0.4rem 0.8rem;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   font-size: 1.2rem;
   font-weight: 500;
   font-family: "Courier New", Courier, monospace;
@@ -14436,7 +14445,7 @@ code {
   height: 3.2rem;
   background: none;
   border: none;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   color: var(--pa-header-text);
   cursor: pointer;
   transition: background-color 0.1s ease-out;
@@ -14480,7 +14489,7 @@ code {
   max-height: 44.8rem;
   background-color: var(--pa-card-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 0 80px rgba(0, 0, 0, 0.15);
   z-index: 5000;
   display: none;
@@ -14712,7 +14721,7 @@ code {
 .pa-popconfirm__content {
   background-color: var(--pa-card-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   box-shadow: 0 0 80px rgba(0, 0, 0, 0.15);
   overflow: hidden;
 }
@@ -14972,7 +14981,7 @@ code {
   align-items: center;
   justify-content: center;
   color: var(--pa-text-color-2);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
 }
 .pa-detail-panel__close:hover {
   background-color: var(--pa-accent-light);
@@ -15113,8 +15122,8 @@ code {
   background: #007bff;
   color: white;
   border: none;
-  border-start-start-radius: 4px;
-  border-end-start-radius: 4px;
+  border-start-start-radius: var(--pa-border-radius);
+  border-end-start-radius: var(--pa-border-radius);
   border-start-end-radius: 0;
   border-end-end-radius: 0;
   cursor: pointer;
@@ -15134,8 +15143,8 @@ code {
   background: var(--pa-subtle-bg);
   border: 1px solid var(--pa-border-color);
   border-inline-end: none;
-  border-start-start-radius: 4px;
-  border-end-start-radius: 4px;
+  border-start-start-radius: var(--pa-border-radius);
+  border-end-start-radius: var(--pa-border-radius);
   border-start-end-radius: 0;
   border-end-end-radius: 0;
   box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
@@ -15171,7 +15180,7 @@ code {
   width: 100%;
   padding: 0.8rem;
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   background: var(--pa-input-bg);
   color: var(--pa-text-color-1);
   font-size: 1.4rem;
@@ -15252,7 +15261,7 @@ code {
   padding: 0.4rem;
   background: transparent;
   border: none;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   cursor: pointer;
   opacity: 0.5;
   transition: opacity 0.15s, background 0.15s;
@@ -15288,7 +15297,7 @@ code {
   padding: 0.4rem;
   background: transparent;
   border: none;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   cursor: pointer;
   opacity: 0;
   transition: opacity 0.15s, background 0.15s;
@@ -15401,7 +15410,7 @@ code {
 .pa-fields--striped .pa-field:nth-child(odd) {
   background: var(--pa-table-stripe);
   padding: 0.8rem;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
 }
 .pa-fields--striped .pa-field:nth-child(even) {
   padding: 0.8rem;
@@ -15443,7 +15452,7 @@ code {
 .pa-fields--filled {
   background: rgba(128, 128, 128, 0.06);
   padding: 1.6rem;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
 }
 .pa-fields--color-1 {
   border-left-color: var(--pa-color-1);
@@ -15559,7 +15568,7 @@ code {
   color: var(--pa-text-color-1);
   font-weight: 500;
   padding: 0.2rem 0.8rem;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   font-size: 1.3rem;
 }
 .pa-fields--chips .pa-field__value--success {
@@ -15583,7 +15592,7 @@ code {
   display: grid;
   grid-template-columns: repeat(3, auto 1fr);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   overflow: hidden;
 }
 .pa-desc-table--cols-2 {
@@ -15686,7 +15695,7 @@ code {
   padding: 0.4rem;
   background: transparent;
   border: none;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   cursor: pointer;
   transition: opacity 0.15s, background 0.15s;
 }
@@ -15783,7 +15792,7 @@ code {
 
 .pa-prop-card {
   border: 1px solid var(--pa-border-color);
-  border-radius: 6px;
+  border-radius: var(--pa-border-radius);
   overflow: hidden;
 }
 .pa-prop-card__header {
@@ -15827,7 +15836,7 @@ code {
   padding: 0.4rem;
   background: transparent;
   border: none;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   cursor: pointer;
   transition: opacity 0.15s, background 0.15s;
 }
@@ -15870,7 +15879,7 @@ code {
 
 .pa-banded {
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   overflow: hidden;
 }
 .pa-banded__row {
@@ -15964,7 +15973,7 @@ code {
   padding: 0.4rem;
   background: transparent;
   border: none;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   cursor: pointer;
   transition: opacity 0.15s, background 0.15s;
 }
@@ -16052,7 +16061,7 @@ code {
   padding: 0.4rem;
   background: transparent;
   border: none;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   cursor: pointer;
   transition: opacity 0.15s, background 0.15s;
 }
@@ -16109,7 +16118,7 @@ code {
   width: 100%;
   height: 0.8rem;
   background: rgba(0, 0, 0, 0.08);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   overflow: hidden;
   position: relative;
 }
@@ -16181,7 +16190,7 @@ code {
   display: flex;
   width: 100%;
   height: 1.2rem;
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
   overflow: hidden;
   background: rgba(0, 0, 0, 0.08);
 }
@@ -16222,7 +16231,7 @@ code {
 .pa-stacked-bar__legend-swatch {
   width: 1rem;
   height: 1rem;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   flex-shrink: 0;
 }
 .pa-stacked-bar__legend-swatch--primary {
@@ -16395,7 +16404,7 @@ code {
   width: 100%;
   height: 0.4rem;
   background: rgba(0, 0, 0, 0.06);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   overflow: hidden;
 }
 .pa-data-bar__fill {
@@ -16429,7 +16438,7 @@ code {
   gap: 0.2rem;
 }
 .pa-heatmap__cell {
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   background: rgba(0, 0, 0, 0.08);
 }
 .pa-heatmap__cell[data-level="1"] {
@@ -16479,7 +16488,7 @@ code {
 .pa-heatmap__legend-cell {
   width: 1.2rem;
   height: 1.2rem;
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   background: rgba(0, 0, 0, 0.08);
 }
 .pa-heatmap__legend-cell[data-level="1"] {
@@ -16500,7 +16509,7 @@ code {
   gap: 0.1rem;
 }
 .pa-heatmap--compact .pa-heatmap__cell {
-  border-radius: 1px;
+  border-radius: var(--pa-border-radius-sm);
 }
 
 .pa-sparkline {
@@ -16513,7 +16522,7 @@ code {
   width: 0.3rem;
   height: var(--value, 50%);
   background: #007bff;
-  border-radius: 2px 2px 0 0;
+  border-radius: var(--pa-border-radius-sm) var(--pa-border-radius-sm) 0 0;
   transition: height 0.25s ease;
   min-height: 1px;
 }
@@ -16573,7 +16582,7 @@ code {
   width: 100%;
   height: 0.4rem;
   background: rgba(0, 0, 0, 0.06);
-  border-radius: 2px;
+  border-radius: var(--pa-border-radius-sm);
   overflow: hidden;
 }
 .pa-bar-list__bar::after {
@@ -17191,7 +17200,7 @@ html.font-size-xlarge {
   margin-bottom: 0.8rem;
   background-color: var(--pa-card-bg);
   border: 1px solid var(--pa-border-color);
-  border-radius: 4px;
+  border-radius: var(--pa-border-radius);
 }
 .usage-example .user-item .user-name,
 .usage-example .project-item .user-name {