@keenmate/pure-admin-theme-express 1.0.0-rc06 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/express.css CHANGED
@@ -135,10 +135,10 @@ figure {
135
135
  body {
136
136
  margin: 0;
137
137
  padding: 0;
138
- font-family: "Fira Sans Condensed", "Arial Narrow", "Arial", sans-serif;
138
+ font-family: var(--base-font-family);
139
139
  font-size: 1.6rem;
140
- color: var(--pa-text-primary);
141
- background-color: var(--pa-primary-bg);
140
+ color: var(--pa-text-color-1);
141
+ background-color: var(--pa-main-bg);
142
142
  line-height: 1.5;
143
143
  overflow-x: hidden;
144
144
  overflow-y: scroll;
@@ -151,7 +151,7 @@ body::before {
151
151
  left: 0;
152
152
  right: 0;
153
153
  bottom: 0;
154
- background: radial-gradient(circle at 20% 80%, rgba(212, 5, 17, 0.03) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(212, 5, 17, 0.03) 0%, transparent 50%);
154
+ background: radial-gradient(circle at 20% 80%, rgba(0, 123, 255, 0.03) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(0, 123, 255, 0.03) 0%, transparent 50%);
155
155
  pointer-events: none;
156
156
  z-index: -1;
157
157
  }
@@ -177,33 +177,32 @@ label {
177
177
  }
178
178
 
179
179
  *::-webkit-scrollbar-track {
180
- background: var(--pa-primary-bg);
180
+ background: var(--pa-main-bg);
181
181
  border-radius: 3px;
182
182
  }
183
183
 
184
184
  *::-webkit-scrollbar-thumb {
185
- background: #E5E5E5;
185
+ background: var(--pa-border-color);
186
186
  border-radius: 3px;
187
- border: 1px solid var(--pa-primary-bg);
187
+ border: 1px solid var(--pa-main-bg);
188
188
  }
189
189
 
190
190
  *::-webkit-scrollbar-thumb:hover {
191
- background: #D40511;
192
- border-color: rgba(212, 5, 17, 0.12);
191
+ background: var(--pa-accent);
193
192
  }
194
193
 
195
194
  *::-webkit-scrollbar-thumb:active {
196
- background: rgba(212, 5, 17, 0.12);
195
+ background: var(--pa-accent-hover);
197
196
  }
198
197
 
199
198
  *::-webkit-scrollbar-corner {
200
- background: var(--pa-primary-bg);
199
+ background: var(--pa-main-bg);
201
200
  }
202
201
 
203
202
  /* Firefox */
204
203
  * {
205
204
  scrollbar-width: thin;
206
- scrollbar-color: var(--pa-border-color) var(--pa-primary-bg);
205
+ scrollbar-color: var(--pa-border-color) var(--pa-main-bg);
207
206
  }
208
207
 
209
208
  /* ========================================
@@ -313,7 +312,7 @@ body.pa-layout--sticky {
313
312
  .pa-layout {
314
313
  max-width: 100%;
315
314
  margin: 4.8rem auto 0;
316
- background-color: var(--pa-primary-bg);
315
+ background-color: var(--pa-main-bg);
317
316
  overflow: visible;
318
317
  display: flex;
319
318
  flex-direction: column;
@@ -424,19 +423,90 @@ body.pa-layout--sticky .pa-layout__inner {
424
423
  gap: 0.4rem;
425
424
  }
426
425
 
426
+ @media (max-width: 768px) {
427
+ .pa-layout__footer {
428
+ flex-wrap: wrap;
429
+ min-height: auto;
430
+ padding: 0.8rem 1.6rem;
431
+ }
432
+ .pa-footer__left,
433
+ .pa-footer__center,
434
+ .pa-footer__right {
435
+ flex-shrink: 1;
436
+ min-width: 0;
437
+ }
438
+ .pa-footer__left {
439
+ flex: 1 1 auto;
440
+ }
441
+ .pa-footer__center {
442
+ display: none;
443
+ }
444
+ .pa-footer__right {
445
+ flex: 0 1 auto;
446
+ }
447
+ .pa-footer__right--vertical {
448
+ align-items: flex-end;
449
+ }
450
+ }
427
451
  /* ========================================
428
452
  Sidebar Component
429
453
  Sidebar navigation with nested submenus
430
454
  ======================================== */
455
+ :root {
456
+ --pa-local-sidebar-width: 28.8rem;
457
+ --pa-local-sidebar-min-width: 18rem;
458
+ --pa-local-sidebar-max-width: 50rem;
459
+ }
460
+
461
+ :where(.pa-layout__sidebar) {
462
+ width: var(--pa-local-sidebar-width);
463
+ }
464
+
431
465
  .pa-layout__sidebar {
432
- width: 29rem;
433
466
  background-color: var(--pa-sidebar-bg);
434
467
  border-right: 1px solid var(--pa-border-color);
435
468
  flex-shrink: 0;
469
+ position: relative;
470
+ }
471
+
472
+ .pa-sidebar-resize {
473
+ position: absolute;
474
+ top: 0;
475
+ right: 0;
476
+ width: 6px;
477
+ height: 100%;
478
+ cursor: ew-resize;
479
+ z-index: 100;
480
+ }
481
+
482
+ .pa-sidebar-resize::after {
483
+ content: "";
484
+ position: absolute;
485
+ top: 0;
486
+ left: 50%;
487
+ transform: translateX(-50%);
488
+ width: 2px;
489
+ height: 100%;
490
+ background-color: transparent;
491
+ transition: background-color 0.1s ease-out;
492
+ }
493
+
494
+ .pa-sidebar-resize:hover::after, .pa-sidebar-resize--active::after {
495
+ background-color: var(--pa-accent);
496
+ }
497
+
498
+ body.pa-sidebar-resizing {
499
+ cursor: ew-resize !important;
500
+ user-select: none;
501
+ }
502
+
503
+ body.pa-sidebar-resizing * {
504
+ cursor: ew-resize !important;
436
505
  }
437
506
 
438
507
  body.pa-layout--sticky .pa-layout__sidebar {
439
508
  overflow-y: auto;
509
+ overflow-y: overlay;
440
510
  overflow-x: visible;
441
511
  }
442
512
 
@@ -600,7 +670,7 @@ body.loaded .pa-sidebar__chevron {
600
670
  opacity: 1;
601
671
  overflow: visible !important;
602
672
  z-index: 1050;
603
- border-right: 1px solid #E5E5E5;
673
+ border-right: 1px solid #e1e5e9;
604
674
  }
605
675
 
606
676
  .sidebar-hidden .pa-layout__sidebar--icon-collapse .pa-sidebar__item {
@@ -775,7 +845,7 @@ body.loaded .pa-sidebar__chevron {
775
845
  }
776
846
 
777
847
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse {
778
- width: 29rem;
848
+ width: 28.8rem;
779
849
  }
780
850
 
781
851
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__label {
@@ -920,7 +990,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
920
990
  .pa-header__dropdown li a {
921
991
  display: block;
922
992
  padding: 0.8rem 1.6rem;
923
- color: var(--pa-text-primary);
993
+ color: var(--pa-text-color-1);
924
994
  border-radius: 0;
925
995
  white-space: nowrap;
926
996
  text-decoration: none;
@@ -2561,6 +2631,144 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2561
2631
  padding-bottom: 0;
2562
2632
  }
2563
2633
 
2634
+ @media (max-width: 768px) {
2635
+ .pa-col-5 {
2636
+ flex: 0 0 100%;
2637
+ max-width: 100%;
2638
+ }
2639
+ .pa-col-10 {
2640
+ flex: 0 0 100%;
2641
+ max-width: 100%;
2642
+ }
2643
+ .pa-col-15 {
2644
+ flex: 0 0 100%;
2645
+ max-width: 100%;
2646
+ }
2647
+ .pa-col-20 {
2648
+ flex: 0 0 100%;
2649
+ max-width: 100%;
2650
+ }
2651
+ .pa-col-25 {
2652
+ flex: 0 0 100%;
2653
+ max-width: 100%;
2654
+ }
2655
+ .pa-col-30 {
2656
+ flex: 0 0 100%;
2657
+ max-width: 100%;
2658
+ }
2659
+ .pa-col-35 {
2660
+ flex: 0 0 100%;
2661
+ max-width: 100%;
2662
+ }
2663
+ .pa-col-40 {
2664
+ flex: 0 0 100%;
2665
+ max-width: 100%;
2666
+ }
2667
+ .pa-col-45 {
2668
+ flex: 0 0 100%;
2669
+ max-width: 100%;
2670
+ }
2671
+ .pa-col-50 {
2672
+ flex: 0 0 100%;
2673
+ max-width: 100%;
2674
+ }
2675
+ .pa-col-55 {
2676
+ flex: 0 0 100%;
2677
+ max-width: 100%;
2678
+ }
2679
+ .pa-col-60 {
2680
+ flex: 0 0 100%;
2681
+ max-width: 100%;
2682
+ }
2683
+ .pa-col-65 {
2684
+ flex: 0 0 100%;
2685
+ max-width: 100%;
2686
+ }
2687
+ .pa-col-70 {
2688
+ flex: 0 0 100%;
2689
+ max-width: 100%;
2690
+ }
2691
+ .pa-col-75 {
2692
+ flex: 0 0 100%;
2693
+ max-width: 100%;
2694
+ }
2695
+ .pa-col-80 {
2696
+ flex: 0 0 100%;
2697
+ max-width: 100%;
2698
+ }
2699
+ .pa-col-85 {
2700
+ flex: 0 0 100%;
2701
+ max-width: 100%;
2702
+ }
2703
+ .pa-col-90 {
2704
+ flex: 0 0 100%;
2705
+ max-width: 100%;
2706
+ }
2707
+ .pa-col-95 {
2708
+ flex: 0 0 100%;
2709
+ max-width: 100%;
2710
+ }
2711
+ .pa-col-1-2 {
2712
+ flex: 0 0 100%;
2713
+ max-width: 100%;
2714
+ }
2715
+ .pa-col-1-3 {
2716
+ flex: 0 0 100%;
2717
+ max-width: 100%;
2718
+ }
2719
+ .pa-col-2-3 {
2720
+ flex: 0 0 100%;
2721
+ max-width: 100%;
2722
+ }
2723
+ .pa-col-1-4 {
2724
+ flex: 0 0 100%;
2725
+ max-width: 100%;
2726
+ }
2727
+ .pa-col-3-4 {
2728
+ flex: 0 0 100%;
2729
+ max-width: 100%;
2730
+ }
2731
+ .pa-col-1-5 {
2732
+ flex: 0 0 100%;
2733
+ max-width: 100%;
2734
+ }
2735
+ .pa-col-2-5 {
2736
+ flex: 0 0 100%;
2737
+ max-width: 100%;
2738
+ }
2739
+ .pa-col-3-5 {
2740
+ flex: 0 0 100%;
2741
+ max-width: 100%;
2742
+ }
2743
+ .pa-col-4-5 {
2744
+ flex: 0 0 100%;
2745
+ max-width: 100%;
2746
+ }
2747
+ .pa-col-1-6 {
2748
+ flex: 0 0 100%;
2749
+ max-width: 100%;
2750
+ }
2751
+ .pa-col-5-6 {
2752
+ flex: 0 0 100%;
2753
+ max-width: 100%;
2754
+ }
2755
+ .pa-col-1-12 {
2756
+ flex: 0 0 100%;
2757
+ max-width: 100%;
2758
+ }
2759
+ .pa-col-5-12 {
2760
+ flex: 0 0 100%;
2761
+ max-width: 100%;
2762
+ }
2763
+ .pa-col-7-12 {
2764
+ flex: 0 0 100%;
2765
+ max-width: 100%;
2766
+ }
2767
+ .pa-col-11-12 {
2768
+ flex: 0 0 100%;
2769
+ max-width: 100%;
2770
+ }
2771
+ }
2564
2772
  /* ========================================
2565
2773
  Card Components
2566
2774
  Cards with headers, bodies, footers, variants, and card sections
@@ -2617,7 +2825,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2617
2825
  .pa-card__header h4,
2618
2826
  .pa-card__header h5,
2619
2827
  .pa-card__header h6 {
2620
- color: var(--pa-text-primary);
2828
+ color: var(--pa-text-color-1);
2621
2829
  font-size: 1.6rem;
2622
2830
  }
2623
2831
 
@@ -2645,7 +2853,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2645
2853
  text-overflow: ellipsis;
2646
2854
  white-space: nowrap;
2647
2855
  margin: 0;
2648
- color: var(--pa-text-primary);
2856
+ color: var(--pa-text-color-1);
2649
2857
  font-size: 1.6rem;
2650
2858
  font-weight: 600;
2651
2859
  line-height: 1;
@@ -2687,7 +2895,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2687
2895
  }
2688
2896
 
2689
2897
  .pa-card__meta {
2690
- color: var(--pa-text-secondary);
2898
+ color: var(--pa-text-color-2);
2691
2899
  font-size: 1.4rem;
2692
2900
  }
2693
2901
 
@@ -2777,15 +2985,15 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2777
2985
  padding: 1.2rem 1rem;
2778
2986
  border: none;
2779
2987
  background: none;
2780
- color: var(--pa-text-secondary);
2988
+ color: var(--pa-text-color-2);
2781
2989
  cursor: pointer;
2782
2990
  transition: all 0.1s ease-out;
2783
2991
  border-bottom: 2px solid transparent;
2784
2992
  }
2785
2993
 
2786
2994
  .pa-card__tab:hover {
2787
- color: var(--pa-text-primary);
2788
- background-color: rgba(212, 5, 17, 0.05);
2995
+ color: var(--pa-text-color-1);
2996
+ background-color: rgba(0, 123, 255, 0.05);
2789
2997
  }
2790
2998
 
2791
2999
  .pa-card__tab--active {
@@ -2815,14 +3023,14 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2815
3023
  border-radius: 4px;
2816
3024
  font-size: 1.4rem;
2817
3025
  background: transparent;
2818
- color: var(--pa-text-secondary);
3026
+ color: var(--pa-text-color-2);
2819
3027
  cursor: pointer;
2820
3028
  transition: all 0.1s ease-out;
2821
3029
  }
2822
3030
 
2823
3031
  .pa-card__tabs--inline .pa-card__tab:hover {
2824
- background-color: rgba(212, 5, 17, 0.05);
2825
- color: var(--pa-text-primary);
3032
+ background-color: rgba(0, 123, 255, 0.05);
3033
+ color: var(--pa-text-color-1);
2826
3034
  }
2827
3035
 
2828
3036
  .pa-card__tabs--inline .pa-card__tab--active {
@@ -2841,11 +3049,11 @@ a.pa-card:hover, a.pa-card:visited {
2841
3049
  }
2842
3050
 
2843
3051
  a.pa-card h1, a.pa-card h2, a.pa-card h3, a.pa-card h4, a.pa-card h5, a.pa-card h6 {
2844
- color: var(--pa-text-primary);
3052
+ color: var(--pa-text-color-1);
2845
3053
  }
2846
3054
 
2847
3055
  a.pa-card p {
2848
- color: var(--pa-text-secondary);
3056
+ color: var(--pa-text-color-2);
2849
3057
  }
2850
3058
 
2851
3059
  .pa-section {
@@ -2853,14 +3061,14 @@ a.pa-card p {
2853
3061
  }
2854
3062
 
2855
3063
  .pa-section h3 {
2856
- color: var(--pa-text-primary);
3064
+ color: var(--pa-text-color-1);
2857
3065
  margin-bottom: 1.6rem;
2858
3066
  border-bottom: 2px solid var(--pa-accent);
2859
3067
  padding-bottom: 0.8rem;
2860
3068
  }
2861
3069
 
2862
3070
  .pa-section-title {
2863
- color: var(--pa-text-primary);
3071
+ color: var(--pa-text-color-1);
2864
3072
  margin-bottom: 1.6rem;
2865
3073
  border-bottom: 2px solid var(--pa-accent);
2866
3074
  padding-bottom: 0.8rem;
@@ -2882,7 +3090,7 @@ a.pa-card p {
2882
3090
  padding: 0.8rem 1.2rem;
2883
3091
  border: none;
2884
3092
  background: none;
2885
- color: var(--pa-text-secondary);
3093
+ color: var(--pa-text-color-2);
2886
3094
  cursor: pointer;
2887
3095
  transition: all 0.1s ease-out;
2888
3096
  border-bottom: 2px solid transparent;
@@ -2894,13 +3102,13 @@ a.pa-card p {
2894
3102
  }
2895
3103
 
2896
3104
  .pa-tabs__item:hover {
2897
- color: var(--pa-text-primary);
2898
- background-color: rgba(212, 5, 17, 0.05);
3105
+ color: var(--pa-text-color-1);
3106
+ background-color: rgba(0, 123, 255, 0.05);
2899
3107
  }
2900
3108
 
2901
3109
  .pa-tabs__item--active {
2902
- color: #D40511;
2903
- border-bottom-color: #D40511;
3110
+ color: #007bff;
3111
+ border-bottom-color: #007bff;
2904
3112
  font-weight: 600;
2905
3113
  }
2906
3114
 
@@ -2929,13 +3137,13 @@ a.pa-card p {
2929
3137
  .pa-tabs--pills .pa-tabs__item {
2930
3138
  border-radius: 8px;
2931
3139
  border: 1px solid transparent;
2932
- background-color: var(--pa-primary-bg);
3140
+ background-color: var(--pa-main-bg);
2933
3141
  }
2934
3142
 
2935
3143
  .pa-tabs--pills .pa-tabs__item:hover {
2936
- background-color: rgba(212, 5, 17, 0.1);
2937
- border-color: rgba(212, 5, 17, 0.3);
2938
- color: var(--pa-text-primary);
3144
+ background-color: rgba(0, 123, 255, 0.1);
3145
+ border-color: rgba(0, 123, 255, 0.3);
3146
+ color: var(--pa-text-color-1);
2939
3147
  }
2940
3148
 
2941
3149
  .pa-tabs--pills .pa-tabs__item--active {
@@ -2948,7 +3156,7 @@ a.pa-card p {
2948
3156
  border: 1px solid var(--pa-border-color);
2949
3157
  border-radius: 8px;
2950
3158
  padding: 0.4rem;
2951
- background-color: var(--pa-primary-bg);
3159
+ background-color: var(--pa-main-bg);
2952
3160
  gap: 0.4rem;
2953
3161
  }
2954
3162
 
@@ -2960,13 +3168,13 @@ a.pa-card p {
2960
3168
  }
2961
3169
 
2962
3170
  .pa-tabs--boxed .pa-tabs__item:hover {
2963
- background-color: rgba(212, 5, 17, 0.1);
2964
- color: var(--pa-text-primary);
3171
+ background-color: rgba(0, 123, 255, 0.1);
3172
+ color: var(--pa-text-color-1);
2965
3173
  }
2966
3174
 
2967
3175
  .pa-tabs--boxed .pa-tabs__item--active {
2968
3176
  background-color: var(--pa-card-bg);
2969
- color: var(--pa-text-primary);
3177
+ color: var(--pa-text-color-1);
2970
3178
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
2971
3179
  }
2972
3180
 
@@ -2993,12 +3201,12 @@ a.pa-card p {
2993
3201
  }
2994
3202
 
2995
3203
  .pa-tabs--vertical .pa-tabs__item:hover {
2996
- background-color: rgba(212, 5, 17, 0.05);
3204
+ background-color: rgba(0, 123, 255, 0.05);
2997
3205
  }
2998
3206
 
2999
3207
  .pa-tabs--vertical .pa-tabs__item--active {
3000
- border-right-color: #D40511;
3001
- background-color: rgba(212, 5, 17, 0.1);
3208
+ border-right-color: #007bff;
3209
+ background-color: rgba(0, 123, 255, 0.1);
3002
3210
  }
3003
3211
 
3004
3212
  .pa-tabs--vertical .pa-tabs__item i {
@@ -3054,8 +3262,8 @@ a.pa-card p {
3054
3262
  bottom: 0;
3055
3263
  width: 3.2rem;
3056
3264
  border: none;
3057
- background: linear-gradient(to right, color-mix(in srgb, var(--pa-primary-bg) 95%, transparent), transparent);
3058
- color: var(--pa-text-primary);
3265
+ background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3266
+ color: var(--pa-text-color-1);
3059
3267
  cursor: pointer;
3060
3268
  z-index: 1;
3061
3269
  display: flex;
@@ -3067,17 +3275,17 @@ a.pa-card p {
3067
3275
  }
3068
3276
 
3069
3277
  .pa-tabs--scrollable .pa-tabs__scroll-btn:hover {
3070
- background: linear-gradient(to right, var(--pa-primary-bg), color-mix(in srgb, var(--pa-primary-bg) 80%, transparent));
3278
+ background: linear-gradient(to right, var(--pa-main-bg), color-mix(in srgb, var(--pa-main-bg) 80%, transparent));
3071
3279
  }
3072
3280
 
3073
3281
  .pa-tabs--scrollable .pa-tabs__scroll-btn--left {
3074
3282
  left: 0;
3075
- background: linear-gradient(to right, color-mix(in srgb, var(--pa-primary-bg) 95%, transparent), transparent);
3283
+ background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3076
3284
  }
3077
3285
 
3078
3286
  .pa-tabs--scrollable .pa-tabs__scroll-btn--right {
3079
3287
  right: 0;
3080
- background: linear-gradient(to left, color-mix(in srgb, var(--pa-primary-bg) 95%, transparent), transparent);
3288
+ background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3081
3289
  }
3082
3290
 
3083
3291
  .pa-tabs--scrollable .pa-tabs__scroll-btn--visible {
@@ -3121,7 +3329,7 @@ a.pa-card p {
3121
3329
  }
3122
3330
 
3123
3331
  .pa-tabs--border-top .pa-tabs__item--active {
3124
- border-top-color: #D40511;
3332
+ border-top-color: #007bff;
3125
3333
  border-bottom-color: transparent;
3126
3334
  }
3127
3335
 
@@ -3210,7 +3418,7 @@ a.pa-card p {
3210
3418
  padding: 0;
3211
3419
  border: none;
3212
3420
  background: transparent;
3213
- color: var(--pa-text-secondary);
3421
+ color: var(--pa-text-color-2);
3214
3422
  cursor: pointer;
3215
3423
  transition: all 0.1s ease-out;
3216
3424
  border-left: 1px solid var(--pa-border-color);
@@ -3220,8 +3428,8 @@ a.pa-card p {
3220
3428
  }
3221
3429
 
3222
3430
  .pa-tabs__container--card .pa-tabs__overflow-toggle:hover {
3223
- background-color: rgba(212, 5, 17, 0.05);
3224
- color: var(--pa-text-primary);
3431
+ background-color: rgba(0, 123, 255, 0.05);
3432
+ color: var(--pa-text-color-1);
3225
3433
  }
3226
3434
 
3227
3435
  .pa-tabs__container--card .pa-tabs__overflow-toggle--has-active {
@@ -3271,11 +3479,11 @@ a.pa-card p {
3271
3479
  }
3272
3480
 
3273
3481
  .pa-tabs__container--card .pa-tabs__overflow-menu .pa-tabs__item:hover {
3274
- background-color: rgba(212, 5, 17, 0.05);
3482
+ background-color: rgba(0, 123, 255, 0.05);
3275
3483
  }
3276
3484
 
3277
3485
  .pa-tabs__container--card .pa-tabs__overflow-menu .pa-tabs__item--active {
3278
- background-color: rgba(212, 5, 17, 0.1);
3486
+ background-color: rgba(0, 123, 255, 0.1);
3279
3487
  border-bottom: none;
3280
3488
  }
3281
3489
 
@@ -3326,23 +3534,23 @@ a.pa-card p {
3326
3534
  }
3327
3535
 
3328
3536
  .pa-stat__icon--primary {
3329
- background-color: rgba(212, 5, 17, 0.1);
3330
- color: #D40511;
3537
+ background-color: rgba(0, 123, 255, 0.1);
3538
+ color: #007bff;
3331
3539
  }
3332
3540
 
3333
3541
  .pa-stat__icon--success {
3334
- background-color: rgba(16, 185, 129, 0.1);
3335
- color: #10b981;
3542
+ background-color: rgba(40, 167, 69, 0.1);
3543
+ color: #28a745;
3336
3544
  }
3337
3545
 
3338
3546
  .pa-stat__icon--warning {
3339
- background-color: rgba(245, 158, 11, 0.1);
3340
- color: #f59e0b;
3547
+ background-color: rgba(255, 193, 7, 0.1);
3548
+ color: #ffc107;
3341
3549
  }
3342
3550
 
3343
3551
  .pa-stat__icon--info {
3344
- background-color: rgba(6, 182, 212, 0.1);
3345
- color: #06b6d4;
3552
+ background-color: rgba(23, 162, 184, 0.1);
3553
+ color: #17a2b8;
3346
3554
  }
3347
3555
 
3348
3556
  .pa-stat__content {
@@ -3352,12 +3560,12 @@ a.pa-card p {
3352
3560
  .pa-stat__number {
3353
3561
  font-size: 2.4rem;
3354
3562
  font-weight: 600;
3355
- color: var(--pa-text-primary);
3563
+ color: var(--pa-text-color-1);
3356
3564
  margin-bottom: 0.4rem;
3357
3565
  }
3358
3566
 
3359
3567
  .pa-stat__label {
3360
- color: var(--pa-text-secondary);
3568
+ color: var(--pa-text-color-2);
3361
3569
  font-size: 1.4rem;
3362
3570
  }
3363
3571
 
@@ -3372,14 +3580,14 @@ a.pa-card p {
3372
3580
  text-transform: uppercase;
3373
3581
  letter-spacing: 0.05em;
3374
3582
  font-weight: 500;
3375
- color: var(--pa-text-secondary);
3583
+ color: var(--pa-text-color-2);
3376
3584
  margin-bottom: 0.8rem;
3377
3585
  }
3378
3586
 
3379
3587
  .pa-stat--hero .pa-stat__value {
3380
3588
  font-size: 3.2rem;
3381
3589
  font-weight: 700;
3382
- color: var(--pa-text-primary);
3590
+ color: var(--pa-text-color-1);
3383
3591
  line-height: 1.1;
3384
3592
  margin-bottom: 0.8rem;
3385
3593
  }
@@ -3390,15 +3598,15 @@ a.pa-card p {
3390
3598
  }
3391
3599
 
3392
3600
  .pa-stat--hero .pa-stat__change--positive {
3393
- color: #10b981;
3601
+ color: #28a745;
3394
3602
  }
3395
3603
 
3396
3604
  .pa-stat--hero .pa-stat__change--negative {
3397
- color: #98040C;
3605
+ color: #dc3545;
3398
3606
  }
3399
3607
 
3400
3608
  .pa-stat--hero .pa-stat__change--neutral {
3401
- color: var(--pa-text-secondary);
3609
+ color: var(--pa-text-color-2);
3402
3610
  }
3403
3611
 
3404
3612
  .pa-stat--square {
@@ -3465,32 +3673,32 @@ a.pa-card p {
3465
3673
  }
3466
3674
 
3467
3675
  .pa-stat--square.pa-stat--primary {
3468
- background-color: #D40511;
3676
+ background-color: #007bff;
3469
3677
  color: #ffffff;
3470
3678
  }
3471
3679
 
3472
3680
  .pa-stat--square.pa-stat--success {
3473
- background-color: #10b981;
3681
+ background-color: #28a745;
3474
3682
  color: #ffffff;
3475
3683
  }
3476
3684
 
3477
3685
  .pa-stat--square.pa-stat--info {
3478
- background-color: #06b6d4;
3686
+ background-color: #17a2b8;
3479
3687
  color: #ffffff;
3480
3688
  }
3481
3689
 
3482
3690
  .pa-stat--square.pa-stat--warning {
3483
- background-color: #f59e0b;
3484
- color: #ffffff;
3691
+ background-color: #ffc107;
3692
+ color: #212529;
3485
3693
  }
3486
3694
 
3487
3695
  .pa-stat--square.pa-stat--danger {
3488
- background-color: #98040C;
3696
+ background-color: #dc3545;
3489
3697
  color: #ffffff;
3490
3698
  }
3491
3699
 
3492
3700
  .pa-stat--square.pa-stat--secondary {
3493
- background-color: var(--pa-text-secondary);
3701
+ background-color: var(--pa-text-color-2);
3494
3702
  color: #ffffff;
3495
3703
  }
3496
3704
 
@@ -3573,24 +3781,24 @@ a.pa-card p {
3573
3781
 
3574
3782
  .pa-list-basic--icon li::before {
3575
3783
  content: "✓";
3576
- color: #10b981;
3784
+ color: #28a745;
3577
3785
  font-weight: 600;
3578
3786
  flex-shrink: 0;
3579
3787
  }
3580
3788
 
3581
3789
  .pa-list-basic--icon.pa-list-basic--danger li::before {
3582
3790
  content: "✗";
3583
- color: #98040C;
3791
+ color: #dc3545;
3584
3792
  }
3585
3793
 
3586
3794
  .pa-list-basic--icon.pa-list-basic--info li::before {
3587
3795
  content: "→";
3588
- color: #06b6d4;
3796
+ color: #17a2b8;
3589
3797
  }
3590
3798
 
3591
3799
  .pa-list-basic--icon.pa-list-basic--warning li::before {
3592
3800
  content: "!";
3593
- color: #f59e0b;
3801
+ color: #ffc107;
3594
3802
  }
3595
3803
 
3596
3804
  .pa-list-ordered {
@@ -3618,7 +3826,7 @@ a.pa-card p {
3618
3826
 
3619
3827
  .pa-list-definition dt {
3620
3828
  font-weight: 600;
3621
- color: var(--pa-text-primary);
3829
+ color: var(--pa-text-color-1);
3622
3830
  margin-bottom: 0.4rem;
3623
3831
  margin-top: 1.6rem;
3624
3832
  }
@@ -3630,7 +3838,7 @@ a.pa-card p {
3630
3838
  .pa-list-definition dd {
3631
3839
  margin-left: 2.4rem;
3632
3840
  margin-bottom: 0.8rem;
3633
- color: var(--pa-text-secondary);
3841
+ color: var(--pa-text-color-2);
3634
3842
  line-height: 1.6;
3635
3843
  }
3636
3844
 
@@ -3667,14 +3875,14 @@ a.pa-card p {
3667
3875
  }
3668
3876
 
3669
3877
  .pa-list__item:hover {
3670
- background-color: var(--pa-primary-bg);
3878
+ background-color: var(--pa-main-bg);
3671
3879
  }
3672
3880
 
3673
3881
  .pa-list__avatar {
3674
3882
  width: 3.5rem;
3675
3883
  height: 3.5rem;
3676
3884
  border-radius: 50%;
3677
- background-color: var(--pa-primary-bg);
3885
+ background-color: var(--pa-main-bg);
3678
3886
  display: flex;
3679
3887
  align-items: center;
3680
3888
  justify-content: center;
@@ -3687,18 +3895,18 @@ a.pa-card p {
3687
3895
 
3688
3896
  .pa-list__title {
3689
3897
  font-weight: 500;
3690
- color: var(--pa-text-primary);
3898
+ color: var(--pa-text-color-1);
3691
3899
  margin-bottom: 0.4rem;
3692
3900
  }
3693
3901
 
3694
3902
  .pa-list__subtitle {
3695
- color: var(--pa-text-secondary);
3903
+ color: var(--pa-text-color-2);
3696
3904
  font-size: 1.4rem;
3697
3905
  margin-bottom: 0.4rem;
3698
3906
  }
3699
3907
 
3700
3908
  .pa-list__meta {
3701
- color: var(--pa-text-secondary);
3909
+ color: var(--pa-text-color-2);
3702
3910
  font-size: 1.2rem;
3703
3911
  }
3704
3912
 
@@ -3878,7 +4086,7 @@ a.pa-card p {
3878
4086
 
3879
4087
  .pa-composite-badge__button:focus {
3880
4088
  outline: none;
3881
- box-shadow: 0 0 0 2px rgba(152, 4, 12, 0.25);
4089
+ box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.25);
3882
4090
  }
3883
4091
 
3884
4092
  /* ========================================
@@ -3886,67 +4094,67 @@ a.pa-card p {
3886
4094
  Color variations for composite badges
3887
4095
  ======================================== */
3888
4096
  .pa-composite-badge--primary .pa-composite-badge__icon {
3889
- background-color: #D40511;
4097
+ background-color: #007bff;
3890
4098
  color: #ffffff;
3891
4099
  }
3892
4100
 
3893
4101
  .pa-composite-badge--primary .pa-composite-badge__label {
3894
- background-color: rgba(212, 5, 17, 0.06);
3895
- color: #D40511;
4102
+ background-color: rgba(0, 123, 255, 0.05);
4103
+ color: #007bff;
3896
4104
  }
3897
4105
 
3898
4106
  .pa-composite-badge--primary .pa-composite-badge__label:hover {
3899
- background-color: rgba(212, 5, 17, 0.12);
4107
+ background-color: rgba(0, 123, 255, 0.12);
3900
4108
  }
3901
4109
 
3902
4110
  .pa-composite-badge--primary .pa-composite-badge__button {
3903
- background-color: #D40511;
4111
+ background-color: #007bff;
3904
4112
  color: #ffffff;
3905
4113
  }
3906
4114
 
3907
4115
  .pa-composite-badge--primary .pa-composite-badge__button:hover {
3908
- background-color: #F91320;
4116
+ background-color: rgb(51, 149.4, 255);
3909
4117
  }
3910
4118
 
3911
4119
  .pa-composite-badge--primary .pa-composite-badge__button:focus {
3912
- box-shadow: 0 0 0 2px rgba(212, 5, 17, 0.12);
4120
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
3913
4121
  }
3914
4122
 
3915
4123
  .pa-composite-badge--secondary .pa-composite-badge__icon {
3916
- background-color: #FFCC00;
3917
- color: #000000;
4124
+ background-color: #6c757d;
4125
+ color: #ffffff;
3918
4126
  }
3919
4127
 
3920
4128
  .pa-composite-badge--secondary .pa-composite-badge__label {
3921
- background-color: #F2F2F2;
3922
- color: var(--pa-text-secondary);
4129
+ background-color: #f8f9fa;
4130
+ color: var(--pa-text-color-2);
3923
4131
  }
3924
4132
 
3925
4133
  .pa-composite-badge--secondary .pa-composite-badge__label:hover {
3926
- background-color: #FFF0B2;
4134
+ background-color: #f8f9fa;
3927
4135
  }
3928
4136
 
3929
4137
  .pa-composite-badge--secondary .pa-composite-badge__button {
3930
- background-color: #FFCC00;
3931
- color: #000000;
4138
+ background-color: #6c757d;
4139
+ color: #ffffff;
3932
4140
  }
3933
4141
 
3934
4142
  .pa-composite-badge--secondary .pa-composite-badge__button:hover {
3935
- background-color: #FFE57F;
4143
+ background-color: #545b62;
3936
4144
  }
3937
4145
 
3938
4146
  .pa-composite-badge--secondary .pa-composite-badge__button:focus {
3939
- box-shadow: 0 0 0 2px rgba(212, 5, 17, 0.12);
4147
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
3940
4148
  }
3941
4149
 
3942
4150
  .pa-composite-badge--success .pa-composite-badge__icon {
3943
- background-color: #10b981;
4151
+ background-color: #28a745;
3944
4152
  color: #ffffff;
3945
4153
  }
3946
4154
 
3947
4155
  .pa-composite-badge--success .pa-composite-badge__label {
3948
4156
  background-color: #d4edda;
3949
- color: #065f46;
4157
+ color: #155724;
3950
4158
  }
3951
4159
 
3952
4160
  .pa-composite-badge--success .pa-composite-badge__label:hover {
@@ -3954,26 +4162,26 @@ a.pa-card p {
3954
4162
  }
3955
4163
 
3956
4164
  .pa-composite-badge--success .pa-composite-badge__button {
3957
- background-color: #10b981;
4165
+ background-color: #28a745;
3958
4166
  color: #ffffff;
3959
4167
  }
3960
4168
 
3961
4169
  .pa-composite-badge--success .pa-composite-badge__button:hover {
3962
- background-color: #059669;
4170
+ background-color: rgb(30.1449275362, 125.8550724638, 52);
3963
4171
  }
3964
4172
 
3965
4173
  .pa-composite-badge--success .pa-composite-badge__button:focus {
3966
- box-shadow: 0 0 0 2px rgba(212, 5, 17, 0.12);
4174
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
3967
4175
  }
3968
4176
 
3969
4177
  .pa-composite-badge--danger .pa-composite-badge__icon {
3970
- background-color: #98040C;
4178
+ background-color: #dc3545;
3971
4179
  color: #ffffff;
3972
4180
  }
3973
4181
 
3974
4182
  .pa-composite-badge--danger .pa-composite-badge__label {
3975
4183
  background-color: #f8d7da;
3976
- color: #7f1d1d;
4184
+ color: #721c24;
3977
4185
  }
3978
4186
 
3979
4187
  .pa-composite-badge--danger .pa-composite-badge__label:hover {
@@ -3981,26 +4189,26 @@ a.pa-card p {
3981
4189
  }
3982
4190
 
3983
4191
  .pa-composite-badge--danger .pa-composite-badge__button {
3984
- background-color: #98040C;
4192
+ background-color: #dc3545;
3985
4193
  color: #ffffff;
3986
4194
  }
3987
4195
 
3988
4196
  .pa-composite-badge--danger .pa-composite-badge__button:hover {
3989
- background-color: #D40511;
4197
+ background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
3990
4198
  }
3991
4199
 
3992
4200
  .pa-composite-badge--danger .pa-composite-badge__button:focus {
3993
- box-shadow: 0 0 0 2px rgba(212, 5, 17, 0.12);
4201
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
3994
4202
  }
3995
4203
 
3996
4204
  .pa-composite-badge--warning .pa-composite-badge__icon {
3997
- background-color: #f59e0b;
3998
- color: #ffffff;
4205
+ background-color: #ffc107;
4206
+ color: #212529;
3999
4207
  }
4000
4208
 
4001
4209
  .pa-composite-badge--warning .pa-composite-badge__label {
4002
4210
  background-color: #fff3cd;
4003
- color: #78350f;
4211
+ color: #856404;
4004
4212
  }
4005
4213
 
4006
4214
  .pa-composite-badge--warning .pa-composite-badge__label:hover {
@@ -4008,26 +4216,26 @@ a.pa-card p {
4008
4216
  }
4009
4217
 
4010
4218
  .pa-composite-badge--warning .pa-composite-badge__button {
4011
- background-color: #f59e0b;
4012
- color: #ffffff;
4219
+ background-color: #ffc107;
4220
+ color: #212529;
4013
4221
  }
4014
4222
 
4015
4223
  .pa-composite-badge--warning .pa-composite-badge__button:hover {
4016
- background-color: #d97706;
4224
+ background-color: rgb(211, 158.25, 0);
4017
4225
  }
4018
4226
 
4019
4227
  .pa-composite-badge--warning .pa-composite-badge__button:focus {
4020
- box-shadow: 0 0 0 2px rgba(212, 5, 17, 0.12);
4228
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
4021
4229
  }
4022
4230
 
4023
4231
  .pa-composite-badge--info .pa-composite-badge__icon {
4024
- background-color: #06b6d4;
4232
+ background-color: #17a2b8;
4025
4233
  color: #ffffff;
4026
4234
  }
4027
4235
 
4028
4236
  .pa-composite-badge--info .pa-composite-badge__label {
4029
4237
  background-color: #d1ecf1;
4030
- color: #164e63;
4238
+ color: #0c5460;
4031
4239
  }
4032
4240
 
4033
4241
  .pa-composite-badge--info .pa-composite-badge__label:hover {
@@ -4035,127 +4243,127 @@ a.pa-card p {
4035
4243
  }
4036
4244
 
4037
4245
  .pa-composite-badge--info .pa-composite-badge__button {
4038
- background-color: #06b6d4;
4246
+ background-color: #17a2b8;
4039
4247
  color: #ffffff;
4040
4248
  }
4041
4249
 
4042
4250
  .pa-composite-badge--info .pa-composite-badge__button:hover {
4043
- background-color: #0891b2;
4251
+ background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
4044
4252
  }
4045
4253
 
4046
4254
  .pa-composite-badge--info .pa-composite-badge__button:focus {
4047
- box-shadow: 0 0 0 2px rgba(212, 5, 17, 0.12);
4255
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
4048
4256
  }
4049
4257
 
4050
4258
  .pa-composite-badge--light .pa-composite-badge__icon {
4051
- background-color: #EBEBEB;
4052
- color: #333333;
4259
+ background-color: #f8f9fa;
4260
+ color: #2c3e50;
4053
4261
  }
4054
4262
 
4055
4263
  .pa-composite-badge--light .pa-composite-badge__label {
4056
- background-color: #FFCC00;
4057
- color: #333333;
4264
+ background-color: #ffffff;
4265
+ color: #2c3e50;
4058
4266
  }
4059
4267
 
4060
4268
  .pa-composite-badge--light .pa-composite-badge__label:hover {
4061
- background-color: #E5E5E5;
4269
+ background-color: #e9ecef;
4062
4270
  }
4063
4271
 
4064
4272
  .pa-composite-badge--light .pa-composite-badge__button {
4065
- background-color: #EBEBEB;
4066
- color: #333333;
4273
+ background-color: #f8f9fa;
4274
+ color: #2c3e50;
4067
4275
  }
4068
4276
 
4069
4277
  .pa-composite-badge--light .pa-composite-badge__button:hover {
4070
- background-color: #E5E5E5;
4278
+ background-color: #e9ecef;
4071
4279
  }
4072
4280
 
4073
4281
  .pa-composite-badge--light .pa-composite-badge__button:focus {
4074
- box-shadow: 0 0 0 2px rgba(212, 5, 17, 0.12);
4282
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
4075
4283
  }
4076
4284
 
4077
4285
  .pa-composite-badge--dark .pa-composite-badge__icon {
4078
- background-color: #333333;
4286
+ background-color: #343a40;
4079
4287
  color: #ffffff;
4080
4288
  }
4081
4289
 
4082
4290
  .pa-composite-badge--dark .pa-composite-badge__label {
4083
- background-color: #FFF0B2;
4084
- color: var(--pa-text-primary);
4291
+ background-color: #f8f9fa;
4292
+ color: var(--pa-text-color-1);
4085
4293
  }
4086
4294
 
4087
4295
  .pa-composite-badge--dark .pa-composite-badge__label:hover {
4088
- background-color: #E5E5E5;
4296
+ background-color: #e1e5e9;
4089
4297
  }
4090
4298
 
4091
4299
  .pa-composite-badge--dark .pa-composite-badge__button {
4092
- background-color: #333333;
4300
+ background-color: #343a40;
4093
4301
  color: #ffffff;
4094
4302
  }
4095
4303
 
4096
4304
  .pa-composite-badge--dark .pa-composite-badge__button:hover {
4097
- background-color: #000000;
4305
+ background-color: #1d2124;
4098
4306
  }
4099
4307
 
4100
4308
  .pa-composite-badge--dark .pa-composite-badge__button:focus {
4101
- box-shadow: 0 0 0 2px rgba(212, 5, 17, 0.12);
4309
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
4102
4310
  }
4103
4311
 
4104
4312
  .pa-composite-badge--primary .pa-composite-badge__icon {
4105
- background-color: #D40511;
4313
+ background-color: #007bff;
4106
4314
  }
4107
4315
 
4108
4316
  .pa-composite-badge--secondary .pa-composite-badge__icon {
4109
- background-color: #FFCC00;
4317
+ background-color: #6c757d;
4110
4318
  }
4111
4319
 
4112
4320
  .pa-composite-badge--success .pa-composite-badge__icon {
4113
- background-color: #10b981;
4321
+ background-color: #28a745;
4114
4322
  }
4115
4323
 
4116
4324
  .pa-composite-badge--danger .pa-composite-badge__icon {
4117
- background-color: #98040C;
4325
+ background-color: #dc3545;
4118
4326
  }
4119
4327
 
4120
4328
  .pa-composite-badge--warning .pa-composite-badge__icon {
4121
- background-color: #f59e0b;
4122
- color: #ffffff;
4329
+ background-color: #ffc107;
4330
+ color: #212529;
4123
4331
  }
4124
4332
 
4125
4333
  .pa-composite-badge--info .pa-composite-badge__icon {
4126
- background-color: #06b6d4;
4334
+ background-color: #17a2b8;
4127
4335
  }
4128
4336
 
4129
4337
  .pa-composite-badge--light .pa-composite-badge__icon {
4130
- background-color: #EBEBEB;
4131
- color: #333333;
4338
+ background-color: #f8f9fa;
4339
+ color: #2c3e50;
4132
4340
  }
4133
4341
 
4134
4342
  .pa-composite-badge--dark .pa-composite-badge__icon {
4135
- background-color: #333333;
4343
+ background-color: #343a40;
4136
4344
  }
4137
4345
 
4138
4346
  .pa-composite-badge--label-primary .pa-composite-badge__label {
4139
- background-color: rgb(252.9493087558, 168.0506912442, 172.9723502304);
4140
- color: rgb(62.5253456221, 1.4746543779, 5.0138248848);
4347
+ background-color: rgb(204, 228.6, 255);
4348
+ color: rgb(0, 49.2, 102);
4141
4349
  }
4142
4350
 
4143
4351
  .pa-composite-badge--label-primary .pa-composite-badge__label:hover {
4144
- background-color: rgb(252.3617511521, 143.1382488479, 149.4700460829);
4352
+ background-color: rgb(178.5, 215.4, 255);
4145
4353
  }
4146
4354
 
4147
4355
  .pa-composite-badge--label-secondary .pa-composite-badge__label {
4148
- background-color: rgb(255, 239.7, 178.5);
4356
+ background-color: rgb(202.1566523605, 205.9613733906, 209.3433476395);
4149
4357
  color: #383d41;
4150
4358
  }
4151
4359
 
4152
4360
  .pa-composite-badge--label-secondary .pa-composite-badge__label:hover {
4153
- background-color: rgb(255, 234.6, 153);
4361
+ background-color: rgb(188.4763948498, 193.2660944206, 197.5236051502);
4154
4362
  }
4155
4363
 
4156
4364
  .pa-composite-badge--label-success .pa-composite-badge__label {
4157
4365
  background-color: #d4edda;
4158
- color: #065f46;
4366
+ color: #155724;
4159
4367
  }
4160
4368
 
4161
4369
  .pa-composite-badge--label-success .pa-composite-badge__label:hover {
@@ -4164,7 +4372,7 @@ a.pa-card p {
4164
4372
 
4165
4373
  .pa-composite-badge--label-danger .pa-composite-badge__label {
4166
4374
  background-color: #f8d7da;
4167
- color: #7f1d1d;
4375
+ color: #721c24;
4168
4376
  }
4169
4377
 
4170
4378
  .pa-composite-badge--label-danger .pa-composite-badge__label:hover {
@@ -4173,7 +4381,7 @@ a.pa-card p {
4173
4381
 
4174
4382
  .pa-composite-badge--label-warning .pa-composite-badge__label {
4175
4383
  background-color: #fff3cd;
4176
- color: #78350f;
4384
+ color: #856404;
4177
4385
  }
4178
4386
 
4179
4387
  .pa-composite-badge--label-warning .pa-composite-badge__label:hover {
@@ -4182,7 +4390,7 @@ a.pa-card p {
4182
4390
 
4183
4391
  .pa-composite-badge--label-info .pa-composite-badge__label {
4184
4392
  background-color: #d1ecf1;
4185
- color: #164e63;
4393
+ color: #0c5460;
4186
4394
  }
4187
4395
 
4188
4396
  .pa-composite-badge--label-info .pa-composite-badge__label:hover {
@@ -4190,107 +4398,107 @@ a.pa-card p {
4190
4398
  }
4191
4399
 
4192
4400
  .pa-composite-badge--label-light .pa-composite-badge__label {
4193
- background-color: rgb(240.1, 240.1, 240.1);
4194
- color: #333333;
4401
+ background-color: rgb(253.95, 254.1, 254.25);
4402
+ color: #2c3e50;
4195
4403
  }
4196
4404
 
4197
4405
  .pa-composite-badge--label-light .pa-composite-badge__label:hover {
4198
- background-color: rgb(255, 239.7, 178.5);
4406
+ background-color: rgb(202.1566523605, 205.9613733906, 209.3433476395);
4199
4407
  }
4200
4408
 
4201
4409
  .pa-composite-badge--label-dark .pa-composite-badge__label {
4202
- background-color: rgb(178.5, 178.5, 178.5);
4203
- color: rgb(63.75, 63.75, 63.75);
4410
+ background-color: rgb(178.3103448276, 185.5, 192.6896551724);
4411
+ color: rgb(63.4310344828, 70.75, 78.0689655172);
4204
4412
  }
4205
4413
 
4206
4414
  .pa-composite-badge--label-dark .pa-composite-badge__label:hover {
4207
- background-color: rgb(165.75, 165.75, 165.75);
4415
+ background-color: rgb(164.2413793103, 172.75, 181.2586206897);
4208
4416
  }
4209
4417
 
4210
4418
  .pa-composite-badge--btn-primary .pa-composite-badge__button {
4211
- background-color: #D40511;
4419
+ background-color: #007bff;
4212
4420
  }
4213
4421
 
4214
4422
  .pa-composite-badge--btn-primary .pa-composite-badge__button:hover {
4215
- background-color: #F91320;
4423
+ background-color: rgb(51, 149.4, 255);
4216
4424
  }
4217
4425
 
4218
4426
  .pa-composite-badge--btn-primary .pa-composite-badge__button:focus {
4219
- box-shadow: 0 0 0 2px rgba(212, 5, 17, 0.25);
4427
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
4220
4428
  }
4221
4429
 
4222
4430
  .pa-composite-badge--btn-secondary .pa-composite-badge__button {
4223
- background-color: #FFCC00;
4431
+ background-color: #6c757d;
4224
4432
  }
4225
4433
 
4226
4434
  .pa-composite-badge--btn-secondary .pa-composite-badge__button:hover {
4227
- background-color: #FFE57F;
4435
+ background-color: #545b62;
4228
4436
  }
4229
4437
 
4230
4438
  .pa-composite-badge--btn-secondary .pa-composite-badge__button:focus {
4231
- box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.25);
4439
+ box-shadow: 0 0 0 2px rgba(108, 117, 125, 0.25);
4232
4440
  }
4233
4441
 
4234
4442
  .pa-composite-badge--btn-success .pa-composite-badge__button {
4235
- background-color: #10b981;
4443
+ background-color: #28a745;
4236
4444
  }
4237
4445
 
4238
4446
  .pa-composite-badge--btn-success .pa-composite-badge__button:hover {
4239
- background-color: #059669;
4447
+ background-color: rgb(30.1449275362, 125.8550724638, 52);
4240
4448
  }
4241
4449
 
4242
4450
  .pa-composite-badge--btn-success .pa-composite-badge__button:focus {
4243
- box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.25);
4451
+ box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.25);
4244
4452
  }
4245
4453
 
4246
4454
  .pa-composite-badge--btn-warning .pa-composite-badge__button {
4247
- background-color: #f59e0b;
4248
- color: #ffffff;
4455
+ background-color: #ffc107;
4456
+ color: #212529;
4249
4457
  }
4250
4458
 
4251
4459
  .pa-composite-badge--btn-warning .pa-composite-badge__button:hover {
4252
- background-color: #d97706;
4460
+ background-color: rgb(211, 158.25, 0);
4253
4461
  }
4254
4462
 
4255
4463
  .pa-composite-badge--btn-warning .pa-composite-badge__button:focus {
4256
- box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.25);
4464
+ box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.25);
4257
4465
  }
4258
4466
 
4259
4467
  .pa-composite-badge--btn-info .pa-composite-badge__button {
4260
- background-color: #06b6d4;
4468
+ background-color: #17a2b8;
4261
4469
  }
4262
4470
 
4263
4471
  .pa-composite-badge--btn-info .pa-composite-badge__button:hover {
4264
- background-color: #0891b2;
4472
+ background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
4265
4473
  }
4266
4474
 
4267
4475
  .pa-composite-badge--btn-info .pa-composite-badge__button:focus {
4268
- box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.25);
4476
+ box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.25);
4269
4477
  }
4270
4478
 
4271
4479
  .pa-composite-badge--btn-light .pa-composite-badge__button {
4272
- background-color: #EBEBEB;
4273
- color: #333333;
4480
+ background-color: #f8f9fa;
4481
+ color: #2c3e50;
4274
4482
  }
4275
4483
 
4276
4484
  .pa-composite-badge--btn-light .pa-composite-badge__button:hover {
4277
- background-color: #E5E5E5;
4485
+ background-color: #e9ecef;
4278
4486
  }
4279
4487
 
4280
4488
  .pa-composite-badge--btn-light .pa-composite-badge__button:focus {
4281
- box-shadow: 0 0 0 2px rgba(235, 235, 235, 0.25);
4489
+ box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.25);
4282
4490
  }
4283
4491
 
4284
4492
  .pa-composite-badge--btn-dark .pa-composite-badge__button {
4285
- background-color: #333333;
4493
+ background-color: #343a40;
4286
4494
  }
4287
4495
 
4288
4496
  .pa-composite-badge--btn-dark .pa-composite-badge__button:hover {
4289
- background-color: #000000;
4497
+ background-color: #1d2124;
4290
4498
  }
4291
4499
 
4292
4500
  .pa-composite-badge--btn-dark .pa-composite-badge__button:focus {
4293
- box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.25);
4501
+ box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.25);
4294
4502
  }
4295
4503
 
4296
4504
  /* ========================================
@@ -4322,7 +4530,7 @@ a.pa-card p {
4322
4530
  gap: 0.4rem;
4323
4531
  padding: 0.4rem 0.8rem;
4324
4532
  background-color: var(--pa-accent-light);
4325
- color: var(--pa-text-primary);
4533
+ color: var(--pa-text-color-1);
4326
4534
  font-size: 1.2rem;
4327
4535
  font-weight: 500;
4328
4536
  line-height: 1.2;
@@ -4479,7 +4687,7 @@ a.pa-card p {
4479
4687
  cursor: pointer;
4480
4688
  transition: all 0.1s ease-out;
4481
4689
  background: none;
4482
- color: var(--pa-text-primary);
4690
+ color: var(--pa-text-color-1);
4483
4691
  }
4484
4692
 
4485
4693
  .pa-btn:hover {
@@ -4500,11 +4708,11 @@ a.pa-card p {
4500
4708
  .pa-btn--secondary {
4501
4709
  background-color: transparent;
4502
4710
  border-color: var(--pa-border-color);
4503
- color: var(--pa-text-primary);
4711
+ color: var(--pa-text-color-1);
4504
4712
  }
4505
4713
 
4506
4714
  .pa-btn--secondary:hover {
4507
- background-color: var(--pa-primary-bg);
4715
+ background-color: var(--pa-main-bg);
4508
4716
  border-color: var(--pa-accent);
4509
4717
  }
4510
4718
 
@@ -4924,27 +5132,27 @@ a.pa-card p {
4924
5132
  }
4925
5133
 
4926
5134
  .pa-spinner--primary {
4927
- border-top-color: #D40511;
5135
+ border-top-color: #007bff;
4928
5136
  }
4929
5137
 
4930
5138
  .pa-spinner--secondary {
4931
- border-top-color: #FFCC00;
5139
+ border-top-color: #6c757d;
4932
5140
  }
4933
5141
 
4934
5142
  .pa-spinner--success {
4935
- border-top-color: #10b981;
5143
+ border-top-color: #28a745;
4936
5144
  }
4937
5145
 
4938
5146
  .pa-spinner--danger {
4939
- border-top-color: #98040C;
5147
+ border-top-color: #dc3545;
4940
5148
  }
4941
5149
 
4942
5150
  .pa-spinner--warning {
4943
- border-top-color: #f59e0b;
5151
+ border-top-color: #ffc107;
4944
5152
  }
4945
5153
 
4946
5154
  .pa-spinner--info {
4947
- border-top-color: #06b6d4;
5155
+ border-top-color: #17a2b8;
4948
5156
  }
4949
5157
 
4950
5158
  .pa-loader-dots {
@@ -5343,7 +5551,7 @@ a.pa-card p {
5343
5551
 
5344
5552
  .pa-tooltip--warning::before {
5345
5553
  background-color: var(--pa-btn-warning-bg);
5346
- color: var(--pa-text-primary);
5554
+ color: var(--pa-text-color-1);
5347
5555
  }
5348
5556
 
5349
5557
  .pa-tooltip--warning::after {
@@ -5681,7 +5889,7 @@ a.pa-card p {
5681
5889
  border: 1px solid var(--pa-border-color);
5682
5890
  border-radius: 50%;
5683
5891
  background-color: var(--pa-popover-content-bg);
5684
- color: var(--pa-text-secondary);
5892
+ color: var(--pa-text-color-2);
5685
5893
  font-size: 1.2rem;
5686
5894
  font-weight: 700;
5687
5895
  cursor: pointer;
@@ -5715,7 +5923,7 @@ a.pa-card p {
5715
5923
  align-items: center;
5716
5924
  justify-content: space-between;
5717
5925
  padding: 0.8rem 0.3rem 0.8rem 0.8rem;
5718
- border-bottom: 1px solid #E5E5E5;
5926
+ border-bottom: 1px solid #e1e5e9;
5719
5927
  background-color: var(--pa-card-header-bg);
5720
5928
  border-radius: 4px 4px 0 0;
5721
5929
  }
@@ -5724,14 +5932,14 @@ a.pa-card p {
5724
5932
  margin: 0;
5725
5933
  font-size: 1.8rem;
5726
5934
  font-weight: 600;
5727
- color: var(--pa-text-primary);
5935
+ color: var(--pa-text-color-1);
5728
5936
  }
5729
5937
 
5730
5938
  .pa-popover__body {
5731
5939
  padding: 1.6rem;
5732
5940
  font-size: 1.4rem;
5733
5941
  line-height: 1.5;
5734
- color: var(--pa-text-primary);
5942
+ color: var(--pa-text-color-1);
5735
5943
  text-align: left;
5736
5944
  }
5737
5945
 
@@ -5759,7 +5967,7 @@ a.pa-card p {
5759
5967
 
5760
5968
  .pa-popover__body code {
5761
5969
  padding: 0.2rem 0.4rem;
5762
- background-color: color-mix(in srgb, var(--pa-text-secondary) 15%, transparent);
5970
+ background-color: color-mix(in srgb, var(--pa-text-color-2) 15%, transparent);
5763
5971
  border-radius: 2px;
5764
5972
  font-family: monospace;
5765
5973
  font-size: 0.9em;
@@ -5770,7 +5978,7 @@ a.pa-card p {
5770
5978
  border: none;
5771
5979
  font-size: 1.8rem;
5772
5980
  line-height: 1;
5773
- color: var(--pa-text-secondary);
5981
+ color: var(--pa-text-color-2);
5774
5982
  cursor: pointer;
5775
5983
  padding: 0;
5776
5984
  width: 2.4rem;
@@ -5783,8 +5991,8 @@ a.pa-card p {
5783
5991
  }
5784
5992
 
5785
5993
  .pa-popover__close:hover {
5786
- background-color: color-mix(in srgb, var(--pa-text-secondary) 10%, transparent);
5787
- color: var(--pa-text-primary);
5994
+ background-color: color-mix(in srgb, var(--pa-text-color-2) 10%, transparent);
5995
+ color: var(--pa-text-color-1);
5788
5996
  }
5789
5997
 
5790
5998
  .pa-popover--sm .pa-popover__content {
@@ -5911,13 +6119,13 @@ a.pa-card p {
5911
6119
 
5912
6120
  .pa-alert--primary {
5913
6121
  color: var(--pa-accent);
5914
- background-color: rgba(212, 5, 17, 0.08);
5915
- border-color: rgba(212, 5, 17, 0.2);
6122
+ background-color: rgba(0, 123, 255, 0.08);
6123
+ border-color: rgba(0, 123, 255, 0.2);
5916
6124
  }
5917
6125
 
5918
6126
  .pa-alert--secondary {
5919
- color: var(--pa-text-secondary);
5920
- background-color: color-mix(in srgb, var(--pa-text-secondary) 15%, transparent);
6127
+ color: var(--pa-text-color-2);
6128
+ background-color: color-mix(in srgb, var(--pa-text-color-2) 15%, transparent);
5921
6129
  border-color: var(--pa-border-color);
5922
6130
  }
5923
6131
 
@@ -5947,15 +6155,15 @@ a.pa-card p {
5947
6155
  }
5948
6156
 
5949
6157
  .pa-alert--light {
5950
- color: var(--pa-text-primary);
5951
- background-color: color-mix(in srgb, var(--pa-text-primary) 5%, transparent);
6158
+ color: var(--pa-text-color-1);
6159
+ background-color: color-mix(in srgb, var(--pa-text-color-1) 5%, transparent);
5952
6160
  border-color: var(--pa-border-color);
5953
6161
  }
5954
6162
 
5955
6163
  .pa-alert--dark {
5956
- color: var(--pa-text-primary);
5957
- background-color: color-mix(in srgb, var(--pa-text-primary) 5%, transparent);
5958
- border-color: color-mix(in srgb, var(--pa-text-primary) 10%, transparent);
6164
+ color: var(--pa-text-color-1);
6165
+ background-color: color-mix(in srgb, var(--pa-text-color-1) 5%, transparent);
6166
+ border-color: color-mix(in srgb, var(--pa-text-color-1) 10%, transparent);
5959
6167
  }
5960
6168
 
5961
6169
  .pa-alert--outline-primary {
@@ -6109,12 +6317,12 @@ a.pa-card p {
6109
6317
 
6110
6318
  .pa-callout--primary {
6111
6319
  border-left-color: var(--pa-accent);
6112
- background-color: rgba(212, 5, 17, 0.08);
6320
+ background-color: rgba(0, 123, 255, 0.08);
6113
6321
  }
6114
6322
 
6115
6323
  .pa-callout--secondary {
6116
- border-left-color: var(--pa-text-secondary);
6117
- background-color: color-mix(in srgb, var(--pa-text-secondary) 5%, transparent);
6324
+ border-left-color: var(--pa-text-color-2);
6325
+ background-color: color-mix(in srgb, var(--pa-text-color-2) 5%, transparent);
6118
6326
  }
6119
6327
 
6120
6328
  .pa-callout--success {
@@ -6243,7 +6451,7 @@ a.pa-card p {
6243
6451
  flex-shrink: 0;
6244
6452
  padding-top: 0.8rem;
6245
6453
  margin-bottom: 0;
6246
- color: var(--pa-text-primary);
6454
+ color: var(--pa-text-color-1);
6247
6455
  font-weight: 500;
6248
6456
  font-size: 1.4rem;
6249
6457
  }
@@ -6259,7 +6467,7 @@ a.pa-card p {
6259
6467
  align-items: center;
6260
6468
  gap: 0.8rem;
6261
6469
  margin-bottom: 0.3rem;
6262
- color: var(--pa-text-primary);
6470
+ color: var(--pa-text-color-1);
6263
6471
  font-weight: 500;
6264
6472
  font-size: 1.4rem;
6265
6473
  }
@@ -6283,7 +6491,7 @@ a.pa-card p {
6283
6491
  border-radius: 4px;
6284
6492
  font-size: 1.4rem;
6285
6493
  background-color: var(--pa-input-bg);
6286
- color: var(--pa-text-primary);
6494
+ color: var(--pa-text-color-1);
6287
6495
  transition: border-color 0.1s ease-out;
6288
6496
  }
6289
6497
 
@@ -6301,7 +6509,7 @@ a.pa-card p {
6301
6509
  border-radius: 4px;
6302
6510
  font-size: 1.4rem;
6303
6511
  background-color: var(--pa-input-bg);
6304
- color: var(--pa-text-primary);
6512
+ color: var(--pa-text-color-1);
6305
6513
  transition: border-color 0.1s ease-out;
6306
6514
  }
6307
6515
 
@@ -6318,7 +6526,7 @@ a.pa-card p {
6318
6526
  border-radius: 4px;
6319
6527
  font-size: 1.4rem;
6320
6528
  background-color: var(--pa-input-bg);
6321
- color: var(--pa-text-primary);
6529
+ color: var(--pa-text-color-1);
6322
6530
  transition: border-color 0.1s ease-out;
6323
6531
  resize: vertical;
6324
6532
  min-height: 9.6rem;
@@ -6331,7 +6539,7 @@ a.pa-card p {
6331
6539
  }
6332
6540
 
6333
6541
  .pa-textarea::placeholder {
6334
- color: var(--pa-text-secondary);
6542
+ color: var(--pa-text-color-2);
6335
6543
  }
6336
6544
 
6337
6545
  .pa-input--xs,
@@ -6444,7 +6652,7 @@ a.pa-card p {
6444
6652
  display: block;
6445
6653
  margin-top: 0.4rem;
6446
6654
  font-size: 1.2rem;
6447
- color: var(--pa-text-secondary);
6655
+ color: var(--pa-text-color-2);
6448
6656
  }
6449
6657
 
6450
6658
  .pa-form-help--error {
@@ -6490,10 +6698,11 @@ a.pa-card p {
6490
6698
  .pa-input-group__prepend, .pa-input-group__append {
6491
6699
  display: flex;
6492
6700
  align-items: center;
6493
- padding: 0.8rem 0.8rem;
6701
+ height: 3.5rem;
6702
+ line-height: 3.5rem;
6703
+ padding: 0 0.8rem;
6494
6704
  border: 1px solid var(--pa-border-color);
6495
6705
  font-size: 1.4rem;
6496
- line-height: 1;
6497
6706
  white-space: nowrap;
6498
6707
  border-radius: 0;
6499
6708
  }
@@ -6528,32 +6737,29 @@ a.pa-card p {
6528
6737
  border-left: 1px solid var(--pa-border-color);
6529
6738
  }
6530
6739
 
6531
- .pa-input-group:focus-within .pa-input-group__prepend {
6740
+ .pa-input-group:has(.pa-input:focus) .pa-input-group__prepend {
6532
6741
  border-right: 1px solid var(--pa-input-focus-border-color);
6533
6742
  }
6534
6743
 
6535
- .pa-input-group:focus-within .pa-input-group__prepend:has(+ .pa-input-group__prepend) {
6744
+ .pa-input-group:has(.pa-input:focus) .pa-input-group__prepend:has(+ .pa-input-group__prepend) {
6536
6745
  border-right: none;
6537
6746
  }
6538
6747
 
6539
- .pa-input-group:focus-within .pa-input-group__append {
6748
+ .pa-input-group:has(.pa-input:focus) .pa-input-group__append {
6540
6749
  border-left: 1px solid var(--pa-input-focus-border-color);
6541
6750
  }
6542
6751
 
6543
- .pa-input-group:focus-within .pa-input-group__append + .pa-input-group__append {
6752
+ .pa-input-group:has(.pa-input:focus) .pa-input-group__append + .pa-input-group__append {
6544
6753
  border-left: 1px solid var(--pa-border-color);
6545
6754
  }
6546
6755
 
6547
6756
  .pa-input-group__button {
6548
6757
  border-radius: 0;
6549
- border-color: var(--pa-border-color);
6550
- border-left: none;
6551
6758
  }
6552
6759
 
6553
6760
  .pa-input-group__button:first-child {
6554
6761
  border-top-left-radius: 4px;
6555
6762
  border-bottom-left-radius: 4px;
6556
- border-left: 1px solid var(--pa-border-color);
6557
6763
  }
6558
6764
 
6559
6765
  .pa-input-group__button:last-child {
@@ -6563,25 +6769,29 @@ a.pa-card p {
6563
6769
 
6564
6770
  .pa-input-group--xs .pa-input-group__prepend,
6565
6771
  .pa-input-group--xs .pa-input-group__append {
6566
- padding: 0.6rem 0.8rem;
6772
+ height: 3.1rem;
6773
+ line-height: 3.1rem;
6567
6774
  font-size: 1.2rem;
6568
6775
  }
6569
6776
 
6570
6777
  .pa-input-group--sm .pa-input-group__prepend,
6571
6778
  .pa-input-group--sm .pa-input-group__append {
6572
- padding: 0.8rem 0.8rem;
6779
+ height: 3.3rem;
6780
+ line-height: 3.3rem;
6573
6781
  font-size: 1.4rem;
6574
6782
  }
6575
6783
 
6576
6784
  .pa-input-group--lg .pa-input-group__prepend,
6577
6785
  .pa-input-group--lg .pa-input-group__append {
6578
- padding: 0.8rem 0.8rem;
6786
+ height: 3.8rem;
6787
+ line-height: 3.8rem;
6579
6788
  font-size: 1.6rem;
6580
6789
  }
6581
6790
 
6582
6791
  .pa-input-group--xl .pa-input-group__prepend,
6583
6792
  .pa-input-group--xl .pa-input-group__append {
6584
- padding: 0.8rem 0.8rem;
6793
+ height: 4.1rem;
6794
+ line-height: 4.1rem;
6585
6795
  font-size: 1.8rem;
6586
6796
  }
6587
6797
 
@@ -6613,7 +6823,7 @@ a.pa-card p {
6613
6823
  transform: translateY(-50%);
6614
6824
  background: transparent;
6615
6825
  border: none;
6616
- color: var(--pa-text-secondary);
6826
+ color: var(--pa-text-color-2);
6617
6827
  cursor: pointer;
6618
6828
  padding: 0.4rem;
6619
6829
  font-size: 1.6rem;
@@ -6624,7 +6834,7 @@ a.pa-card p {
6624
6834
 
6625
6835
  .pa-input-wrapper__clear:hover {
6626
6836
  opacity: 1;
6627
- color: #98040C;
6837
+ color: #dc3545;
6628
6838
  }
6629
6839
 
6630
6840
  .pa-input-wrapper__clear:focus {
@@ -6701,13 +6911,13 @@ a.pa-card p {
6701
6911
  position: relative;
6702
6912
  z-index: 1;
6703
6913
  background: transparent;
6704
- color: var(--pa-text-primary);
6914
+ color: var(--pa-text-color-1);
6705
6915
  }
6706
6916
 
6707
6917
  .pa-search-highlight__field {
6708
6918
  display: inline;
6709
- background-color: rgba(212, 5, 17, 0.15);
6710
- color: #D40511;
6919
+ background-color: rgba(0, 123, 255, 0.15);
6920
+ color: #007bff;
6711
6921
  padding: 0.2rem 0.4rem;
6712
6922
  border-radius: 0.4rem;
6713
6923
  font-weight: 500;
@@ -6715,8 +6925,8 @@ a.pa-card p {
6715
6925
 
6716
6926
  .pa-search-highlight__operator {
6717
6927
  display: inline;
6718
- background-color: rgba(16, 185, 129, 0.15);
6719
- color: #10b981;
6928
+ background-color: rgba(40, 167, 69, 0.15);
6929
+ color: #28a745;
6720
6930
  padding: 0.2rem 0.4rem;
6721
6931
  border-radius: 0.4rem;
6722
6932
  font-weight: 500;
@@ -6726,7 +6936,7 @@ a.pa-card p {
6726
6936
  position: absolute;
6727
6937
  z-index: 1000;
6728
6938
  background: var(--pa-input-bg);
6729
- border: 1px solid #E5E5E5;
6939
+ border: 1px solid #e1e5e9;
6730
6940
  border-radius: 4px;
6731
6941
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
6732
6942
  max-height: 24rem;
@@ -6756,7 +6966,7 @@ a.pa-card p {
6756
6966
  .pa-search-autocomplete__item-type {
6757
6967
  margin-left: auto;
6758
6968
  font-size: 1.2rem;
6759
- color: var(--pa-text-secondary);
6969
+ color: var(--pa-text-color-2);
6760
6970
  opacity: 0.7;
6761
6971
  }
6762
6972
 
@@ -6764,7 +6974,7 @@ a.pa-card p {
6764
6974
  padding: 0.4rem 1.2rem;
6765
6975
  font-size: 1.2rem;
6766
6976
  font-weight: 500;
6767
- color: var(--pa-text-secondary);
6977
+ color: var(--pa-text-color-2);
6768
6978
  text-transform: uppercase;
6769
6979
  letter-spacing: 0.05em;
6770
6980
  background-color: var(--pa-card-header-bg);
@@ -6774,18 +6984,18 @@ a.pa-card p {
6774
6984
  .pa-search-autocomplete__empty {
6775
6985
  padding: 1.2rem;
6776
6986
  text-align: center;
6777
- color: var(--pa-text-secondary);
6987
+ color: var(--pa-text-color-2);
6778
6988
  font-size: 1.4rem;
6779
6989
  }
6780
6990
 
6781
6991
  .pa-virtual-textbox {
6782
6992
  width: 100%;
6783
6993
  padding: 0.8rem 0.8rem;
6784
- border: 1px solid #E5E5E5;
6994
+ border: 1px solid #e1e5e9;
6785
6995
  border-radius: 4px;
6786
6996
  font-size: 1.4rem;
6787
6997
  background-color: var(--pa-input-bg);
6788
- color: var(--pa-text-primary);
6998
+ color: var(--pa-text-color-1);
6789
6999
  cursor: text;
6790
7000
  overflow-wrap: break-word;
6791
7001
  word-wrap: break-word;
@@ -6795,13 +7005,13 @@ a.pa-card p {
6795
7005
 
6796
7006
  .pa-virtual-textbox:focus {
6797
7007
  outline: none;
6798
- border-color: #D40511;
6799
- box-shadow: 0 0 0 3px rgba(212, 5, 17, 0.06);
7008
+ border-color: #007bff;
7009
+ box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
6800
7010
  }
6801
7011
 
6802
7012
  .pa-virtual-textbox:empty::before {
6803
7013
  content: attr(data-placeholder);
6804
- color: var(--pa-text-secondary);
7014
+ color: var(--pa-text-color-2);
6805
7015
  opacity: 0.7;
6806
7016
  pointer-events: none;
6807
7017
  }
@@ -6837,7 +7047,7 @@ a.pa-card p {
6837
7047
  border: 1px solid transparent;
6838
7048
  border-radius: 4px;
6839
7049
  font-size: 1.4rem;
6840
- font-family: "Fira Sans Condensed", "Arial Narrow", "Arial", sans-serif;
7050
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6841
7051
  white-space: pre-wrap;
6842
7052
  word-wrap: break-word;
6843
7053
  pointer-events: none;
@@ -6852,13 +7062,13 @@ a.pa-card p {
6852
7062
  z-index: 2;
6853
7063
  width: 100%;
6854
7064
  padding: 0.8rem 0.8rem;
6855
- border: 1px solid #E5E5E5;
7065
+ border: 1px solid #e1e5e9;
6856
7066
  border-radius: 4px;
6857
7067
  font-size: 1.4rem;
6858
- font-family: "Fira Sans Condensed", "Arial Narrow", "Arial", sans-serif;
7068
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6859
7069
  background: transparent;
6860
7070
  color: transparent;
6861
- caret-color: var(--pa-text-primary);
7071
+ caret-color: var(--pa-text-color-1);
6862
7072
  resize: none;
6863
7073
  overflow: hidden;
6864
7074
  line-height: 1.5;
@@ -6868,12 +7078,12 @@ a.pa-card p {
6868
7078
 
6869
7079
  .pa-inline-query-editor__input:focus {
6870
7080
  outline: none;
6871
- border-color: #D40511;
6872
- box-shadow: 0 0 0 3px rgba(212, 5, 17, 0.06);
7081
+ border-color: #007bff;
7082
+ box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
6873
7083
  }
6874
7084
 
6875
7085
  .pa-inline-query-editor__input::placeholder {
6876
- color: var(--pa-text-secondary);
7086
+ color: var(--pa-text-color-2);
6877
7087
  opacity: 0.7;
6878
7088
  }
6879
7089
 
@@ -6883,29 +7093,29 @@ a.pa-card p {
6883
7093
  }
6884
7094
 
6885
7095
  .pa-inline-query-token--field {
6886
- background-color: rgba(212, 5, 17, 0.15);
6887
- color: var(--pa-text-primary);
7096
+ background-color: rgba(0, 123, 255, 0.15);
7097
+ color: var(--pa-text-color-1);
6888
7098
  }
6889
7099
 
6890
7100
  .pa-inline-query-token--field.pa-inline-query-token--invalid {
6891
- background-color: rgba(152, 4, 12, 0.15);
6892
- color: var(--pa-text-primary);
7101
+ background-color: rgba(220, 53, 69, 0.15);
7102
+ color: var(--pa-text-color-1);
6893
7103
  text-decoration: wavy underline;
6894
7104
  }
6895
7105
 
6896
7106
  .pa-inline-query-token--operator {
6897
- background-color: rgba(var(--pa-text-secondary), 0.15);
6898
- color: var(--pa-text-primary);
7107
+ background-color: rgba(var(--pa-text-color-2), 0.15);
7108
+ color: var(--pa-text-color-1);
6899
7109
  }
6900
7110
 
6901
7111
  .pa-inline-query-token--value {
6902
- background-color: rgba(16, 185, 129, 0.15);
6903
- color: var(--pa-text-primary);
7112
+ background-color: rgba(40, 167, 69, 0.15);
7113
+ color: var(--pa-text-color-1);
6904
7114
  }
6905
7115
 
6906
7116
  .pa-inline-query-token--keyword {
6907
- background-color: rgba(245, 158, 11, 0.15);
6908
- color: var(--pa-text-primary);
7117
+ background-color: rgba(255, 193, 7, 0.15);
7118
+ color: var(--pa-text-color-1);
6909
7119
  font-style: italic;
6910
7120
  }
6911
7121
 
@@ -6913,7 +7123,7 @@ a.pa-card p {
6913
7123
  position: absolute;
6914
7124
  z-index: 1000;
6915
7125
  background: var(--pa-input-bg);
6916
- border: 1px solid #E5E5E5;
7126
+ border: 1px solid #e1e5e9;
6917
7127
  border-radius: 4px;
6918
7128
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
6919
7129
  max-height: 24rem;
@@ -6949,14 +7159,14 @@ a.pa-card p {
6949
7159
  .pa-inline-query-autocomplete__item-name {
6950
7160
  display: block;
6951
7161
  font-weight: 500;
6952
- color: #D40511;
7162
+ color: #007bff;
6953
7163
  line-height: 1.3;
6954
7164
  }
6955
7165
 
6956
7166
  .pa-inline-query-autocomplete__item-type {
6957
7167
  display: block;
6958
7168
  font-size: 1.2rem;
6959
- color: var(--pa-text-secondary);
7169
+ color: var(--pa-text-color-2);
6960
7170
  opacity: 0.7;
6961
7171
  line-height: 1.3;
6962
7172
  }
@@ -6965,10 +7175,10 @@ a.pa-card p {
6965
7175
  flex-shrink: 0;
6966
7176
  font-size: 1.2rem;
6967
7177
  padding: 0.2rem 0.6rem;
6968
- background-color: rgba(var(--pa-text-secondary), 0.1);
6969
- color: var(--pa-text-secondary);
7178
+ background-color: rgba(var(--pa-text-color-2), 0.1);
7179
+ color: var(--pa-text-color-2);
6970
7180
  border-radius: 0.4rem;
6971
- font-family: "Fira Sans Condensed", "Arial Narrow", "Arial", sans-serif;
7181
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6972
7182
  }
6973
7183
 
6974
7184
  /* ========================================
@@ -6988,7 +7198,7 @@ a.pa-card p {
6988
7198
  gap: 0.8rem;
6989
7199
  cursor: pointer;
6990
7200
  font-size: 1.4rem;
6991
- color: var(--pa-text-primary);
7201
+ color: var(--pa-text-color-1);
6992
7202
  user-select: none;
6993
7203
  }
6994
7204
 
@@ -7129,7 +7339,7 @@ input:indeterminate + .pa-checkbox__box::after {
7129
7339
  gap: 0.8rem;
7130
7340
  cursor: pointer;
7131
7341
  font-size: 1.4rem;
7132
- color: var(--pa-text-primary);
7342
+ color: var(--pa-text-color-1);
7133
7343
  }
7134
7344
 
7135
7345
  .pa-radio input {
@@ -7179,14 +7389,14 @@ input:indeterminate + .pa-checkbox__box::after {
7179
7389
  web-daterangepicker {
7180
7390
  /* ===== BASE PRIMITIVES ===== */
7181
7391
  /* Colors */
7182
- --drp-accent-color: #D40511;
7183
- --drp-primary-bg: #D40511;
7184
- --drp-primary-bg-hover: #F91320;
7185
- --drp-text-primary: var(--pa-text-primary);
7186
- --drp-text-secondary: var(--pa-text-secondary);
7187
- --drp-border-color: #E5E5E5;
7392
+ --drp-accent-color: #007bff;
7393
+ --drp-primary-bg: #007bff;
7394
+ --drp-primary-bg-hover: rgb(51, 149.4, 255);
7395
+ --drp-text-primary: var(--pa-text-color-1);
7396
+ --drp-text-secondary: var(--pa-text-color-2);
7397
+ --drp-border-color: #e1e5e9;
7188
7398
  --drp-card-bg: var(--pa-card-bg);
7189
- --drp-hover-bg: #FFF0B2;
7399
+ --drp-hover-bg: #f8f9fa;
7190
7400
  /* Spacing */
7191
7401
  --drp-spacing-xs: 0.4rem;
7192
7402
  --drp-spacing-sm: 0.8rem;
@@ -7222,18 +7432,18 @@ web-daterangepicker {
7222
7432
  /* ===== INPUT FIELD SEMANTIC VARIABLES ===== */
7223
7433
  /* Input colors */
7224
7434
  --drp-input-background: var(--pa-input-bg);
7225
- --drp-input-color: var(--pa-text-primary);
7226
- --drp-input-border-color: 1px solid #E5E5E5;
7227
- --drp-input-border-color-hover: #D40511;
7228
- --drp-input-border-color-focus: #D40511;
7229
- --drp-input-placeholder-color: var(--pa-text-secondary);
7435
+ --drp-input-color: var(--pa-text-color-1);
7436
+ --drp-input-border-color: #ced4da;
7437
+ --drp-input-border-color-hover: #007bff;
7438
+ --drp-input-border-color-focus: #007bff;
7439
+ --drp-input-placeholder-color: var(--pa-text-color-2);
7230
7440
  --drp-input-disabled-background: var(--pa-input-bg);
7231
- --drp-input-disabled-color: var(--pa-text-secondary);
7441
+ --drp-input-disabled-color: var(--pa-text-color-2);
7232
7442
  /* Input focus effects */
7233
- --drp-input-focus-shadow-color: rgba(212, 5, 17, 0.06);
7443
+ --drp-input-focus-shadow-color: rgba(0, 123, 255, 0.05);
7234
7444
  --drp-input-focus-shadow-size: 3px;
7235
7445
  /* Input icon */
7236
- --drp-input-icon-color: var(--pa-text-secondary);
7446
+ --drp-input-icon-color: var(--pa-text-color-2);
7237
7447
  --drp-input-icon-opacity: 1;
7238
7448
  /* Input size variants - matched to Pure Admin .pa-input sizes (10px base)
7239
7449
  Heights: xs=31px, sm=33px, md=35px, lg=38px, xl=41px */
@@ -7269,7 +7479,7 @@ web-daterangepicker {
7269
7479
  --drp-input-size-xl-icon-size: 2rem; /* 20px (10px base) */
7270
7480
  /* ===== CALENDAR CONTAINER ===== */
7271
7481
  --drp-calendar-bg: var(--pa-card-bg);
7272
- --drp-calendar-border: #E5E5E5;
7482
+ --drp-calendar-border: #e1e5e9;
7273
7483
  --drp-calendar-shadow: 0 0 60px rgba(0, 0, 0, 0.12);
7274
7484
  --drp-calendar-border-radius: 4px;
7275
7485
  --drp-calendar-padding: 1.6rem;
@@ -7278,91 +7488,91 @@ web-daterangepicker {
7278
7488
  --drp-header-padding: 0.8rem 1.2rem;
7279
7489
  --drp-header-font-size: 1.6rem;
7280
7490
  --drp-header-font-weight: 600;
7281
- --drp-header-text-color: var(--pa-text-primary);
7282
- --drp-header-bg-hover: rgba(212, 5, 17, 0.12);
7283
- --drp-header-bg-active: rgba(212, 5, 17, 0.06);
7491
+ --drp-header-text-color: var(--pa-text-color-1);
7492
+ --drp-header-bg-hover: rgba(0, 123, 255, 0.12);
7493
+ --drp-header-bg-active: rgba(0, 123, 255, 0.05);
7284
7494
  /* ===== NAVIGATION ===== */
7285
7495
  --drp-nav-btn-size: 3.2rem; /* 32px (10px base) */
7286
- --drp-nav-text-color: var(--pa-text-primary);
7287
- --drp-nav-border-color: #E5E5E5;
7288
- --drp-nav-bg-hover: rgba(212, 5, 17, 0.12);
7289
- --drp-nav-bg-active: rgba(212, 5, 17, 0.06);
7290
- --drp-nav-border-hover: #D40511;
7496
+ --drp-nav-text-color: var(--pa-text-color-1);
7497
+ --drp-nav-border-color: #e1e5e9;
7498
+ --drp-nav-bg-hover: rgba(0, 123, 255, 0.12);
7499
+ --drp-nav-bg-active: rgba(0, 123, 255, 0.05);
7500
+ --drp-nav-border-hover: #007bff;
7291
7501
  /* ===== WEEKDAY HEADER ===== */
7292
7502
  --drp-weekday-font-size: 1.2rem;
7293
7503
  --drp-weekday-font-weight: 600;
7294
- --drp-weekday-color: var(--pa-text-secondary);
7504
+ --drp-weekday-color: var(--pa-text-color-2);
7295
7505
  --drp-weekday-padding: 0.4rem;
7296
7506
  /* ===== CALENDAR GRID ===== */
7297
7507
  --drp-day-size: 3.6rem; /* 36px (10px base) */
7298
7508
  --drp-day-font-size: 1.4rem;
7299
7509
  --drp-day-border-radius: 2px;
7300
7510
  /* Day states */
7301
- --drp-day-text-color: var(--pa-text-primary);
7302
- --drp-day-bg-hover: rgba(212, 5, 17, 0.12);
7511
+ --drp-day-text-color: var(--pa-text-color-1);
7512
+ --drp-day-bg-hover: rgba(0, 123, 255, 0.12);
7303
7513
  --drp-day-border-hover: transparent;
7304
7514
  /* Today indicator */
7305
- --drp-day-today-border: #D40511;
7515
+ --drp-day-today-border: #007bff;
7306
7516
  /* Selected state */
7307
- --drp-day-selected-bg: #D40511;
7517
+ --drp-day-selected-bg: #007bff;
7308
7518
  --drp-day-selected-color: #ffffff;
7309
7519
  /* Range state */
7310
- --drp-day-range-bg: rgba(212, 5, 17, 0.06);
7311
- --drp-day-range-text: var(--pa-text-primary);
7520
+ --drp-day-range-bg: rgba(0, 123, 255, 0.05);
7521
+ --drp-day-range-text: var(--pa-text-color-1);
7312
7522
  /* Focused state */
7313
- --drp-day-focused-outline: #D40511;
7523
+ --drp-day-focused-outline: #007bff;
7314
7524
  /* Disabled state */
7315
- --drp-day-disabled-color: var(--pa-text-secondary);
7525
+ --drp-day-disabled-color: var(--pa-text-color-2);
7316
7526
  --drp-day-disabled-opacity: 0.65;
7317
7527
  /* Other month */
7318
- --drp-day-other-month-color: var(--pa-text-secondary);
7528
+ --drp-day-other-month-color: var(--pa-text-color-2);
7319
7529
  --drp-day-other-month-opacity: 0.5;
7320
7530
  /* ===== BADGES ===== */
7321
7531
  /* Dot badges (original style) */
7322
7532
  --drp-badge-size: 0.6rem; /* 6px (10px base) */
7323
- --drp-badge-primary: #D40511;
7324
- --drp-badge-success: #10b981;
7325
- --drp-badge-warning: #f59e0b;
7326
- --drp-badge-danger: #98040C;
7327
- --drp-badge-info: #06b6d4;
7533
+ --drp-badge-primary: #007bff;
7534
+ --drp-badge-success: #28a745;
7535
+ --drp-badge-warning: #ffc107;
7536
+ --drp-badge-danger: #dc3545;
7537
+ --drp-badge-info: #17a2b8;
7328
7538
  /* Number badges */
7329
- --drp-badge-number-bg: #98040C;
7539
+ --drp-badge-number-bg: #dc3545;
7330
7540
  --drp-badge-number-color: #ffffff;
7331
7541
  /* Count badges */
7332
- --drp-badge-count-bg: #D40511;
7542
+ --drp-badge-count-bg: #007bff;
7333
7543
  --drp-badge-count-color: #ffffff;
7334
7544
  /* Text badges */
7335
- --drp-badge-text-bg: rgba(212, 5, 17, 0.06);
7336
- --drp-badge-text-color: var(--pa-text-primary);
7545
+ --drp-badge-text-bg: rgba(0, 123, 255, 0.05);
7546
+ --drp-badge-text-color: var(--pa-text-color-1);
7337
7547
  /* ===== SUMMARY BAR ===== */
7338
- --drp-summary-bg: #EBEBEB;
7339
- --drp-summary-border-color: #E5E5E5;
7340
- --drp-summary-text-color: var(--pa-text-primary);
7341
- --drp-summary-count-color: #D40511;
7548
+ --drp-summary-bg: #f8f9fa;
7549
+ --drp-summary-border-color: #e1e5e9;
7550
+ --drp-summary-text-color: var(--pa-text-color-1);
7551
+ --drp-summary-count-color: #007bff;
7342
7552
  --drp-summary-padding: 0.8rem 1.2rem;
7343
7553
  --drp-summary-font-size: 1.4rem;
7344
7554
  --drp-summary-font-weight: 500;
7345
7555
  /* ===== BUTTONS ===== */
7346
7556
  /* Today button */
7347
- --drp-button-today-bg: #FFCC00;
7348
- --drp-button-today-bg-hover: #FFE57F;
7349
- --drp-button-today-color: #000000;
7350
- --drp-button-today-border: #E5E5E5;
7557
+ --drp-button-today-bg: #6c757d;
7558
+ --drp-button-today-bg-hover: #545b62;
7559
+ --drp-button-today-color: #ffffff;
7560
+ --drp-button-today-border: #e1e5e9;
7351
7561
  /* Clear button */
7352
- --drp-button-clear-bg: #FFCC00;
7353
- --drp-button-clear-bg-hover: #FFE57F;
7354
- --drp-button-clear-color: #000000;
7355
- --drp-button-clear-border: #E5E5E5;
7562
+ --drp-button-clear-bg: #6c757d;
7563
+ --drp-button-clear-bg-hover: #545b62;
7564
+ --drp-button-clear-color: #ffffff;
7565
+ --drp-button-clear-border: #e1e5e9;
7356
7566
  /* Cancel button */
7357
- --drp-button-cancel-bg: #FFCC00;
7358
- --drp-button-cancel-bg-hover: #FFE57F;
7359
- --drp-button-cancel-color: #000000;
7360
- --drp-button-cancel-border: #E5E5E5;
7567
+ --drp-button-cancel-bg: #6c757d;
7568
+ --drp-button-cancel-bg-hover: #545b62;
7569
+ --drp-button-cancel-color: #ffffff;
7570
+ --drp-button-cancel-border: #e1e5e9;
7361
7571
  /* Apply button */
7362
- --drp-button-apply-bg: #D40511;
7363
- --drp-button-apply-bg-hover: #F91320;
7572
+ --drp-button-apply-bg: #007bff;
7573
+ --drp-button-apply-bg-hover: rgb(51, 149.4, 255);
7364
7574
  --drp-button-apply-color: #ffffff;
7365
- --drp-button-apply-border: #D40511;
7575
+ --drp-button-apply-border: #007bff;
7366
7576
  /* Button sizing */
7367
7577
  --drp-button-padding: 0.8rem 1rem;
7368
7578
  --drp-button-font-size: 1.4rem;
@@ -7370,26 +7580,26 @@ web-daterangepicker {
7370
7580
  --drp-button-gap: 0.8rem;
7371
7581
  /* ===== UNIFIED NAVIGATION ===== */
7372
7582
  /* Range selectors in unified nav */
7373
- --drp-unified-range-text-color: var(--pa-text-primary);
7374
- --drp-unified-range-bg-hover: rgba(212, 5, 17, 0.12);
7375
- --drp-unified-range-bg-active: rgba(212, 5, 17, 0.06);
7583
+ --drp-unified-range-text-color: var(--pa-text-color-1);
7584
+ --drp-unified-range-bg-hover: rgba(0, 123, 255, 0.12);
7585
+ --drp-unified-range-bg-active: rgba(0, 123, 255, 0.05);
7376
7586
  /* Month/Year display */
7377
- --drp-unified-month-color: var(--pa-text-primary);
7587
+ --drp-unified-month-color: var(--pa-text-color-1);
7378
7588
  /* Rolling selector disabled state */
7379
- --drp-unified-rolling-disabled-color: var(--pa-text-secondary);
7589
+ --drp-unified-rolling-disabled-color: var(--pa-text-color-2);
7380
7590
  /* ===== ROLLING SELECTOR ===== */
7381
7591
  --drp-rolling-bg: var(--pa-card-bg);
7382
- --drp-rolling-border: #E5E5E5;
7592
+ --drp-rolling-border: #e1e5e9;
7383
7593
  --drp-rolling-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
7384
- --drp-rolling-item-hover-bg: rgba(212, 5, 17, 0.12);
7385
- --drp-rolling-item-selected-bg: #D40511;
7594
+ --drp-rolling-item-hover-bg: rgba(0, 123, 255, 0.12);
7595
+ --drp-rolling-item-selected-bg: #007bff;
7386
7596
  --drp-rolling-item-selected-text: #ffffff;
7387
7597
  --drp-rolling-font-size: 1.4rem;
7388
- --drp-rolling-item-text-color: var(--pa-text-primary);
7389
- --drp-rolling-item-disabled-color: var(--pa-text-secondary);
7598
+ --drp-rolling-item-text-color: var(--pa-text-color-1);
7599
+ --drp-rolling-item-disabled-color: var(--pa-text-color-2);
7390
7600
  /* ===== LOADING OVERLAY ===== */
7391
7601
  --drp-loading-bg: rgba(255, 255, 255, 0.8);
7392
- --drp-loading-spinner-color: #D40511;
7602
+ --drp-loading-spinner-color: #007bff;
7393
7603
  --drp-loading-spinner-size: 1.6rem;
7394
7604
  /* ===== MULTIPLE MONTHS ===== */
7395
7605
  --drp-months-gap: 2.4rem;
@@ -7419,7 +7629,7 @@ web-daterangepicker {
7419
7629
 
7420
7630
  .pa-file-input__filename {
7421
7631
  font-size: 1.4rem;
7422
- color: var(--pa-text-secondary);
7632
+ color: var(--pa-text-color-2);
7423
7633
  overflow: hidden;
7424
7634
  text-overflow: ellipsis;
7425
7635
  white-space: nowrap;
@@ -7427,7 +7637,7 @@ web-daterangepicker {
7427
7637
 
7428
7638
  .pa-file-dropzone {
7429
7639
  position: relative;
7430
- border: 3.2px dashed #E5E5E5;
7640
+ border: 3.2px dashed #e1e5e9;
7431
7641
  border-radius: 4px;
7432
7642
  padding: 3.2rem;
7433
7643
  text-align: center;
@@ -7437,13 +7647,13 @@ web-daterangepicker {
7437
7647
  }
7438
7648
 
7439
7649
  .pa-file-dropzone:hover {
7440
- border-color: #D40511;
7441
- background: rgba(212, 5, 17, 0.05);
7650
+ border-color: #007bff;
7651
+ background: rgba(0, 123, 255, 0.05);
7442
7652
  }
7443
7653
 
7444
7654
  .pa-file-dropzone--active {
7445
- border-color: #D40511;
7446
- background: rgba(212, 5, 17, 0.1);
7655
+ border-color: #007bff;
7656
+ background: rgba(0, 123, 255, 0.1);
7447
7657
  border-style: solid;
7448
7658
  }
7449
7659
 
@@ -7469,27 +7679,27 @@ web-daterangepicker {
7469
7679
 
7470
7680
  .pa-file-dropzone__text {
7471
7681
  font-size: 1.6rem;
7472
- color: var(--pa-text-primary);
7682
+ color: var(--pa-text-color-1);
7473
7683
  margin-bottom: 0.4rem;
7474
7684
  }
7475
7685
 
7476
7686
  .pa-file-dropzone__text strong {
7477
- color: #D40511;
7687
+ color: #007bff;
7478
7688
  font-weight: 600;
7479
7689
  }
7480
7690
 
7481
7691
  .pa-file-dropzone__hint {
7482
7692
  font-size: 1.2rem;
7483
- color: var(--pa-text-secondary);
7693
+ color: var(--pa-text-color-2);
7484
7694
  }
7485
7695
 
7486
7696
  .pa-file-dropzone__drop-prompt {
7487
7697
  padding: 1.2rem;
7488
- border-bottom: 1.6px dashed #E5E5E5;
7698
+ border-bottom: 1.6px dashed #e1e5e9;
7489
7699
  margin: -3.2rem -3.2rem 1.2rem -3.2rem;
7490
7700
  text-align: center;
7491
7701
  font-size: 1.4rem;
7492
- color: var(--pa-text-secondary);
7702
+ color: var(--pa-text-color-2);
7493
7703
  }
7494
7704
 
7495
7705
  .pa-file-dropzone__drop-prompt-icon {
@@ -7519,7 +7729,7 @@ web-daterangepicker {
7519
7729
  }
7520
7730
 
7521
7731
  .pa-file-dropzone__file-card:hover {
7522
- border-color: #D40511;
7732
+ border-color: #007bff;
7523
7733
  box-shadow: 0 1.6px 4.8px rgba(0, 0, 0, 0.1);
7524
7734
  }
7525
7735
 
@@ -7530,7 +7740,7 @@ web-daterangepicker {
7530
7740
 
7531
7741
  .pa-file-dropzone__file-card-name {
7532
7742
  font-size: 1rem;
7533
- color: var(--pa-text-primary);
7743
+ color: var(--pa-text-color-1);
7534
7744
  overflow: hidden;
7535
7745
  text-overflow: ellipsis;
7536
7746
  white-space: nowrap;
@@ -7540,7 +7750,7 @@ web-daterangepicker {
7540
7750
 
7541
7751
  .pa-file-dropzone__file-card-size {
7542
7752
  font-size: 1rem;
7543
- color: var(--pa-text-secondary);
7753
+ color: var(--pa-text-color-2);
7544
7754
  margin-top: 0.4rem;
7545
7755
  }
7546
7756
 
@@ -7551,7 +7761,7 @@ web-daterangepicker {
7551
7761
  width: 2rem;
7552
7762
  height: 2rem;
7553
7763
  border: none;
7554
- background: #98040C;
7764
+ background: #dc3545;
7555
7765
  color: #ffffff;
7556
7766
  cursor: pointer;
7557
7767
  border-radius: 50%;
@@ -7574,7 +7784,7 @@ web-daterangepicker {
7574
7784
 
7575
7785
  .pa-file-dropzone__file-card-remove:hover {
7576
7786
  transform: scale(1.1);
7577
- background: rgba(152, 4, 12, 0.9);
7787
+ background: rgba(220, 53, 69, 0.9);
7578
7788
  }
7579
7789
 
7580
7790
  .pa-file-dropzone__image-card {
@@ -7621,7 +7831,7 @@ web-daterangepicker {
7621
7831
  }
7622
7832
 
7623
7833
  .pa-file-dropzone__image-card-remove:hover {
7624
- background: #98040C;
7834
+ background: #dc3545;
7625
7835
  transform: scale(1.1);
7626
7836
  }
7627
7837
 
@@ -7630,7 +7840,7 @@ web-daterangepicker {
7630
7840
  border: none;
7631
7841
  background: transparent;
7632
7842
  font-size: 1.6rem;
7633
- color: var(--pa-text-secondary);
7843
+ color: var(--pa-text-color-2);
7634
7844
  }
7635
7845
 
7636
7846
  .pa-file-dropzone__summary-line {
@@ -7643,7 +7853,7 @@ web-daterangepicker {
7643
7853
  }
7644
7854
 
7645
7855
  .pa-file-dropzone__summary-line:hover {
7646
- background-color: rgba(212, 5, 17, 0.1);
7856
+ background-color: rgba(0, 123, 255, 0.1);
7647
7857
  }
7648
7858
 
7649
7859
  .pa-file-dropzone__summary-line:not(:last-child)::after {
@@ -7656,11 +7866,11 @@ web-daterangepicker {
7656
7866
 
7657
7867
  .pa-file-dropzone__summary-count {
7658
7868
  font-weight: 500;
7659
- color: #D40511;
7869
+ color: #007bff;
7660
7870
  }
7661
7871
 
7662
7872
  .pa-file-dropzone__summary-size {
7663
- color: var(--pa-text-secondary);
7873
+ color: var(--pa-text-color-2);
7664
7874
  font-weight: normal;
7665
7875
  }
7666
7876
 
@@ -7668,7 +7878,7 @@ web-daterangepicker {
7668
7878
  display: block;
7669
7879
  margin-top: 0.4rem;
7670
7880
  font-style: italic;
7671
- color: var(--pa-text-primary);
7881
+ color: var(--pa-text-color-1);
7672
7882
  overflow: hidden;
7673
7883
  text-overflow: ellipsis;
7674
7884
  white-space: nowrap;
@@ -7719,7 +7929,7 @@ web-daterangepicker {
7719
7929
  .pa-file-popover__title {
7720
7930
  font-size: 1.6rem;
7721
7931
  font-weight: 600;
7722
- color: var(--pa-text-primary);
7932
+ color: var(--pa-text-color-1);
7723
7933
  }
7724
7934
 
7725
7935
  .pa-file-popover__close {
@@ -7727,7 +7937,7 @@ web-daterangepicker {
7727
7937
  height: 2.4rem;
7728
7938
  border: none;
7729
7939
  background: transparent;
7730
- color: var(--pa-text-secondary);
7940
+ color: var(--pa-text-color-2);
7731
7941
  cursor: pointer;
7732
7942
  border-radius: 2px;
7733
7943
  font-size: 2rem;
@@ -7739,8 +7949,8 @@ web-daterangepicker {
7739
7949
  }
7740
7950
 
7741
7951
  .pa-file-popover__close:hover {
7742
- background: rgba(var(--pa-text-secondary), 0.1);
7743
- color: var(--pa-text-primary);
7952
+ background: rgba(var(--pa-text-color-2), 0.1);
7953
+ color: var(--pa-text-color-1);
7744
7954
  }
7745
7955
 
7746
7956
  .pa-file-popover__body {
@@ -7766,7 +7976,7 @@ web-daterangepicker {
7766
7976
  text-align: left;
7767
7977
  padding: 0.4rem 0.8rem;
7768
7978
  border-bottom: 1px solid var(--pa-border-color);
7769
- color: var(--pa-text-secondary);
7979
+ color: var(--pa-text-color-2);
7770
7980
  font-weight: 600;
7771
7981
  font-size: 1.2rem;
7772
7982
  text-transform: uppercase;
@@ -7775,15 +7985,15 @@ web-daterangepicker {
7775
7985
  .pa-file-popover__table td {
7776
7986
  padding: 0.4rem 0.8rem;
7777
7987
  border-bottom: 1px solid var(--pa-border-color);
7778
- color: var(--pa-text-primary);
7988
+ color: var(--pa-text-color-1);
7779
7989
  }
7780
7990
 
7781
7991
  .pa-file-popover__table tbody tr:hover {
7782
- background: rgba(212, 5, 17, 0.05);
7992
+ background: rgba(0, 123, 255, 0.05);
7783
7993
  }
7784
7994
 
7785
7995
  .pa-file-popover__table tbody tr.uploading {
7786
- background: rgba(212, 5, 17, 0.1);
7996
+ background: rgba(0, 123, 255, 0.1);
7787
7997
  }
7788
7998
 
7789
7999
  .pa-file-popover__file-name {
@@ -7794,7 +8004,7 @@ web-daterangepicker {
7794
8004
  }
7795
8005
 
7796
8006
  .pa-file-popover__file-size {
7797
- color: var(--pa-text-secondary);
8007
+ color: var(--pa-text-color-2);
7798
8008
  white-space: nowrap;
7799
8009
  }
7800
8010
 
@@ -7804,7 +8014,7 @@ web-daterangepicker {
7804
8014
 
7805
8015
  .pa-file-popover__progress-bar {
7806
8016
  height: 6.4px;
7807
- background: rgba(212, 5, 17, 0.2);
8017
+ background: rgba(0, 123, 255, 0.2);
7808
8018
  border-radius: 2px;
7809
8019
  overflow: hidden;
7810
8020
  margin-bottom: 0.4rem;
@@ -7812,14 +8022,14 @@ web-daterangepicker {
7812
8022
 
7813
8023
  .pa-file-popover__progress-fill {
7814
8024
  height: 100%;
7815
- background: #D40511;
8025
+ background: #007bff;
7816
8026
  border-radius: 2px;
7817
8027
  transition: width 0.48s ease;
7818
8028
  }
7819
8029
 
7820
8030
  .pa-file-popover__progress-text {
7821
8031
  font-size: 1rem;
7822
- color: var(--pa-text-secondary);
8032
+ color: var(--pa-text-color-2);
7823
8033
  }
7824
8034
 
7825
8035
  .pa-file-popover__status {
@@ -7829,19 +8039,19 @@ web-daterangepicker {
7829
8039
  }
7830
8040
 
7831
8041
  .pa-file-popover__status--pending {
7832
- color: var(--pa-text-secondary);
8042
+ color: var(--pa-text-color-2);
7833
8043
  }
7834
8044
 
7835
8045
  .pa-file-popover__status--uploading {
7836
- color: #D40511;
8046
+ color: #007bff;
7837
8047
  }
7838
8048
 
7839
8049
  .pa-file-popover__status--complete {
7840
- color: #10b981;
8050
+ color: #28a745;
7841
8051
  }
7842
8052
 
7843
8053
  .pa-file-popover__status--error {
7844
- color: #98040C;
8054
+ color: #dc3545;
7845
8055
  }
7846
8056
 
7847
8057
  .pa-file-popover__remove-cell {
@@ -7855,7 +8065,7 @@ web-daterangepicker {
7855
8065
  height: 3.2rem;
7856
8066
  border: 1px solid var(--pa-border-color);
7857
8067
  background: var(--pa-card-bg);
7858
- color: #98040C;
8068
+ color: #dc3545;
7859
8069
  cursor: pointer;
7860
8070
  border-radius: 2px;
7861
8071
  font-size: 2.4rem;
@@ -7868,9 +8078,9 @@ web-daterangepicker {
7868
8078
  }
7869
8079
 
7870
8080
  .pa-file-popover__remove-btn:hover {
7871
- background: #98040C;
8081
+ background: #dc3545;
7872
8082
  color: #ffffff;
7873
- border-color: #98040C;
8083
+ border-color: #dc3545;
7874
8084
  transform: scale(1.1);
7875
8085
  }
7876
8086
 
@@ -7911,9 +8121,9 @@ web-daterangepicker {
7911
8121
  display: flex;
7912
8122
  align-items: center;
7913
8123
  justify-content: center;
7914
- background: rgba(212, 5, 17, 0.1);
8124
+ background: rgba(0, 123, 255, 0.1);
7915
8125
  border-radius: 4px;
7916
- color: #D40511;
8126
+ color: #007bff;
7917
8127
  }
7918
8128
 
7919
8129
  .pa-file-item__info {
@@ -7924,7 +8134,7 @@ web-daterangepicker {
7924
8134
  .pa-file-item__name {
7925
8135
  font-size: 1.4rem;
7926
8136
  font-weight: 600;
7927
- color: var(--pa-text-primary);
8137
+ color: var(--pa-text-color-1);
7928
8138
  overflow: hidden;
7929
8139
  text-overflow: ellipsis;
7930
8140
  white-space: nowrap;
@@ -7932,7 +8142,7 @@ web-daterangepicker {
7932
8142
 
7933
8143
  .pa-file-item__meta {
7934
8144
  font-size: 1.2rem;
7935
- color: var(--pa-text-secondary);
8145
+ color: var(--pa-text-color-2);
7936
8146
  margin-top: 0.4rem;
7937
8147
  }
7938
8148
 
@@ -7942,7 +8152,7 @@ web-daterangepicker {
7942
8152
  height: 2.4rem;
7943
8153
  border: none;
7944
8154
  background: transparent;
7945
- color: var(--pa-text-secondary);
8155
+ color: var(--pa-text-color-2);
7946
8156
  cursor: pointer;
7947
8157
  border-radius: 2px;
7948
8158
  font-size: 1.8rem;
@@ -7954,8 +8164,8 @@ web-daterangepicker {
7954
8164
  }
7955
8165
 
7956
8166
  .pa-file-item__remove:hover {
7957
- background: rgba(152, 4, 12, 0.1);
7958
- color: #98040C;
8167
+ background: rgba(220, 53, 69, 0.1);
8168
+ color: #dc3545;
7959
8169
  }
7960
8170
 
7961
8171
  .pa-file-item__remove::before {
@@ -8007,7 +8217,7 @@ web-daterangepicker {
8007
8217
  }
8008
8218
 
8009
8219
  .pa-file-preview__remove:hover {
8010
- background: #98040C;
8220
+ background: #dc3545;
8011
8221
  transform: scale(1.1);
8012
8222
  }
8013
8223
 
@@ -8035,21 +8245,21 @@ web-daterangepicker {
8035
8245
 
8036
8246
  .pa-file-progress__bar {
8037
8247
  height: 6.4px;
8038
- background: rgba(212, 5, 17, 0.2);
8248
+ background: rgba(0, 123, 255, 0.2);
8039
8249
  border-radius: 2px;
8040
8250
  overflow: hidden;
8041
8251
  }
8042
8252
 
8043
8253
  .pa-file-progress__fill {
8044
8254
  height: 100%;
8045
- background: #D40511;
8255
+ background: #007bff;
8046
8256
  border-radius: 2px;
8047
8257
  transition: width 0.48s ease;
8048
8258
  }
8049
8259
 
8050
8260
  .pa-file-progress__text {
8051
8261
  font-size: 1.2rem;
8052
- color: var(--pa-text-secondary);
8262
+ color: var(--pa-text-color-2);
8053
8263
  margin-top: 0.4rem;
8054
8264
  display: flex;
8055
8265
  justify-content: space-between;
@@ -8062,11 +8272,11 @@ web-daterangepicker {
8062
8272
  }
8063
8273
 
8064
8274
  .pa-file-progress__status--complete {
8065
- color: #10b981;
8275
+ color: #28a745;
8066
8276
  }
8067
8277
 
8068
8278
  .pa-file-progress__status--error {
8069
- color: #98040C;
8279
+ color: #dc3545;
8070
8280
  }
8071
8281
 
8072
8282
  .pa-file-icon--pdf::before {
@@ -8106,9 +8316,9 @@ web-daterangepicker {
8106
8316
  }
8107
8317
 
8108
8318
  .pa-file-dropzone-overlay {
8109
- background: rgba(212, 5, 17, 0.15);
8319
+ background: rgba(0, 123, 255, 0.15);
8110
8320
  backdrop-filter: blur(3.2px);
8111
- border: 4.8px dashed #D40511;
8321
+ border: 4.8px dashed #007bff;
8112
8322
  border-radius: 4px;
8113
8323
  display: flex;
8114
8324
  align-items: center;
@@ -8129,7 +8339,7 @@ web-daterangepicker {
8129
8339
  .pa-file-dropzone-overlay__text {
8130
8340
  font-size: 2rem;
8131
8341
  font-weight: 600;
8132
- color: #D40511;
8342
+ color: #007bff;
8133
8343
  }
8134
8344
 
8135
8345
  /* ========================================
@@ -8166,7 +8376,7 @@ web-daterangepicker {
8166
8376
  margin: 0;
8167
8377
  cursor: pointer;
8168
8378
  font-size: 1.4rem;
8169
- color: var(--pa-text-primary);
8379
+ color: var(--pa-text-color-1);
8170
8380
  user-select: none;
8171
8381
  width: 100%;
8172
8382
  }
@@ -8193,7 +8403,7 @@ web-daterangepicker {
8193
8403
  display: block;
8194
8404
  margin-top: 0.4rem;
8195
8405
  font-size: 1.2rem;
8196
- color: var(--pa-text-secondary);
8406
+ color: var(--pa-text-color-2);
8197
8407
  }
8198
8408
 
8199
8409
  .pa-checkbox-list__actions {
@@ -8265,7 +8475,7 @@ web-daterangepicker {
8265
8475
  }
8266
8476
 
8267
8477
  .pa-checkbox-list__item--locked:hover {
8268
- background-color: rgba(245, 158, 11, 0.05);
8478
+ background-color: rgba(255, 193, 7, 0.05);
8269
8479
  }
8270
8480
 
8271
8481
  .pa-checkbox-list__item--locked .pa-checkbox-list__checkbox {
@@ -8279,7 +8489,7 @@ web-daterangepicker {
8279
8489
  }
8280
8490
 
8281
8491
  .pa-checkbox-list__item--locked .pa-checkbox-list__label .pa-checkbox-list__text {
8282
- color: #f59e0b;
8492
+ color: #ffc107;
8283
8493
  }
8284
8494
 
8285
8495
  .pa-checkbox-list__item--locked .pa-checkbox-list__label .pa-checkbox-list__text::before {
@@ -8406,12 +8616,12 @@ web-daterangepicker {
8406
8616
  .pa-table th {
8407
8617
  background-color: var(--pa-table-header-bg);
8408
8618
  font-weight: 600;
8409
- color: var(--pa-text-primary);
8619
+ color: var(--pa-text-color-1);
8410
8620
  border-bottom: 2px solid var(--pa-border-color);
8411
8621
  }
8412
8622
 
8413
8623
  .pa-table td {
8414
- color: var(--pa-text-primary);
8624
+ color: var(--pa-text-color-1);
8415
8625
  background-color: var(--pa-table-bg);
8416
8626
  height: 3.5rem0.8rem;
8417
8627
  }
@@ -8532,7 +8742,7 @@ web-daterangepicker {
8532
8742
  }
8533
8743
 
8534
8744
  .pa-pager__text {
8535
- color: var(--pa-text-secondary);
8745
+ color: var(--pa-text-color-2);
8536
8746
  font-size: 1.4rem;
8537
8747
  }
8538
8748
 
@@ -8573,7 +8783,7 @@ web-daterangepicker {
8573
8783
  background-color: transparent;
8574
8784
  border: 1px solid var(--pa-border-color);
8575
8785
  border-radius: 4px;
8576
- color: var(--pa-text-primary);
8786
+ color: var(--pa-text-color-1);
8577
8787
  font-size: 1.4rem;
8578
8788
  cursor: pointer;
8579
8789
  transition: all 0.1s ease-out;
@@ -8607,7 +8817,7 @@ web-daterangepicker {
8607
8817
  }
8608
8818
 
8609
8819
  .pa-load-more__count {
8610
- color: var(--pa-text-secondary);
8820
+ color: var(--pa-text-color-2);
8611
8821
  font-size: 1.2rem;
8612
8822
  margin-left: 0.4rem;
8613
8823
  }
@@ -8637,7 +8847,7 @@ web-daterangepicker {
8637
8847
  font-weight: 600;
8638
8848
  border-right: 1px solid var(--pa-border-color);
8639
8849
  background: var(--pa-table-header-bg);
8640
- color: var(--pa-text-primary);
8850
+ color: var(--pa-text-color-1);
8641
8851
  }
8642
8852
 
8643
8853
  .pa-virtual-table__header-cell:last-child {
@@ -8669,7 +8879,7 @@ web-daterangepicker {
8669
8879
  overflow: hidden;
8670
8880
  text-overflow: ellipsis;
8671
8881
  white-space: nowrap;
8672
- color: var(--pa-text-primary);
8882
+ color: var(--pa-text-color-1);
8673
8883
  background-color: inherit;
8674
8884
  }
8675
8885
 
@@ -8774,7 +8984,7 @@ web-daterangepicker {
8774
8984
  content: attr(data-label);
8775
8985
  display: block;
8776
8986
  font-weight: 600;
8777
- color: var(--pa-text-secondary);
8987
+ color: var(--pa-text-color-2);
8778
8988
  font-size: 1.2rem;
8779
8989
  margin-bottom: 0.4rem;
8780
8990
  text-transform: uppercase;
@@ -8853,8 +9063,8 @@ web-daterangepicker {
8853
9063
 
8854
9064
  .pa-comparison-table__label {
8855
9065
  font-weight: 500;
8856
- color: var(--pa-text-secondary);
8857
- background-color: var(--pa-primary-bg);
9066
+ color: var(--pa-text-color-2);
9067
+ background-color: var(--pa-main-bg);
8858
9068
  }
8859
9069
 
8860
9070
  .pa-comparison-table__value {
@@ -8924,7 +9134,7 @@ tbody tr:hover .pa-comparison-table__copy {
8924
9134
  .pa-comparison-table__section td {
8925
9135
  background-color: var(--pa-table-header-bg);
8926
9136
  font-weight: 600;
8927
- color: var(--pa-text-secondary);
9137
+ color: var(--pa-text-color-2);
8928
9138
  padding: 0.4rem 1.6rem;
8929
9139
  border-top: 2px solid var(--pa-border-color);
8930
9140
  border-bottom: 1px solid var(--pa-border-color);
@@ -8985,8 +9195,8 @@ code {
8985
9195
  font-family: "Courier New", Courier, monospace;
8986
9196
  font-size: 1.4rem;
8987
9197
  line-height: 1.8;
8988
- background-color: var(--pa-primary-bg);
8989
- color: var(--pa-text-primary);
9198
+ background-color: var(--pa-main-bg);
9199
+ color: var(--pa-text-color-1);
8990
9200
  border: 1px solid var(--pa-border-color);
8991
9201
  border-radius: 4px;
8992
9202
  overflow-x: auto;
@@ -9062,7 +9272,7 @@ code {
9062
9272
  .pa-code-block__title {
9063
9273
  font-size: 1.4rem;
9064
9274
  font-weight: 600;
9065
- color: var(--pa-text-secondary);
9275
+ color: var(--pa-text-color-2);
9066
9276
  margin: 0;
9067
9277
  }
9068
9278
 
@@ -9090,7 +9300,7 @@ code {
9090
9300
  }
9091
9301
 
9092
9302
  .pa-code-comment {
9093
- color: var(--pa-text-secondary);
9303
+ color: var(--pa-text-color-2);
9094
9304
  font-style: italic;
9095
9305
  }
9096
9306
 
@@ -9159,7 +9369,7 @@ code {
9159
9369
  }
9160
9370
 
9161
9371
  .pa-pager__text {
9162
- color: var(--pa-text-secondary);
9372
+ color: var(--pa-text-color-2);
9163
9373
  font-size: 1.4rem;
9164
9374
  }
9165
9375
 
@@ -9200,7 +9410,7 @@ code {
9200
9410
  background-color: transparent;
9201
9411
  border: 1px solid var(--pa-border-color);
9202
9412
  border-radius: 4px;
9203
- color: var(--pa-text-primary);
9413
+ color: var(--pa-text-color-1);
9204
9414
  font-size: 1.4rem;
9205
9415
  cursor: pointer;
9206
9416
  transition: all 0.1s ease-out;
@@ -9225,7 +9435,7 @@ code {
9225
9435
  width: 1.6rem;
9226
9436
  height: 1.6rem;
9227
9437
  border: 2px solid var(--pa-border-color);
9228
- border-top: 2px solid #D40511;
9438
+ border-top: 2px solid #007bff;
9229
9439
  border-radius: 50%;
9230
9440
  }
9231
9441
 
@@ -9234,7 +9444,7 @@ code {
9234
9444
  }
9235
9445
 
9236
9446
  .pa-load-more__count {
9237
- color: var(--pa-text-secondary);
9447
+ color: var(--pa-text-color-2);
9238
9448
  font-size: 1.2rem;
9239
9449
  margin-left: 0.4rem;
9240
9450
  }
@@ -9243,14 +9453,25 @@ code {
9243
9453
  Profile Panel Components
9244
9454
  Profile panel and header button
9245
9455
  ======================================== */
9456
+ :root {
9457
+ --pa-local-profile-panel-width: 20vw;
9458
+ --pa-local-profile-panel-max-width: 48rem;
9459
+ }
9460
+
9461
+ :where(.pa-profile-panel__content) {
9462
+ width: var(--pa-local-profile-panel-width);
9463
+ max-width: var(--pa-local-profile-panel-max-width);
9464
+ }
9465
+
9246
9466
  .pa-header__profile-btn {
9247
9467
  display: flex;
9248
9468
  align-items: center;
9469
+ gap: 0.4rem;
9249
9470
  background: none;
9250
9471
  border: none;
9251
9472
  padding: 0.4rem 0.8rem;
9252
9473
  border-radius: 4px;
9253
- color: var(--pa-text-primary);
9474
+ color: var(--pa-header-text);
9254
9475
  cursor: pointer;
9255
9476
  font-size: 1.4rem;
9256
9477
  transition: background-color 0.1s ease-out;
@@ -9267,7 +9488,7 @@ code {
9267
9488
 
9268
9489
  .pa-header__profile-name {
9269
9490
  font-weight: 500;
9270
- color: #000000;
9491
+ color: var(--pa-header-profile-name-color);
9271
9492
  }
9272
9493
 
9273
9494
  .pa-profile-panel {
@@ -9306,8 +9527,6 @@ code {
9306
9527
  position: absolute;
9307
9528
  top: 0;
9308
9529
  right: 0;
9309
- width: 20vw;
9310
- max-width: 48rem;
9311
9530
  height: 100vh;
9312
9531
  background-color: var(--pa-card-bg);
9313
9532
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
@@ -9358,7 +9577,7 @@ code {
9358
9577
  margin: 0 0 0.4rem 0;
9359
9578
  font-size: 1.8rem;
9360
9579
  font-weight: 600;
9361
- color: var(--pa-text-primary);
9580
+ color: var(--pa-text-color-1);
9362
9581
  overflow: hidden;
9363
9582
  text-overflow: ellipsis;
9364
9583
  white-space: nowrap;
@@ -9367,7 +9586,7 @@ code {
9367
9586
  .pa-profile-panel__email {
9368
9587
  margin: 0 0 0.8rem 0;
9369
9588
  font-size: 1.4rem;
9370
- color: var(--pa-text-secondary);
9589
+ color: var(--pa-text-color-2);
9371
9590
  overflow: hidden;
9372
9591
  text-overflow: ellipsis;
9373
9592
  white-space: nowrap;
@@ -9397,7 +9616,7 @@ code {
9397
9616
  display: flex;
9398
9617
  align-items: center;
9399
9618
  justify-content: center;
9400
- color: var(--pa-text-secondary);
9619
+ color: var(--pa-text-color-2);
9401
9620
  border-radius: 4px;
9402
9621
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
9403
9622
  }
@@ -9436,7 +9655,7 @@ code {
9436
9655
  align-items: center;
9437
9656
  gap: 1.2rem;
9438
9657
  padding: 0.8rem 1.6rem;
9439
- color: var(--pa-text-primary);
9658
+ color: var(--pa-text-color-1);
9440
9659
  text-decoration: none;
9441
9660
  border-radius: 4px;
9442
9661
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
@@ -9506,6 +9725,10 @@ code {
9506
9725
  border-bottom-color: var(--pa-accent);
9507
9726
  }
9508
9727
 
9728
+ .pa-profile-panel__tabs--icon-only .pa-profile-panel__tab-text {
9729
+ display: none;
9730
+ }
9731
+
9509
9732
  .pa-profile-panel__favorites ul {
9510
9733
  list-style: none;
9511
9734
  margin: 0;
@@ -9521,7 +9744,7 @@ code {
9521
9744
  align-items: center;
9522
9745
  gap: 1.2rem;
9523
9746
  padding: 0.8rem 1.6rem;
9524
- color: var(--pa-text-primary);
9747
+ color: var(--pa-text-color-1);
9525
9748
  text-decoration: none;
9526
9749
  border-radius: 4px;
9527
9750
  cursor: pointer;
@@ -9558,7 +9781,7 @@ code {
9558
9781
  background: none;
9559
9782
  border: none;
9560
9783
  padding: 0.4rem;
9561
- color: var(--pa-text-secondary);
9784
+ color: var(--pa-text-color-2);
9562
9785
  cursor: pointer;
9563
9786
  border-radius: 4px;
9564
9787
  font-size: 1.4rem;
@@ -9567,7 +9790,7 @@ code {
9567
9790
  }
9568
9791
 
9569
9792
  .pa-profile-panel__favorite-remove:hover {
9570
- color: var(--pa-danger);
9793
+ color: var(--pa-danger-bg);
9571
9794
  background-color: var(--pa-danger-bg-light);
9572
9795
  }
9573
9796
 
@@ -9675,14 +9898,14 @@ code {
9675
9898
  margin: 0;
9676
9899
  font-size: 1.8rem;
9677
9900
  font-weight: 600;
9678
- color: var(--pa-text-primary);
9901
+ color: var(--pa-text-color-1);
9679
9902
  }
9680
9903
 
9681
9904
  .pa-modal__body {
9682
9905
  padding: 1.2rem 1.6rem;
9683
9906
  flex: 1;
9684
9907
  overflow-y: auto;
9685
- color: var(--pa-text-primary);
9908
+ color: var(--pa-text-color-1);
9686
9909
  }
9687
9910
 
9688
9911
  .pa-modal__footer {
@@ -9881,13 +10104,13 @@ code {
9881
10104
  .pa-toast__title {
9882
10105
  font-weight: 600;
9883
10106
  margin: 0 0 0.4rem 0;
9884
- color: var(--pa-text-primary);
10107
+ color: var(--pa-text-color-1);
9885
10108
  font-size: 1.4rem;
9886
10109
  }
9887
10110
 
9888
10111
  .pa-toast__message {
9889
10112
  margin: 0;
9890
- color: var(--pa-text-secondary);
10113
+ color: var(--pa-text-color-2);
9891
10114
  font-size: 1.4rem;
9892
10115
  line-height: 1.5;
9893
10116
  }
@@ -9896,7 +10119,7 @@ code {
9896
10119
  flex-shrink: 0;
9897
10120
  background: none;
9898
10121
  border: none;
9899
- color: var(--pa-text-secondary);
10122
+ color: var(--pa-text-color-2);
9900
10123
  cursor: pointer;
9901
10124
  padding: 0;
9902
10125
  width: 2.4rem;
@@ -9912,7 +10135,7 @@ code {
9912
10135
 
9913
10136
  .pa-toast__close:hover {
9914
10137
  background-color: var(--pa-accent-hover);
9915
- color: var(--pa-text-primary);
10138
+ color: var(--pa-text-color-1);
9916
10139
  }
9917
10140
 
9918
10141
  .pa-toast__close:focus {
@@ -10048,81 +10271,81 @@ code {
10048
10271
  top: 0;
10049
10272
  width: 15px;
10050
10273
  height: 15px;
10051
- background: var(--pa-primary-bg);
10052
- border: 1px solid #D40511;
10274
+ background: var(--pa-main-bg);
10275
+ border: 1px solid #007bff;
10053
10276
  border-radius: 50%;
10054
- box-shadow: 3px 3px 0 rgba(212, 5, 17, 0.3);
10277
+ box-shadow: 3px 3px 0 rgba(0, 123, 255, 0.3);
10055
10278
  }
10056
10279
 
10057
10280
  .pa-timeline--simple .pa-timeline__item--primary::before {
10058
- border-color: #D40511;
10059
- box-shadow: 3px 3px 0 rgba(212, 5, 17, 0.3);
10281
+ border-color: #007bff;
10282
+ box-shadow: 3px 3px 0 rgba(0, 123, 255, 0.3);
10060
10283
  }
10061
10284
 
10062
10285
  .pa-timeline--simple .pa-timeline__item--success::before {
10063
- border-color: #10b981;
10064
- box-shadow: 3px 3px 0 rgba(16, 185, 129, 0.3);
10286
+ border-color: #28a745;
10287
+ box-shadow: 3px 3px 0 rgba(40, 167, 69, 0.3);
10065
10288
  }
10066
10289
 
10067
10290
  .pa-timeline--simple .pa-timeline__item--warning::before {
10068
- border-color: #f59e0b;
10069
- box-shadow: 3px 3px 0 rgba(245, 158, 11, 0.3);
10291
+ border-color: #ffc107;
10292
+ box-shadow: 3px 3px 0 rgba(255, 193, 7, 0.3);
10070
10293
  }
10071
10294
 
10072
10295
  .pa-timeline--simple .pa-timeline__item--danger::before {
10073
- border-color: #98040C;
10074
- box-shadow: 3px 3px 0 rgba(152, 4, 12, 0.3);
10296
+ border-color: #dc3545;
10297
+ box-shadow: 3px 3px 0 rgba(220, 53, 69, 0.3);
10075
10298
  }
10076
10299
 
10077
10300
  .pa-timeline--simple .pa-timeline__item--info::before {
10078
- border-color: #06b6d4;
10079
- box-shadow: 3px 3px 0 rgba(6, 182, 212, 0.3);
10301
+ border-color: #17a2b8;
10302
+ box-shadow: 3px 3px 0 rgba(23, 162, 184, 0.3);
10080
10303
  }
10081
10304
 
10082
10305
  .pa-timeline--simple .pa-timeline__item--secondary::before {
10083
- border-color: var(--pa-text-secondary);
10084
- box-shadow: 3px 3px 0 rgba(var(--pa-text-secondary), 0.3);
10306
+ border-color: var(--pa-text-color-2);
10307
+ box-shadow: 3px 3px 0 rgba(var(--pa-text-color-2), 0.3);
10085
10308
  }
10086
10309
 
10087
10310
  .pa-timeline--simple .pa-timeline__item--filled::before {
10088
- background: #D40511;
10311
+ background: #007bff;
10089
10312
  }
10090
10313
 
10091
10314
  .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--primary::before {
10092
- background: #D40511;
10315
+ background: #007bff;
10093
10316
  }
10094
10317
 
10095
10318
  .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--success::before {
10096
- background: #10b981;
10319
+ background: #28a745;
10097
10320
  }
10098
10321
 
10099
10322
  .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--warning::before {
10100
- background: #f59e0b;
10323
+ background: #ffc107;
10101
10324
  }
10102
10325
 
10103
10326
  .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--danger::before {
10104
- background: #98040C;
10327
+ background: #dc3545;
10105
10328
  }
10106
10329
 
10107
10330
  .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--info::before {
10108
- background: #06b6d4;
10331
+ background: #17a2b8;
10109
10332
  }
10110
10333
 
10111
10334
  .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--secondary::before {
10112
- background: var(--pa-text-secondary);
10335
+ background: var(--pa-text-color-2);
10113
10336
  }
10114
10337
 
10115
10338
  .pa-timeline--simple .pa-timeline__time {
10116
10339
  display: block;
10117
10340
  font-size: 1.4rem;
10118
10341
  font-weight: 600;
10119
- color: var(--pa-text-primary);
10342
+ color: var(--pa-text-color-1);
10120
10343
  margin-bottom: 0.4rem;
10121
10344
  }
10122
10345
 
10123
10346
  .pa-timeline--simple .pa-timeline__content {
10124
10347
  font-size: 1.4rem;
10125
- color: var(--pa-text-secondary);
10348
+ color: var(--pa-text-color-2);
10126
10349
  line-height: 1.8;
10127
10350
  margin-top: 0.6rem;
10128
10351
  }
@@ -10138,7 +10361,7 @@ code {
10138
10361
  content: "";
10139
10362
  position: absolute;
10140
10363
  width: 2px;
10141
- background: #D40511;
10364
+ background: #007bff;
10142
10365
  top: 0;
10143
10366
  bottom: 0;
10144
10367
  left: 50%;
@@ -10177,8 +10400,8 @@ code {
10177
10400
  height: 16px;
10178
10401
  top: calc(50% - 8px);
10179
10402
  right: -8px;
10180
- background: var(--pa-primary-bg);
10181
- border: 2px solid #D40511;
10403
+ background: var(--pa-main-bg);
10404
+ border: 2px solid #007bff;
10182
10405
  border-radius: 50%;
10183
10406
  z-index: 1;
10184
10407
  }
@@ -10190,7 +10413,7 @@ code {
10190
10413
  height: 2px;
10191
10414
  top: calc(50% - 1px);
10192
10415
  right: 8px;
10193
- background: #D40511;
10416
+ background: #007bff;
10194
10417
  z-index: 1;
10195
10418
  }
10196
10419
 
@@ -10219,8 +10442,8 @@ code {
10219
10442
  height: 16px;
10220
10443
  top: calc(50% - 8px);
10221
10444
  left: -8px;
10222
- background: var(--pa-primary-bg);
10223
- border: 2px solid #D40511;
10445
+ background: var(--pa-main-bg);
10446
+ border: 2px solid #007bff;
10224
10447
  border-radius: 50%;
10225
10448
  z-index: 1;
10226
10449
  }
@@ -10232,7 +10455,7 @@ code {
10232
10455
  height: 2px;
10233
10456
  top: calc(50% - 1px);
10234
10457
  left: 8px;
10235
- background: #D40511;
10458
+ background: #007bff;
10236
10459
  z-index: 1;
10237
10460
  }
10238
10461
 
@@ -10243,7 +10466,7 @@ code {
10243
10466
  text-align: center;
10244
10467
  font-size: 1.4rem;
10245
10468
  font-weight: 700;
10246
- color: #D40511;
10469
+ color: #007bff;
10247
10470
  text-transform: uppercase;
10248
10471
  letter-spacing: 1px;
10249
10472
  z-index: 1;
@@ -10257,16 +10480,16 @@ code {
10257
10480
  width: 40px;
10258
10481
  height: 40px;
10259
10482
  top: calc(50% - 20px);
10260
- background: #f59e0b;
10261
- border: 2px solid #D40511;
10483
+ background: #ffc107;
10484
+ border: 2px solid #007bff;
10262
10485
  border-radius: 50%;
10263
10486
  font-size: 1.8rem;
10264
- color: #D40511;
10487
+ color: #007bff;
10265
10488
  z-index: 1;
10266
10489
  }
10267
10490
 
10268
10491
  .pa-timeline--alternating .pa-timeline__content {
10269
- background: #f59e0b;
10492
+ background: #ffc107;
10270
10493
  position: relative;
10271
10494
  }
10272
10495
 
@@ -10274,14 +10497,14 @@ code {
10274
10497
  margin: 0 0 0.8rem 0;
10275
10498
  font-size: 1.8rem;
10276
10499
  font-weight: 400;
10277
- color: var(--pa-text-primary);
10500
+ color: var(--pa-text-color-1);
10278
10501
  }
10279
10502
 
10280
10503
  .pa-timeline--alternating .pa-timeline__content p {
10281
10504
  margin: 0;
10282
10505
  font-size: 1.6rem;
10283
10506
  line-height: 1.8;
10284
- color: #78350f;
10507
+ color: #856404;
10285
10508
  }
10286
10509
 
10287
10510
  @media (max-width: 767px) {
@@ -10441,12 +10664,12 @@ code {
10441
10664
  .pa-timeline--feed .pa-timeline__content {
10442
10665
  flex: 1;
10443
10666
  font-size: 1.4rem;
10444
- color: var(--pa-text-secondary);
10667
+ color: var(--pa-text-color-2);
10445
10668
  line-height: 1.8;
10446
10669
  }
10447
10670
 
10448
10671
  .pa-timeline--feed .pa-timeline__content a {
10449
- color: #D40511;
10672
+ color: #007bff;
10450
10673
  text-decoration: none;
10451
10674
  font-weight: 500;
10452
10675
  }
@@ -10456,7 +10679,7 @@ code {
10456
10679
  }
10457
10680
 
10458
10681
  .pa-timeline--feed .pa-timeline__content time {
10459
- color: var(--pa-text-secondary);
10682
+ color: var(--pa-text-color-2);
10460
10683
  font-size: 1.2rem;
10461
10684
  }
10462
10685
 
@@ -10486,7 +10709,7 @@ code {
10486
10709
 
10487
10710
  .pa-timeline--feed .pa-timeline__comment p {
10488
10711
  margin: 0 0 0.8rem 0;
10489
- color: var(--pa-text-primary);
10712
+ color: var(--pa-text-color-1);
10490
10713
  line-height: 1.8;
10491
10714
  }
10492
10715
 
@@ -10514,7 +10737,7 @@ code {
10514
10737
  .pa-timeline--feed .pa-timeline__date-label {
10515
10738
  font-size: 1.4rem;
10516
10739
  font-weight: 600;
10517
- color: var(--pa-text-primary);
10740
+ color: var(--pa-text-color-1);
10518
10741
  text-transform: uppercase;
10519
10742
  letter-spacing: 0.5px;
10520
10743
  }
@@ -10523,7 +10746,7 @@ code {
10523
10746
  flex-shrink: 0;
10524
10747
  width: 50px;
10525
10748
  font-size: 1.2rem;
10526
- color: var(--pa-text-secondary);
10749
+ color: var(--pa-text-color-2);
10527
10750
  font-weight: 500;
10528
10751
  text-align: right;
10529
10752
  padding-right: 0.8rem;
@@ -10545,7 +10768,7 @@ code {
10545
10768
  .pa-timeline__loader-text {
10546
10769
  margin-top: 0.8rem;
10547
10770
  font-size: 1.4rem;
10548
- color: var(--pa-text-secondary);
10771
+ color: var(--pa-text-color-2);
10549
10772
  }
10550
10773
 
10551
10774
  .pa-timeline__load-more-wrapper {
@@ -10640,18 +10863,18 @@ code {
10640
10863
  border: 1px solid var(--pa-border-color);
10641
10864
  border-radius: 4px;
10642
10865
  background-color: var(--pa-input-bg);
10643
- color: var(--pa-text-primary);
10866
+ color: var(--pa-text-color-1);
10644
10867
  outline: none;
10645
10868
  transition: border-color 0.1s ease-out;
10646
10869
  }
10647
10870
 
10648
10871
  .pa-command-palette__input:focus {
10649
- border-color: #D40511;
10650
- box-shadow: 0 0 0 3px rgba(212, 5, 17, 0.06);
10872
+ border-color: #007bff;
10873
+ box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
10651
10874
  }
10652
10875
 
10653
10876
  .pa-command-palette__input::placeholder {
10654
- color: var(--pa-text-secondary);
10877
+ color: var(--pa-text-color-2);
10655
10878
  opacity: 0.5;
10656
10879
  }
10657
10880
 
@@ -10696,7 +10919,7 @@ code {
10696
10919
  .pa-command-palette__empty {
10697
10920
  padding: 4.8rem 0.8rem;
10698
10921
  text-align: center;
10699
- color: var(--pa-text-secondary);
10922
+ color: var(--pa-text-color-2);
10700
10923
  font-size: 1.4rem;
10701
10924
  }
10702
10925
 
@@ -10706,7 +10929,7 @@ code {
10706
10929
  align-items: center;
10707
10930
  justify-content: center;
10708
10931
  gap: 0.8rem;
10709
- color: var(--pa-text-secondary);
10932
+ color: var(--pa-text-color-2);
10710
10933
  font-size: 1.4rem;
10711
10934
  }
10712
10935
 
@@ -10753,7 +10976,7 @@ code {
10753
10976
  .pa-command-palette__item-title {
10754
10977
  font-size: 1.4rem;
10755
10978
  font-weight: 500;
10756
- color: var(--pa-text-primary);
10979
+ color: var(--pa-text-color-1);
10757
10980
  margin: 0;
10758
10981
  white-space: nowrap;
10759
10982
  overflow: hidden;
@@ -10770,7 +10993,7 @@ code {
10770
10993
 
10771
10994
  .pa-command-palette__item-meta {
10772
10995
  font-size: 1.2rem;
10773
- color: var(--pa-text-secondary);
10996
+ color: var(--pa-text-color-2);
10774
10997
  margin: 0;
10775
10998
  margin-top: 2px;
10776
10999
  white-space: nowrap;
@@ -10782,8 +11005,8 @@ code {
10782
11005
  flex-shrink: 0;
10783
11006
  font-size: 1.2rem;
10784
11007
  padding: 2px 0.4rem;
10785
- background-color: #E5E5E5;
10786
- color: var(--pa-text-secondary);
11008
+ background-color: #e9ecef;
11009
+ color: var(--pa-text-color-2);
10787
11010
  border-radius: 2px;
10788
11011
  }
10789
11012
 
@@ -10793,7 +11016,7 @@ code {
10793
11016
  display: flex;
10794
11017
  gap: 1.6rem;
10795
11018
  font-size: 1.2rem;
10796
- color: var(--pa-text-secondary);
11019
+ color: var(--pa-text-color-2);
10797
11020
  }
10798
11021
 
10799
11022
  .pa-command-palette__hint {
@@ -10804,10 +11027,10 @@ code {
10804
11027
 
10805
11028
  .pa-command-palette__key {
10806
11029
  padding: 2px 0.4rem;
10807
- background-color: #E5E5E5;
11030
+ background-color: #e9ecef;
10808
11031
  border: 1px solid var(--pa-border-color);
10809
11032
  border-radius: 2px;
10810
- font-family: "Fira Sans Condensed", "Arial Narrow", "Arial", sans-serif;
11033
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
10811
11034
  font-weight: 500;
10812
11035
  font-size: 1rem;
10813
11036
  line-height: 1;
@@ -10817,7 +11040,7 @@ code {
10817
11040
  padding: 0.8rem 0.8rem 0.4rem;
10818
11041
  font-size: 1.2rem;
10819
11042
  font-weight: 600;
10820
- color: var(--pa-text-secondary);
11043
+ color: var(--pa-text-color-2);
10821
11044
  text-transform: uppercase;
10822
11045
  letter-spacing: 0.5px;
10823
11046
  }
@@ -10826,7 +11049,7 @@ code {
10826
11049
  padding: 0.4rem 0.8rem;
10827
11050
  text-align: center;
10828
11051
  font-size: 1.2rem;
10829
- color: var(--pa-text-secondary);
11052
+ color: var(--pa-text-color-2);
10830
11053
  border-top: 1px solid var(--pa-border-color);
10831
11054
  }
10832
11055
 
@@ -10876,13 +11099,13 @@ code {
10876
11099
  }
10877
11100
 
10878
11101
  .pa-navbar-search:hover {
10879
- border-color: #D40511;
11102
+ border-color: #007bff;
10880
11103
  }
10881
11104
 
10882
11105
  .pa-navbar-search:focus {
10883
11106
  outline: none;
10884
- border-color: #D40511;
10885
- box-shadow: 0 0 0 3px rgba(212, 5, 17, 0.06);
11107
+ border-color: #007bff;
11108
+ box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
10886
11109
  }
10887
11110
 
10888
11111
  .pa-navbar-search--xs {
@@ -10917,7 +11140,7 @@ code {
10917
11140
 
10918
11141
  .pa-navbar-search__placeholder {
10919
11142
  flex: 1;
10920
- color: var(--pa-text-secondary);
11143
+ color: var(--pa-text-color-2);
10921
11144
  white-space: nowrap;
10922
11145
  overflow: hidden;
10923
11146
  text-overflow: ellipsis;
@@ -10937,11 +11160,11 @@ code {
10937
11160
  min-width: 2rem;
10938
11161
  height: 2rem;
10939
11162
  padding: 0 0.4rem;
10940
- font-family: "Fira Sans Condensed", "Arial Narrow", "Arial", sans-serif;
11163
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
10941
11164
  font-size: 1rem;
10942
11165
  font-weight: 500;
10943
- color: var(--pa-text-secondary);
10944
- background-color: #E5E5E5;
11166
+ color: var(--pa-text-color-2);
11167
+ background-color: #e9ecef;
10945
11168
  border: 1px solid var(--pa-border-color);
10946
11169
  border-radius: 2px;
10947
11170
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
@@ -10976,7 +11199,7 @@ code {
10976
11199
  font-weight: 600;
10977
11200
  text-transform: uppercase;
10978
11201
  letter-spacing: 0.5px;
10979
- color: var(--pa-text-secondary);
11202
+ color: var(--pa-text-color-2);
10980
11203
  margin: 0;
10981
11204
  padding-bottom: 0.4rem;
10982
11205
  border-bottom: 1px solid var(--pa-border-color);
@@ -11010,29 +11233,29 @@ code {
11010
11233
  min-width: 2.4rem;
11011
11234
  height: 2.4rem;
11012
11235
  padding: 0 0.4rem;
11013
- font-family: "Fira Sans Condensed", "Arial Narrow", "Arial", sans-serif;
11236
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
11014
11237
  font-size: 1rem;
11015
11238
  font-weight: 500;
11016
- color: var(--pa-text-primary);
11017
- background-color: #E5E5E5;
11239
+ color: var(--pa-text-color-1);
11240
+ background-color: #e9ecef;
11018
11241
  border: 1px solid var(--pa-border-color);
11019
11242
  border-radius: 2px;
11020
11243
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
11021
11244
  }
11022
11245
 
11023
11246
  .pa-shortcut-help__separator {
11024
- color: var(--pa-text-secondary);
11247
+ color: var(--pa-text-color-2);
11025
11248
  font-size: 1.2rem;
11026
11249
  }
11027
11250
 
11028
11251
  .pa-shortcut-help__description {
11029
- color: var(--pa-text-primary);
11252
+ color: var(--pa-text-color-1);
11030
11253
  font-size: 1.4rem;
11031
11254
  }
11032
11255
 
11033
11256
  .pa-shortcut-help__empty {
11034
11257
  text-align: center;
11035
- color: var(--pa-text-secondary);
11258
+ color: var(--pa-text-color-2);
11036
11259
  padding: 3.2rem;
11037
11260
  }
11038
11261
 
@@ -11045,18 +11268,18 @@ code {
11045
11268
  background: #f9fafb;
11046
11269
  border-radius: 4px;
11047
11270
  min-height: 6.4rem;
11048
- font-family: "Fira Sans Condensed", "Arial Narrow", "Arial", sans-serif;
11271
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
11049
11272
  }
11050
11273
 
11051
11274
  .pa-logic-tree__empty {
11052
11275
  text-align: center;
11053
- color: var(--pa-text-secondary);
11276
+ color: var(--pa-text-color-2);
11054
11277
  padding: 3.2rem;
11055
11278
  font-style: italic;
11056
11279
  }
11057
11280
 
11058
11281
  .pa-logic-tree__empty-branch {
11059
- color: var(--pa-text-secondary);
11282
+ color: var(--pa-text-color-2);
11060
11283
  font-style: italic;
11061
11284
  padding: 0.8rem 1.2rem;
11062
11285
  background: #f9fafb;
@@ -11088,7 +11311,7 @@ code {
11088
11311
 
11089
11312
  .pa-logic-tree__block--condition {
11090
11313
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
11091
- border-color: var(--pa-primary-bg);
11314
+ border-color: var(--pa-main-bg);
11092
11315
  border-left-width: 6.4px;
11093
11316
  }
11094
11317
 
@@ -11098,12 +11321,12 @@ code {
11098
11321
  }
11099
11322
 
11100
11323
  .pa-logic-tree__block--and {
11101
- border-color: #f59e0b;
11324
+ border-color: #ffc107;
11102
11325
  background: linear-gradient(135deg, #fff8e1 0%, #ffffff 100%);
11103
11326
  }
11104
11327
 
11105
11328
  .pa-logic-tree__block--or {
11106
- border-color: #06b6d4;
11329
+ border-color: #17a2b8;
11107
11330
  background: linear-gradient(135deg, #e3f2fd 0%, #ffffff 100%);
11108
11331
  }
11109
11332
 
@@ -11205,10 +11428,10 @@ code {
11205
11428
  .pa-logic-tree__group-label {
11206
11429
  font-weight: 500;
11207
11430
  font-size: 1.4rem;
11208
- color: var(--pa-text-secondary);
11431
+ color: var(--pa-text-color-2);
11209
11432
  margin-bottom: 0.8rem;
11210
11433
  padding-bottom: 0.8rem;
11211
- border-bottom: 1.6px dashed #E5E5E5;
11434
+ border-bottom: 1.6px dashed #e1e5e9;
11212
11435
  }
11213
11436
 
11214
11437
  .pa-logic-tree__group-content {
@@ -11303,7 +11526,7 @@ code {
11303
11526
  background: none;
11304
11527
  border: none;
11305
11528
  border-radius: 4px;
11306
- color: var(--pa-text-primary);
11529
+ color: var(--pa-header-text);
11307
11530
  cursor: pointer;
11308
11531
  transition: background-color 0.1s ease-out;
11309
11532
  }
@@ -11329,7 +11552,7 @@ code {
11329
11552
  min-width: 1.6rem;
11330
11553
  height: 1.6rem;
11331
11554
  padding: 0 0.4rem;
11332
- background-color: #98040C;
11555
+ background-color: #dc3545;
11333
11556
  color: #ffffff;
11334
11557
  font-size: 1rem;
11335
11558
  font-weight: 600;
@@ -11373,14 +11596,14 @@ code {
11373
11596
  margin: 0;
11374
11597
  font-size: 1.4rem;
11375
11598
  font-weight: 600;
11376
- color: var(--pa-text-primary);
11599
+ color: var(--pa-text-color-1);
11377
11600
  }
11378
11601
 
11379
11602
  .pa-notifications__mark-read {
11380
11603
  background: none;
11381
11604
  border: none;
11382
11605
  padding: 0;
11383
- color: #D40511;
11606
+ color: #007bff;
11384
11607
  font-size: 1.4rem;
11385
11608
  font-weight: 500;
11386
11609
  cursor: pointer;
@@ -11388,7 +11611,7 @@ code {
11388
11611
  }
11389
11612
 
11390
11613
  .pa-notifications__mark-read:hover {
11391
- color: rgba(212, 5, 17, 0.12);
11614
+ color: rgba(0, 123, 255, 0.12);
11392
11615
  }
11393
11616
 
11394
11617
  .pa-notifications__list {
@@ -11417,11 +11640,11 @@ code {
11417
11640
  }
11418
11641
 
11419
11642
  .pa-notifications__item--unread {
11420
- background-color: rgba(212, 5, 17, 0.05);
11643
+ background-color: rgba(0, 123, 255, 0.05);
11421
11644
  }
11422
11645
 
11423
11646
  .pa-notifications__item--unread:hover {
11424
- background-color: rgba(212, 5, 17, 0.1);
11647
+ background-color: rgba(0, 123, 255, 0.1);
11425
11648
  }
11426
11649
 
11427
11650
  .pa-notifications__icon-wrapper {
@@ -11438,28 +11661,28 @@ code {
11438
11661
  }
11439
11662
 
11440
11663
  .pa-notifications__icon-wrapper--primary {
11441
- background-color: rgba(212, 5, 17, 0.1);
11442
- color: #D40511;
11664
+ background-color: rgba(0, 123, 255, 0.1);
11665
+ color: #007bff;
11443
11666
  }
11444
11667
 
11445
11668
  .pa-notifications__icon-wrapper--success {
11446
- background-color: rgba(16, 185, 129, 0.1);
11447
- color: #10b981;
11669
+ background-color: rgba(40, 167, 69, 0.1);
11670
+ color: #28a745;
11448
11671
  }
11449
11672
 
11450
11673
  .pa-notifications__icon-wrapper--warning {
11451
- background-color: rgba(245, 158, 11, 0.1);
11452
- color: #f59e0b;
11674
+ background-color: rgba(255, 193, 7, 0.1);
11675
+ color: #ffc107;
11453
11676
  }
11454
11677
 
11455
11678
  .pa-notifications__icon-wrapper--danger {
11456
- background-color: rgba(152, 4, 12, 0.1);
11457
- color: #98040C;
11679
+ background-color: rgba(220, 53, 69, 0.1);
11680
+ color: #dc3545;
11458
11681
  }
11459
11682
 
11460
11683
  .pa-notifications__icon-wrapper--secondary {
11461
- background-color: rgba(var(--pa-text-secondary), 0.1);
11462
- color: var(--pa-text-secondary);
11684
+ background-color: rgba(var(--pa-text-color-2), 0.1);
11685
+ color: var(--pa-text-color-2);
11463
11686
  }
11464
11687
 
11465
11688
  .pa-notifications__content {
@@ -11471,13 +11694,13 @@ code {
11471
11694
  margin: 0 0 0.2rem 0;
11472
11695
  font-size: 1.2rem;
11473
11696
  font-weight: 600;
11474
- color: var(--pa-text-primary);
11697
+ color: var(--pa-text-color-1);
11475
11698
  }
11476
11699
 
11477
11700
  .pa-notifications__content p {
11478
11701
  margin: 0 0 0.2rem 0;
11479
11702
  font-size: 1.2rem;
11480
- color: var(--pa-text-secondary);
11703
+ color: var(--pa-text-color-2);
11481
11704
  line-height: 1.3;
11482
11705
  overflow: hidden;
11483
11706
  text-overflow: ellipsis;
@@ -11488,7 +11711,7 @@ code {
11488
11711
 
11489
11712
  .pa-notifications__time {
11490
11713
  font-size: 1rem;
11491
- color: var(--pa-text-secondary);
11714
+ color: var(--pa-text-color-2);
11492
11715
  font-weight: 400;
11493
11716
  opacity: 0.7;
11494
11717
  }
@@ -11500,7 +11723,7 @@ code {
11500
11723
  }
11501
11724
 
11502
11725
  .pa-notifications__footer a {
11503
- color: #D40511;
11726
+ color: #007bff;
11504
11727
  font-size: 1.4rem;
11505
11728
  font-weight: 500;
11506
11729
  text-decoration: none;
@@ -11508,7 +11731,7 @@ code {
11508
11731
  }
11509
11732
 
11510
11733
  .pa-notifications__footer a:hover {
11511
- color: rgba(212, 5, 17, 0.12);
11734
+ color: rgba(0, 123, 255, 0.12);
11512
11735
  }
11513
11736
 
11514
11737
  @media (max-width: 768px) {
@@ -11518,6 +11741,60 @@ code {
11518
11741
  right: -1.6rem;
11519
11742
  }
11520
11743
  }
11744
+ .pa-notifications__list--page {
11745
+ max-height: none;
11746
+ overflow: visible;
11747
+ }
11748
+
11749
+ .pa-notifications__list--page .pa-notifications__item {
11750
+ padding: 1.6rem 2.4rem;
11751
+ }
11752
+
11753
+ .pa-notifications__list--page .pa-notifications__icon-wrapper {
11754
+ width: 4rem;
11755
+ height: 4rem;
11756
+ font-size: 1.8rem;
11757
+ }
11758
+
11759
+ .pa-notifications__list--page .pa-notifications__content h4 {
11760
+ font-size: 1.4rem;
11761
+ margin-bottom: 0.4rem;
11762
+ }
11763
+
11764
+ .pa-notifications__list--page .pa-notifications__content p {
11765
+ font-size: 1.4rem;
11766
+ -webkit-line-clamp: 3;
11767
+ }
11768
+
11769
+ .pa-notifications__list--page .pa-notifications__time {
11770
+ font-size: 1.2rem;
11771
+ }
11772
+
11773
+ .pa-notifications__actions {
11774
+ display: flex;
11775
+ gap: 0.4rem;
11776
+ flex-shrink: 0;
11777
+ opacity: 0;
11778
+ transition: opacity 0.1s ease-out;
11779
+ }
11780
+
11781
+ .pa-notifications__item:hover .pa-notifications__actions {
11782
+ opacity: 1;
11783
+ }
11784
+
11785
+ @media (max-width: 768px) {
11786
+ .pa-notifications__list--page .pa-notifications__item {
11787
+ flex-wrap: wrap;
11788
+ }
11789
+ .pa-notifications__list--page .pa-notifications__actions {
11790
+ opacity: 1;
11791
+ width: 100%;
11792
+ justify-content: flex-end;
11793
+ margin-top: 0.8rem;
11794
+ padding-top: 0.8rem;
11795
+ border-top: 1px solid var(--pa-border-color);
11796
+ }
11797
+ }
11521
11798
  /* ========================================
11522
11799
  Popconfirm Component
11523
11800
  Small confirmation dialog anchored to trigger button
@@ -11561,7 +11838,7 @@ code {
11561
11838
  .pa-popconfirm__message p {
11562
11839
  margin: 0;
11563
11840
  font-size: 1.4rem;
11564
- color: var(--pa-text-primary);
11841
+ color: var(--pa-text-color-1);
11565
11842
  line-height: 1.5;
11566
11843
  }
11567
11844
 
@@ -11598,7 +11875,7 @@ code {
11598
11875
  display: flex;
11599
11876
  gap: 0.8rem;
11600
11877
  justify-content: flex-end;
11601
- background-color: rgba(229, 229, 229, 0.3);
11878
+ background-color: rgba(225, 229, 233, 0.3);
11602
11879
  }
11603
11880
 
11604
11881
  .pa-popconfirm__actions .pa-btn {
@@ -11685,7 +11962,7 @@ code {
11685
11962
  top: 0;
11686
11963
  width: 40px;
11687
11964
  height: 40px;
11688
- background: #D40511;
11965
+ background: #007bff;
11689
11966
  color: white;
11690
11967
  border: none;
11691
11968
  border-radius: 4px 0 0 4px;
@@ -11699,13 +11976,13 @@ code {
11699
11976
  }
11700
11977
 
11701
11978
  .pa-settings-panel__toggle:hover {
11702
- background: rgba(212, 5, 17, 0.12);
11979
+ background: rgba(0, 123, 255, 0.12);
11703
11980
  width: 45px;
11704
11981
  right: 325px;
11705
11982
  }
11706
11983
 
11707
11984
  .pa-settings-panel__content {
11708
- background: var(--pa-content-bg);
11985
+ background: var(--pa-subtle-bg);
11709
11986
  border: 1px solid var(--pa-border-color);
11710
11987
  border-right: none;
11711
11988
  border-radius: 4px 0 0 4px;
@@ -11722,7 +11999,7 @@ code {
11722
11999
  margin: 0 0 2.4rem 0;
11723
12000
  padding-bottom: 1.2rem;
11724
12001
  border-bottom: 2px solid var(--pa-border-color);
11725
- color: var(--pa-text-primary);
12002
+ color: var(--pa-text-color-1);
11726
12003
  font-size: 1.8rem;
11727
12004
  font-weight: 600;
11728
12005
  }
@@ -11738,7 +12015,7 @@ code {
11738
12015
  .pa-settings-panel__label {
11739
12016
  display: block;
11740
12017
  margin-bottom: 0.8rem;
11741
- color: var(--pa-text-primary);
12018
+ color: var(--pa-text-color-1);
11742
12019
  font-size: 1.4rem;
11743
12020
  font-weight: 500;
11744
12021
  }
@@ -11749,15 +12026,15 @@ code {
11749
12026
  border: 1px solid var(--pa-border-color);
11750
12027
  border-radius: 4px;
11751
12028
  background: var(--pa-input-bg);
11752
- color: var(--pa-text-primary);
12029
+ color: var(--pa-text-color-1);
11753
12030
  font-size: 1.4rem;
11754
12031
  cursor: pointer;
11755
12032
  }
11756
12033
 
11757
12034
  .pa-settings-panel__select:focus {
11758
12035
  outline: none;
11759
- border-color: #D40511;
11760
- box-shadow: 0 0 0 3px rgba(212, 5, 17, 0.06);
12036
+ border-color: #007bff;
12037
+ box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
11761
12038
  }
11762
12039
 
11763
12040
  .pa-settings-panel__checkbox-group {
@@ -11770,7 +12047,7 @@ code {
11770
12047
  display: flex;
11771
12048
  align-items: center;
11772
12049
  cursor: pointer;
11773
- color: var(--pa-text-primary);
12050
+ color: var(--pa-text-color-1);
11774
12051
  font-size: 1.4rem;
11775
12052
  }
11776
12053
 
@@ -11780,7 +12057,7 @@ code {
11780
12057
  }
11781
12058
 
11782
12059
  .pa-settings-panel__checkbox:hover {
11783
- color: #D40511;
12060
+ color: #007bff;
11784
12061
  }
11785
12062
 
11786
12063
  .pa-settings-panel--open {
@@ -11788,7 +12065,7 @@ code {
11788
12065
  }
11789
12066
 
11790
12067
  .pa-settings-panel--open .pa-settings-panel__toggle {
11791
- background: rgba(212, 5, 17, 0.12);
12068
+ background: rgba(0, 123, 255, 0.12);
11792
12069
  transform: rotate(180deg);
11793
12070
  }
11794
12071
 
@@ -12009,6 +12286,21 @@ html.font-size-4xl {
12009
12286
  overflow: visible;
12010
12287
  }
12011
12288
 
12289
+ .overflow-overlay {
12290
+ overflow: auto;
12291
+ overflow: overlay;
12292
+ }
12293
+
12294
+ .overflow-y-overlay {
12295
+ overflow-y: auto;
12296
+ overflow-y: overlay;
12297
+ }
12298
+
12299
+ .overflow-x-overlay {
12300
+ overflow-x: auto;
12301
+ overflow-x: overlay;
12302
+ }
12303
+
12012
12304
  .cursor-pointer {
12013
12305
  cursor: pointer;
12014
12306
  }
@@ -12055,7 +12347,7 @@ html.font-size-4xl {
12055
12347
 
12056
12348
  .pa-text {
12057
12349
  font-size: 1.4rem;
12058
- color: var(--pa-text-primary);
12350
+ color: var(--pa-text-color-1);
12059
12351
  }
12060
12352
 
12061
12353
  .pa-text--xs {
@@ -12075,11 +12367,11 @@ html.font-size-4xl {
12075
12367
  }
12076
12368
 
12077
12369
  .pa-text--primary {
12078
- color: var(--pa-text-primary);
12370
+ color: var(--pa-text-color-1);
12079
12371
  }
12080
12372
 
12081
12373
  .pa-text--secondary {
12082
- color: var(--pa-text-secondary);
12374
+ color: var(--pa-text-color-2);
12083
12375
  }
12084
12376
 
12085
12377
  .pa-text--left {
@@ -12096,7 +12388,7 @@ html.font-size-4xl {
12096
12388
 
12097
12389
  .pa-text--caption {
12098
12390
  font-size: 1.2rem;
12099
- color: var(--pa-text-secondary);
12391
+ color: var(--pa-text-color-2);
12100
12392
  margin-bottom: 0.8rem;
12101
12393
  }
12102
12394
 
@@ -12109,124 +12401,140 @@ html.font-size-4xl {
12109
12401
  gap: 0;
12110
12402
  }
12111
12403
 
12112
- .gap-xs {
12113
- gap: 0.4rem;
12404
+ .row-gap-0 {
12405
+ row-gap: 0;
12114
12406
  }
12115
12407
 
12116
- .gap-sm {
12117
- gap: 0.8rem;
12408
+ .column-gap-0 {
12409
+ column-gap: 0;
12118
12410
  }
12119
12411
 
12120
- .gap-md {
12121
- gap: 1.2rem;
12412
+ .gap-xs {
12413
+ gap: 0.4rem;
12122
12414
  }
12123
12415
 
12124
- .gap-base {
12125
- gap: 1.6rem;
12416
+ .row-gap-xs {
12417
+ row-gap: 0.4rem;
12126
12418
  }
12127
12419
 
12128
- .gap-lg {
12129
- gap: 2.4rem;
12420
+ .column-gap-xs {
12421
+ column-gap: 0.4rem;
12130
12422
  }
12131
12423
 
12132
- .gap-xl {
12133
- gap: 3.2rem;
12424
+ .gap-sm {
12425
+ gap: 0.8rem;
12134
12426
  }
12135
12427
 
12136
- .gap-2xl {
12137
- gap: 4.8rem;
12428
+ .row-gap-sm {
12429
+ row-gap: 0.8rem;
12138
12430
  }
12139
12431
 
12140
- .gap-1 {
12141
- gap: 0.1rem;
12432
+ .column-gap-sm {
12433
+ column-gap: 0.8rem;
12142
12434
  }
12143
12435
 
12144
- .gap-2 {
12145
- gap: 0.2rem;
12436
+ .gap-md {
12437
+ gap: 1.2rem;
12146
12438
  }
12147
12439
 
12148
- .gap-3 {
12149
- gap: 0.3rem;
12440
+ .row-gap-md {
12441
+ row-gap: 1.2rem;
12150
12442
  }
12151
12443
 
12152
- .gap-4 {
12153
- gap: 0.4rem;
12444
+ .column-gap-md {
12445
+ column-gap: 1.2rem;
12154
12446
  }
12155
12447
 
12156
- .gap-5 {
12157
- gap: 0.5rem;
12448
+ .gap-base {
12449
+ gap: 1.6rem;
12158
12450
  }
12159
12451
 
12160
- .gap-6 {
12161
- gap: 0.6rem;
12452
+ .row-gap-base {
12453
+ row-gap: 1.6rem;
12162
12454
  }
12163
12455
 
12164
- .gap-8 {
12165
- gap: 0.8rem;
12456
+ .column-gap-base {
12457
+ column-gap: 1.6rem;
12166
12458
  }
12167
12459
 
12168
- .gap-10 {
12169
- gap: 1rem;
12460
+ .gap-lg {
12461
+ gap: 2.4rem;
12170
12462
  }
12171
12463
 
12172
- .gap-12 {
12173
- gap: 1.2rem;
12464
+ .row-gap-lg {
12465
+ row-gap: 2.4rem;
12174
12466
  }
12175
12467
 
12176
- .gap-15 {
12177
- gap: 1.5rem;
12468
+ .column-gap-lg {
12469
+ column-gap: 2.4rem;
12178
12470
  }
12179
12471
 
12180
- .gap-20 {
12181
- gap: 2rem;
12472
+ .gap-xl {
12473
+ gap: 3.2rem;
12182
12474
  }
12183
12475
 
12184
- .row-gap-0 {
12185
- row-gap: 0;
12476
+ .row-gap-xl {
12477
+ row-gap: 3.2rem;
12186
12478
  }
12187
12479
 
12188
- .row-gap-xs {
12189
- row-gap: 0.4rem;
12480
+ .column-gap-xl {
12481
+ column-gap: 3.2rem;
12190
12482
  }
12191
12483
 
12192
- .row-gap-sm {
12193
- row-gap: 0.8rem;
12484
+ .gap-2xl {
12485
+ gap: 4.8rem;
12194
12486
  }
12195
12487
 
12196
- .row-gap-md {
12197
- row-gap: 1.2rem;
12488
+ .row-gap-2xl {
12489
+ row-gap: 4.8rem;
12198
12490
  }
12199
12491
 
12200
- .row-gap-base {
12201
- row-gap: 1.6rem;
12492
+ .column-gap-2xl {
12493
+ column-gap: 4.8rem;
12202
12494
  }
12203
12495
 
12204
- .row-gap-lg {
12205
- row-gap: 2.4rem;
12496
+ .gap-1 {
12497
+ gap: 0.1rem;
12206
12498
  }
12207
12499
 
12208
- .column-gap-0 {
12209
- column-gap: 0;
12500
+ .gap-2 {
12501
+ gap: 0.2rem;
12210
12502
  }
12211
12503
 
12212
- .column-gap-xs {
12213
- column-gap: 0.4rem;
12504
+ .gap-3 {
12505
+ gap: 0.3rem;
12214
12506
  }
12215
12507
 
12216
- .column-gap-sm {
12217
- column-gap: 0.8rem;
12508
+ .gap-4 {
12509
+ gap: 0.4rem;
12218
12510
  }
12219
12511
 
12220
- .column-gap-md {
12221
- column-gap: 1.2rem;
12512
+ .gap-5 {
12513
+ gap: 0.5rem;
12222
12514
  }
12223
12515
 
12224
- .column-gap-base {
12225
- column-gap: 1.6rem;
12516
+ .gap-6 {
12517
+ gap: 0.6rem;
12226
12518
  }
12227
12519
 
12228
- .column-gap-lg {
12229
- column-gap: 2.4rem;
12520
+ .gap-8 {
12521
+ gap: 0.8rem;
12522
+ }
12523
+
12524
+ .gap-10 {
12525
+ gap: 1rem;
12526
+ }
12527
+
12528
+ .gap-12 {
12529
+ gap: 1.2rem;
12530
+ }
12531
+
12532
+ .gap-15 {
12533
+ gap: 1.5rem;
12534
+ }
12535
+
12536
+ .gap-20 {
12537
+ gap: 2rem;
12230
12538
  }
12231
12539
 
12232
12540
  .self-start {
@@ -12289,6 +12597,12 @@ html.font-size-4xl {
12289
12597
  font-size: 3.2rem;
12290
12598
  }
12291
12599
 
12600
+ .text-truncate {
12601
+ overflow: hidden;
12602
+ text-overflow: ellipsis;
12603
+ white-space: nowrap;
12604
+ }
12605
+
12292
12606
  .component-showcase {
12293
12607
  display: flex;
12294
12608
  flex-wrap: wrap;
@@ -12440,6 +12754,8 @@ html.font-size-4xl {
12440
12754
  border-color: var(--pa-color-9);
12441
12755
  }
12442
12756
 
12757
+ /* Pure Admin Visual Framework - SCSS Variables Only */
12758
+ /* NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px) */
12443
12759
  .m-0 {
12444
12760
  margin: 0 !important;
12445
12761
  }
@@ -13190,6 +13506,486 @@ html.font-size-4xl {
13190
13506
  margin-bottom: auto !important;
13191
13507
  }
13192
13508
 
13509
+ .m-0 {
13510
+ margin: 0 !important;
13511
+ }
13512
+
13513
+ .mt-0 {
13514
+ margin-top: 0 !important;
13515
+ }
13516
+
13517
+ .mr-0 {
13518
+ margin-right: 0 !important;
13519
+ }
13520
+
13521
+ .mb-0 {
13522
+ margin-bottom: 0 !important;
13523
+ }
13524
+
13525
+ .ml-0 {
13526
+ margin-left: 0 !important;
13527
+ }
13528
+
13529
+ .mx-0 {
13530
+ margin-left: 0 !important;
13531
+ margin-right: 0 !important;
13532
+ }
13533
+
13534
+ .my-0 {
13535
+ margin-top: 0 !important;
13536
+ margin-bottom: 0 !important;
13537
+ }
13538
+
13539
+ .m-xs {
13540
+ margin: 0.4rem !important;
13541
+ }
13542
+
13543
+ .mt-xs {
13544
+ margin-top: 0.4rem !important;
13545
+ }
13546
+
13547
+ .mr-xs {
13548
+ margin-right: 0.4rem !important;
13549
+ }
13550
+
13551
+ .mb-xs {
13552
+ margin-bottom: 0.4rem !important;
13553
+ }
13554
+
13555
+ .ml-xs {
13556
+ margin-left: 0.4rem !important;
13557
+ }
13558
+
13559
+ .mx-xs {
13560
+ margin-left: 0.4rem !important;
13561
+ margin-right: 0.4rem !important;
13562
+ }
13563
+
13564
+ .my-xs {
13565
+ margin-top: 0.4rem !important;
13566
+ margin-bottom: 0.4rem !important;
13567
+ }
13568
+
13569
+ .m-sm {
13570
+ margin: 0.8rem !important;
13571
+ }
13572
+
13573
+ .mt-sm {
13574
+ margin-top: 0.8rem !important;
13575
+ }
13576
+
13577
+ .mr-sm {
13578
+ margin-right: 0.8rem !important;
13579
+ }
13580
+
13581
+ .mb-sm {
13582
+ margin-bottom: 0.8rem !important;
13583
+ }
13584
+
13585
+ .ml-sm {
13586
+ margin-left: 0.8rem !important;
13587
+ }
13588
+
13589
+ .mx-sm {
13590
+ margin-left: 0.8rem !important;
13591
+ margin-right: 0.8rem !important;
13592
+ }
13593
+
13594
+ .my-sm {
13595
+ margin-top: 0.8rem !important;
13596
+ margin-bottom: 0.8rem !important;
13597
+ }
13598
+
13599
+ .m-md {
13600
+ margin: 1.2rem !important;
13601
+ }
13602
+
13603
+ .mt-md {
13604
+ margin-top: 1.2rem !important;
13605
+ }
13606
+
13607
+ .mr-md {
13608
+ margin-right: 1.2rem !important;
13609
+ }
13610
+
13611
+ .mb-md {
13612
+ margin-bottom: 1.2rem !important;
13613
+ }
13614
+
13615
+ .ml-md {
13616
+ margin-left: 1.2rem !important;
13617
+ }
13618
+
13619
+ .mx-md {
13620
+ margin-left: 1.2rem !important;
13621
+ margin-right: 1.2rem !important;
13622
+ }
13623
+
13624
+ .my-md {
13625
+ margin-top: 1.2rem !important;
13626
+ margin-bottom: 1.2rem !important;
13627
+ }
13628
+
13629
+ .m-base {
13630
+ margin: 1.6rem !important;
13631
+ }
13632
+
13633
+ .mt-base {
13634
+ margin-top: 1.6rem !important;
13635
+ }
13636
+
13637
+ .mr-base {
13638
+ margin-right: 1.6rem !important;
13639
+ }
13640
+
13641
+ .mb-base {
13642
+ margin-bottom: 1.6rem !important;
13643
+ }
13644
+
13645
+ .ml-base {
13646
+ margin-left: 1.6rem !important;
13647
+ }
13648
+
13649
+ .mx-base {
13650
+ margin-left: 1.6rem !important;
13651
+ margin-right: 1.6rem !important;
13652
+ }
13653
+
13654
+ .my-base {
13655
+ margin-top: 1.6rem !important;
13656
+ margin-bottom: 1.6rem !important;
13657
+ }
13658
+
13659
+ .m-lg {
13660
+ margin: 2.4rem !important;
13661
+ }
13662
+
13663
+ .mt-lg {
13664
+ margin-top: 2.4rem !important;
13665
+ }
13666
+
13667
+ .mr-lg {
13668
+ margin-right: 2.4rem !important;
13669
+ }
13670
+
13671
+ .mb-lg {
13672
+ margin-bottom: 2.4rem !important;
13673
+ }
13674
+
13675
+ .ml-lg {
13676
+ margin-left: 2.4rem !important;
13677
+ }
13678
+
13679
+ .mx-lg {
13680
+ margin-left: 2.4rem !important;
13681
+ margin-right: 2.4rem !important;
13682
+ }
13683
+
13684
+ .my-lg {
13685
+ margin-top: 2.4rem !important;
13686
+ margin-bottom: 2.4rem !important;
13687
+ }
13688
+
13689
+ .m-xl {
13690
+ margin: 3.2rem !important;
13691
+ }
13692
+
13693
+ .mt-xl {
13694
+ margin-top: 3.2rem !important;
13695
+ }
13696
+
13697
+ .mr-xl {
13698
+ margin-right: 3.2rem !important;
13699
+ }
13700
+
13701
+ .mb-xl {
13702
+ margin-bottom: 3.2rem !important;
13703
+ }
13704
+
13705
+ .ml-xl {
13706
+ margin-left: 3.2rem !important;
13707
+ }
13708
+
13709
+ .mx-xl {
13710
+ margin-left: 3.2rem !important;
13711
+ margin-right: 3.2rem !important;
13712
+ }
13713
+
13714
+ .my-xl {
13715
+ margin-top: 3.2rem !important;
13716
+ margin-bottom: 3.2rem !important;
13717
+ }
13718
+
13719
+ .m-2xl {
13720
+ margin: 4.8rem !important;
13721
+ }
13722
+
13723
+ .mt-2xl {
13724
+ margin-top: 4.8rem !important;
13725
+ }
13726
+
13727
+ .mr-2xl {
13728
+ margin-right: 4.8rem !important;
13729
+ }
13730
+
13731
+ .mb-2xl {
13732
+ margin-bottom: 4.8rem !important;
13733
+ }
13734
+
13735
+ .ml-2xl {
13736
+ margin-left: 4.8rem !important;
13737
+ }
13738
+
13739
+ .mx-2xl {
13740
+ margin-left: 4.8rem !important;
13741
+ margin-right: 4.8rem !important;
13742
+ }
13743
+
13744
+ .my-2xl {
13745
+ margin-top: 4.8rem !important;
13746
+ margin-bottom: 4.8rem !important;
13747
+ }
13748
+
13749
+ .p-0 {
13750
+ padding: 0 !important;
13751
+ }
13752
+
13753
+ .pt-0 {
13754
+ padding-top: 0 !important;
13755
+ }
13756
+
13757
+ .pr-0 {
13758
+ padding-right: 0 !important;
13759
+ }
13760
+
13761
+ .pb-0 {
13762
+ padding-bottom: 0 !important;
13763
+ }
13764
+
13765
+ .pl-0 {
13766
+ padding-left: 0 !important;
13767
+ }
13768
+
13769
+ .px-0 {
13770
+ padding-left: 0 !important;
13771
+ padding-right: 0 !important;
13772
+ }
13773
+
13774
+ .py-0 {
13775
+ padding-top: 0 !important;
13776
+ padding-bottom: 0 !important;
13777
+ }
13778
+
13779
+ .p-xs {
13780
+ padding: 0.4rem !important;
13781
+ }
13782
+
13783
+ .pt-xs {
13784
+ padding-top: 0.4rem !important;
13785
+ }
13786
+
13787
+ .pr-xs {
13788
+ padding-right: 0.4rem !important;
13789
+ }
13790
+
13791
+ .pb-xs {
13792
+ padding-bottom: 0.4rem !important;
13793
+ }
13794
+
13795
+ .pl-xs {
13796
+ padding-left: 0.4rem !important;
13797
+ }
13798
+
13799
+ .px-xs {
13800
+ padding-left: 0.4rem !important;
13801
+ padding-right: 0.4rem !important;
13802
+ }
13803
+
13804
+ .py-xs {
13805
+ padding-top: 0.4rem !important;
13806
+ padding-bottom: 0.4rem !important;
13807
+ }
13808
+
13809
+ .p-sm {
13810
+ padding: 0.8rem !important;
13811
+ }
13812
+
13813
+ .pt-sm {
13814
+ padding-top: 0.8rem !important;
13815
+ }
13816
+
13817
+ .pr-sm {
13818
+ padding-right: 0.8rem !important;
13819
+ }
13820
+
13821
+ .pb-sm {
13822
+ padding-bottom: 0.8rem !important;
13823
+ }
13824
+
13825
+ .pl-sm {
13826
+ padding-left: 0.8rem !important;
13827
+ }
13828
+
13829
+ .px-sm {
13830
+ padding-left: 0.8rem !important;
13831
+ padding-right: 0.8rem !important;
13832
+ }
13833
+
13834
+ .py-sm {
13835
+ padding-top: 0.8rem !important;
13836
+ padding-bottom: 0.8rem !important;
13837
+ }
13838
+
13839
+ .p-md {
13840
+ padding: 1.2rem !important;
13841
+ }
13842
+
13843
+ .pt-md {
13844
+ padding-top: 1.2rem !important;
13845
+ }
13846
+
13847
+ .pr-md {
13848
+ padding-right: 1.2rem !important;
13849
+ }
13850
+
13851
+ .pb-md {
13852
+ padding-bottom: 1.2rem !important;
13853
+ }
13854
+
13855
+ .pl-md {
13856
+ padding-left: 1.2rem !important;
13857
+ }
13858
+
13859
+ .px-md {
13860
+ padding-left: 1.2rem !important;
13861
+ padding-right: 1.2rem !important;
13862
+ }
13863
+
13864
+ .py-md {
13865
+ padding-top: 1.2rem !important;
13866
+ padding-bottom: 1.2rem !important;
13867
+ }
13868
+
13869
+ .p-base {
13870
+ padding: 1.6rem !important;
13871
+ }
13872
+
13873
+ .pt-base {
13874
+ padding-top: 1.6rem !important;
13875
+ }
13876
+
13877
+ .pr-base {
13878
+ padding-right: 1.6rem !important;
13879
+ }
13880
+
13881
+ .pb-base {
13882
+ padding-bottom: 1.6rem !important;
13883
+ }
13884
+
13885
+ .pl-base {
13886
+ padding-left: 1.6rem !important;
13887
+ }
13888
+
13889
+ .px-base {
13890
+ padding-left: 1.6rem !important;
13891
+ padding-right: 1.6rem !important;
13892
+ }
13893
+
13894
+ .py-base {
13895
+ padding-top: 1.6rem !important;
13896
+ padding-bottom: 1.6rem !important;
13897
+ }
13898
+
13899
+ .p-lg {
13900
+ padding: 2.4rem !important;
13901
+ }
13902
+
13903
+ .pt-lg {
13904
+ padding-top: 2.4rem !important;
13905
+ }
13906
+
13907
+ .pr-lg {
13908
+ padding-right: 2.4rem !important;
13909
+ }
13910
+
13911
+ .pb-lg {
13912
+ padding-bottom: 2.4rem !important;
13913
+ }
13914
+
13915
+ .pl-lg {
13916
+ padding-left: 2.4rem !important;
13917
+ }
13918
+
13919
+ .px-lg {
13920
+ padding-left: 2.4rem !important;
13921
+ padding-right: 2.4rem !important;
13922
+ }
13923
+
13924
+ .py-lg {
13925
+ padding-top: 2.4rem !important;
13926
+ padding-bottom: 2.4rem !important;
13927
+ }
13928
+
13929
+ .p-xl {
13930
+ padding: 3.2rem !important;
13931
+ }
13932
+
13933
+ .pt-xl {
13934
+ padding-top: 3.2rem !important;
13935
+ }
13936
+
13937
+ .pr-xl {
13938
+ padding-right: 3.2rem !important;
13939
+ }
13940
+
13941
+ .pb-xl {
13942
+ padding-bottom: 3.2rem !important;
13943
+ }
13944
+
13945
+ .pl-xl {
13946
+ padding-left: 3.2rem !important;
13947
+ }
13948
+
13949
+ .px-xl {
13950
+ padding-left: 3.2rem !important;
13951
+ padding-right: 3.2rem !important;
13952
+ }
13953
+
13954
+ .py-xl {
13955
+ padding-top: 3.2rem !important;
13956
+ padding-bottom: 3.2rem !important;
13957
+ }
13958
+
13959
+ .p-2xl {
13960
+ padding: 4.8rem !important;
13961
+ }
13962
+
13963
+ .pt-2xl {
13964
+ padding-top: 4.8rem !important;
13965
+ }
13966
+
13967
+ .pr-2xl {
13968
+ padding-right: 4.8rem !important;
13969
+ }
13970
+
13971
+ .pb-2xl {
13972
+ padding-bottom: 4.8rem !important;
13973
+ }
13974
+
13975
+ .pl-2xl {
13976
+ padding-left: 4.8rem !important;
13977
+ }
13978
+
13979
+ .px-2xl {
13980
+ padding-left: 4.8rem !important;
13981
+ padding-right: 4.8rem !important;
13982
+ }
13983
+
13984
+ .py-2xl {
13985
+ padding-top: 4.8rem !important;
13986
+ padding-bottom: 4.8rem !important;
13987
+ }
13988
+
13193
13989
  .d-none {
13194
13990
  display: none !important;
13195
13991
  }
@@ -13396,6 +14192,10 @@ html.font-size-4xl {
13396
14192
  width: auto !important;
13397
14193
  }
13398
14194
 
14195
+ .w-1-2 {
14196
+ width: 50% !important;
14197
+ }
14198
+
13399
14199
  .w-1-3 {
13400
14200
  width: 33.333333% !important;
13401
14201
  }
@@ -13404,6 +14204,14 @@ html.font-size-4xl {
13404
14204
  width: 66.666667% !important;
13405
14205
  }
13406
14206
 
14207
+ .w-1-4 {
14208
+ width: 25% !important;
14209
+ }
14210
+
14211
+ .w-3-4 {
14212
+ width: 75% !important;
14213
+ }
14214
+
13407
14215
  .mw-25 {
13408
14216
  min-width: 25% !important;
13409
14217
  }
@@ -13424,6 +14232,10 @@ html.font-size-4xl {
13424
14232
  min-width: auto !important;
13425
14233
  }
13426
14234
 
14235
+ .mw-1-2 {
14236
+ min-width: 50% !important;
14237
+ }
14238
+
13427
14239
  .mw-1-3 {
13428
14240
  min-width: 33.333333% !important;
13429
14241
  }
@@ -13432,6 +14244,14 @@ html.font-size-4xl {
13432
14244
  min-width: 66.666667% !important;
13433
14245
  }
13434
14246
 
14247
+ .mw-1-4 {
14248
+ min-width: 25% !important;
14249
+ }
14250
+
14251
+ .mw-3-4 {
14252
+ min-width: 75% !important;
14253
+ }
14254
+
13435
14255
  .w-25-fixed {
13436
14256
  min-width: 25% !important;
13437
14257
  width: 25% !important;
@@ -13452,6 +14272,11 @@ html.font-size-4xl {
13452
14272
  width: 100% !important;
13453
14273
  }
13454
14274
 
14275
+ .w-1-2-fixed {
14276
+ min-width: 50% !important;
14277
+ width: 50% !important;
14278
+ }
14279
+
13455
14280
  .w-1-3-fixed {
13456
14281
  min-width: 33.333333% !important;
13457
14282
  width: 33.333333% !important;
@@ -13462,6 +14287,16 @@ html.font-size-4xl {
13462
14287
  width: 66.666667% !important;
13463
14288
  }
13464
14289
 
14290
+ .w-1-4-fixed {
14291
+ min-width: 25% !important;
14292
+ width: 25% !important;
14293
+ }
14294
+
14295
+ .w-3-4-fixed {
14296
+ min-width: 75% !important;
14297
+ width: 75% !important;
14298
+ }
14299
+
13465
14300
  .h-25 {
13466
14301
  height: 25% !important;
13467
14302
  }
@@ -13482,6 +14317,26 @@ html.font-size-4xl {
13482
14317
  height: auto !important;
13483
14318
  }
13484
14319
 
14320
+ .h-1-2 {
14321
+ height: 50% !important;
14322
+ }
14323
+
14324
+ .h-1-3 {
14325
+ height: 33.333333% !important;
14326
+ }
14327
+
14328
+ .h-2-3 {
14329
+ height: 66.666667% !important;
14330
+ }
14331
+
14332
+ .h-1-4 {
14333
+ height: 25% !important;
14334
+ }
14335
+
14336
+ .h-3-4 {
14337
+ height: 75% !important;
14338
+ }
14339
+
13485
14340
  .wr-1 {
13486
14341
  width: 1rem !important;
13487
14342
  }
@@ -13534,6 +14389,26 @@ html.font-size-4xl {
13534
14389
  width: 25rem !important;
13535
14390
  }
13536
14391
 
14392
+ .wr-30 {
14393
+ width: 30rem !important;
14394
+ }
14395
+
14396
+ .wr-35 {
14397
+ width: 35rem !important;
14398
+ }
14399
+
14400
+ .wr-40 {
14401
+ width: 40rem !important;
14402
+ }
14403
+
14404
+ .wr-45 {
14405
+ width: 45rem !important;
14406
+ }
14407
+
14408
+ .wr-50 {
14409
+ width: 50rem !important;
14410
+ }
14411
+
13537
14412
  .minwr-1 {
13538
14413
  min-width: 1rem !important;
13539
14414
  }
@@ -13586,6 +14461,26 @@ html.font-size-4xl {
13586
14461
  min-width: 25rem !important;
13587
14462
  }
13588
14463
 
14464
+ .minwr-30 {
14465
+ min-width: 30rem !important;
14466
+ }
14467
+
14468
+ .minwr-35 {
14469
+ min-width: 35rem !important;
14470
+ }
14471
+
14472
+ .minwr-40 {
14473
+ min-width: 40rem !important;
14474
+ }
14475
+
14476
+ .minwr-45 {
14477
+ min-width: 45rem !important;
14478
+ }
14479
+
14480
+ .minwr-50 {
14481
+ min-width: 50rem !important;
14482
+ }
14483
+
13589
14484
  .maxwr-1 {
13590
14485
  max-width: 1rem !important;
13591
14486
  }
@@ -13638,6 +14533,26 @@ html.font-size-4xl {
13638
14533
  max-width: 25rem !important;
13639
14534
  }
13640
14535
 
14536
+ .maxwr-30 {
14537
+ max-width: 30rem !important;
14538
+ }
14539
+
14540
+ .maxwr-35 {
14541
+ max-width: 35rem !important;
14542
+ }
14543
+
14544
+ .maxwr-40 {
14545
+ max-width: 40rem !important;
14546
+ }
14547
+
14548
+ .maxwr-45 {
14549
+ max-width: 45rem !important;
14550
+ }
14551
+
14552
+ .maxwr-50 {
14553
+ max-width: 50rem !important;
14554
+ }
14555
+
13641
14556
  .hr-1 {
13642
14557
  height: 1rem !important;
13643
14558
  }
@@ -13690,6 +14605,26 @@ html.font-size-4xl {
13690
14605
  height: 25rem !important;
13691
14606
  }
13692
14607
 
14608
+ .hr-30 {
14609
+ height: 30rem !important;
14610
+ }
14611
+
14612
+ .hr-35 {
14613
+ height: 35rem !important;
14614
+ }
14615
+
14616
+ .hr-40 {
14617
+ height: 40rem !important;
14618
+ }
14619
+
14620
+ .hr-45 {
14621
+ height: 45rem !important;
14622
+ }
14623
+
14624
+ .hr-50 {
14625
+ height: 50rem !important;
14626
+ }
14627
+
13693
14628
  .minhr-1 {
13694
14629
  min-height: 1rem !important;
13695
14630
  }
@@ -13742,6 +14677,26 @@ html.font-size-4xl {
13742
14677
  min-height: 25rem !important;
13743
14678
  }
13744
14679
 
14680
+ .minhr-30 {
14681
+ min-height: 30rem !important;
14682
+ }
14683
+
14684
+ .minhr-35 {
14685
+ min-height: 35rem !important;
14686
+ }
14687
+
14688
+ .minhr-40 {
14689
+ min-height: 40rem !important;
14690
+ }
14691
+
14692
+ .minhr-45 {
14693
+ min-height: 45rem !important;
14694
+ }
14695
+
14696
+ .minhr-50 {
14697
+ min-height: 50rem !important;
14698
+ }
14699
+
13745
14700
  .maxhr-1 {
13746
14701
  max-height: 1rem !important;
13747
14702
  }
@@ -13794,6 +14749,26 @@ html.font-size-4xl {
13794
14749
  max-height: 25rem !important;
13795
14750
  }
13796
14751
 
14752
+ .maxhr-30 {
14753
+ max-height: 30rem !important;
14754
+ }
14755
+
14756
+ .maxhr-35 {
14757
+ max-height: 35rem !important;
14758
+ }
14759
+
14760
+ .maxhr-40 {
14761
+ max-height: 40rem !important;
14762
+ }
14763
+
14764
+ .maxhr-45 {
14765
+ max-height: 45rem !important;
14766
+ }
14767
+
14768
+ .maxhr-50 {
14769
+ max-height: 50rem !important;
14770
+ }
14771
+
13797
14772
  .minw-5 {
13798
14773
  min-width: 5% !important;
13799
14774
  }
@@ -13962,6 +14937,10 @@ html.font-size-4xl {
13962
14937
  max-width: 100% !important;
13963
14938
  }
13964
14939
 
14940
+ .maxw-1-2 {
14941
+ max-width: 50% !important;
14942
+ }
14943
+
13965
14944
  .maxw-1-3 {
13966
14945
  max-width: 33.333333% !important;
13967
14946
  }
@@ -13970,6 +14949,14 @@ html.font-size-4xl {
13970
14949
  max-width: 66.666667% !important;
13971
14950
  }
13972
14951
 
14952
+ .maxw-1-4 {
14953
+ max-width: 25% !important;
14954
+ }
14955
+
14956
+ .maxw-3-4 {
14957
+ max-width: 75% !important;
14958
+ }
14959
+
13973
14960
  .minh-5 {
13974
14961
  min-height: 5% !important;
13975
14962
  }
@@ -14050,6 +15037,10 @@ html.font-size-4xl {
14050
15037
  min-height: 100% !important;
14051
15038
  }
14052
15039
 
15040
+ .minh-1-2 {
15041
+ min-height: 50% !important;
15042
+ }
15043
+
14053
15044
  .minh-1-3 {
14054
15045
  min-height: 33.333333% !important;
14055
15046
  }
@@ -14058,6 +15049,14 @@ html.font-size-4xl {
14058
15049
  min-height: 66.666667% !important;
14059
15050
  }
14060
15051
 
15052
+ .minh-1-4 {
15053
+ min-height: 25% !important;
15054
+ }
15055
+
15056
+ .minh-3-4 {
15057
+ min-height: 75% !important;
15058
+ }
15059
+
14061
15060
  .maxh-5 {
14062
15061
  max-height: 5% !important;
14063
15062
  }
@@ -14138,6 +15137,10 @@ html.font-size-4xl {
14138
15137
  max-height: 100% !important;
14139
15138
  }
14140
15139
 
15140
+ .maxh-1-2 {
15141
+ max-height: 50% !important;
15142
+ }
15143
+
14141
15144
  .maxh-1-3 {
14142
15145
  max-height: 33.333333% !important;
14143
15146
  }
@@ -14146,6 +15149,14 @@ html.font-size-4xl {
14146
15149
  max-height: 66.666667% !important;
14147
15150
  }
14148
15151
 
15152
+ .maxh-1-4 {
15153
+ max-height: 25% !important;
15154
+ }
15155
+
15156
+ .maxh-3-4 {
15157
+ max-height: 75% !important;
15158
+ }
15159
+
14149
15160
  .position-static {
14150
15161
  position: static !important;
14151
15162
  }
@@ -14344,9 +15355,6 @@ html.font-size-4xl {
14344
15355
  .pa-header__title h2 {
14345
15356
  color: #333333 !important;
14346
15357
  }
14347
- .pa-header__profile-btn {
14348
- color: #000000 !important;
14349
- }
14350
15358
  .pa-header__profile-btn:hover {
14351
15359
  background-color: rgba(212, 5, 17, 0.12) !important;
14352
15360
  }
@@ -14396,12 +15404,12 @@ html.font-size-4xl {
14396
15404
  color: #ffffff !important;
14397
15405
  }
14398
15406
 
14399
- .pa-btn--primary {
15407
+ .pa-btn--color-1 {
14400
15408
  font-weight: 700 !important;
14401
15409
  background-color: #D40511 !important;
14402
15410
  color: #ffffff !important;
14403
15411
  }
14404
- .pa-btn--primary:hover {
15412
+ .pa-btn--color-1:hover {
14405
15413
  background-color: #F91320 !important;
14406
15414
  box-shadow: 0 2px 8px rgba(212, 5, 17, 0.3) !important;
14407
15415
  }
@@ -14450,12 +15458,20 @@ html.font-size-4xl {
14450
15458
  --base-text-color-3: #CCCCCC;
14451
15459
  --base-text-color-4: #E5E5E5;
14452
15460
  --base-text-color-on-accent: #ffffff;
15461
+ --base-main-bg: #ffffff;
15462
+ --base-page-bg: #f8f9fa;
15463
+ --base-subtle-bg: #e9ecef;
15464
+ --base-inverse-bg: #2c3e50;
15465
+ --base-overlay-bg: rgba(0, 0, 0, 0.6);
15466
+ --base-shadow-color: rgba(0, 0, 0, 0.15);
15467
+ --base-hover-bg: #e9ecef;
15468
+ --base-active-bg: rgb(218.2368421053, 223.25, 228.2631578947);
15469
+ --base-disabled-bg: #e9ecef;
15470
+ --base-elevated-bg: #f5f5f5;
14453
15471
  --base-surface-1: #ffffff;
14454
15472
  --base-surface-2: #F2F2F2;
14455
15473
  --base-surface-3: #E5E5E5;
14456
15474
  --base-surface-inverse: #333333;
14457
- --base-overlay-bg: rgba(0, 0, 0, 0.6);
14458
- --base-shadow-color: rgba(0, 0, 0, 0.15);
14459
15475
  --base-primary-bg: #ffffff;
14460
15476
  --base-primary-bg-hover: rgb(242.25, 242.25, 242.25);
14461
15477
  --base-border-color: #E5E5E5;
@@ -14532,11 +15548,11 @@ html.font-size-4xl {
14532
15548
  --base-border-radius-sm: 0.4;
14533
15549
  --base-border-radius-md: 0.6;
14534
15550
  --base-border-radius-lg: 0.8;
14535
- --pa-primary-bg: #ffffff;
14536
- --pa-bg-secondary: #F2F2F2;
14537
- --pa-content-bg: #F2F2F2;
14538
- --pa-text-primary: #333333;
14539
- --pa-text-secondary: #8C8C8C;
15551
+ --pa-main-bg: #ffffff;
15552
+ --pa-page-bg: #f8f9fa;
15553
+ --pa-subtle-bg: #F2F2F2;
15554
+ --pa-text-color-1: #333333;
15555
+ --pa-text-color-2: #8C8C8C;
14540
15556
  --pa-accent: #D40511;
14541
15557
  --pa-accent-hover: rgba(212, 5, 17, 0.12);
14542
15558
  --pa-accent-light: rgba(212, 5, 17, 0.06);
@@ -14558,9 +15574,9 @@ html.font-size-4xl {
14558
15574
  --pa-btn-primary-bg-hover: #F91320;
14559
15575
  --pa-btn-primary-bg-light: rgba(212, 5, 17, 0.06);
14560
15576
  --pa-btn-primary-text: #ffffff;
14561
- --pa-btn-secondary-bg: #FFCC00;
14562
- --pa-btn-secondary-bg-hover: #FFE57F;
14563
- --pa-btn-secondary-text: #000000;
15577
+ --pa-btn-secondary-bg: #6c757d;
15578
+ --pa-btn-secondary-bg-hover: #545b62;
15579
+ --pa-btn-secondary-text: #ffffff;
14564
15580
  --pa-btn-success-bg: #10b981;
14565
15581
  --pa-btn-success-bg-hover: #059669;
14566
15582
  --pa-btn-success-text: #ffffff;
@@ -14675,9 +15691,9 @@ html.font-size-4xl {
14675
15691
  --pa-multiselect-dropdown-bg: #ffffff;
14676
15692
  --pa-multiselect-dropdown-border: #E5E5E5;
14677
15693
  --pa-multiselect-dropdown-text: #333333;
14678
- --pa-multiselect-hint-bg: #F2F2F2;
15694
+ --pa-multiselect-hint-bg: #f8f9fa;
14679
15695
  --pa-multiselect-hint-border: #E5E5E5;
14680
- --pa-multiselect-option-hover-bg: #F2F2F2;
15696
+ --pa-multiselect-option-hover-bg: #f8f9fa;
14681
15697
  --pa-multiselect-pill-bg: rgba(212, 5, 17, 0.06);
14682
15698
  --pa-multiselect-pill-border: #D40511;
14683
15699
  --pa-color-1: #D40511;
@@ -14689,12 +15705,16 @@ html.font-size-4xl {
14689
15705
  --pa-color-7: #8C8C8C;
14690
15706
  --pa-color-8: #333333;
14691
15707
  --pa-color-9: #00b4d8;
15708
+ --pa-input-group-prepend-bg: #EBEBEB;
15709
+ --pa-input-group-prepend-text: #333333;
15710
+ --pa-input-group-append-bg: #EBEBEB;
15711
+ --pa-input-group-append-text: #333333;
14692
15712
  --drp-dropdown-bg: #ffffff;
14693
15713
  --drp-border-color: #E5E5E5;
14694
15714
  --drp-primary-bg: #F2F2F2;
14695
15715
  --drp-primary-bg-hover: #EBEBEB;
14696
- --drp-text-primary: #333333;
14697
- --drp-text-secondary: #8C8C8C;
15716
+ --drp-text-color-1: #333333;
15717
+ --drp-text-bg: #8C8C8C;
14698
15718
  --drp-button-bg: transparent;
14699
15719
  --drp-button-color: #333333;
14700
15720
  --drp-button-accent-text-color: #ffffff;
@@ -14719,11 +15739,11 @@ html.font-size-4xl {
14719
15739
  --page-loader-bg: rgba(0, 0, 0, 0.95);
14720
15740
  --page-loader-spinner-border: #333;
14721
15741
  --page-loader-spinner-accent: #FFCC00;
14722
- --pa-primary-bg: #1a1a1a;
14723
- --pa-bg-secondary: #1a1a1a;
14724
- --pa-content-bg: #121212;
14725
- --pa-text-primary: #ffffff;
14726
- --pa-text-secondary: #aaaaaa;
15742
+ --pa-main-bg: #1a1a1a;
15743
+ --pa-page-bg: #1a1a1a;
15744
+ --pa-subtle-bg: #121212;
15745
+ --pa-text-color-1: #ffffff;
15746
+ --pa-text-color-2: #aaaaaa;
14727
15747
  --pa-accent: #D40511;
14728
15748
  --pa-accent-hover: rgba(212, 5, 17, 0.2);
14729
15749
  --pa-accent-light: rgba(212, 5, 17, 0.15);
@@ -14806,6 +15826,13 @@ html.font-size-4xl {
14806
15826
  --pa-danger-bg-light: rgba(180, 5, 14, 0.2);
14807
15827
  --pa-info-bg: #06b6d4;
14808
15828
  --pa-info-bg-light: rgba(6, 182, 212, 0.2);
15829
+ --base-main-bg: #242424;
15830
+ --base-page-bg: #1a1a1a;
15831
+ --base-subtle-bg: #2a2a2a;
15832
+ --base-hover-bg: #2a2a2a;
15833
+ --base-active-bg: #3a3a3a;
15834
+ --base-disabled-bg: #2a2a2a;
15835
+ --base-elevated-bg: #2a2a2a;
14809
15836
  --base-surface-1: #242424;
14810
15837
  --base-surface-2: #1a1a1a;
14811
15838
  --base-surface-3: #2a2a2a;
@@ -14836,8 +15863,8 @@ html.font-size-4xl {
14836
15863
  --drp-border-color: #3a3a3a;
14837
15864
  --drp-primary-bg: #1a1a1a;
14838
15865
  --drp-primary-bg-hover: #2a2a2a;
14839
- --drp-text-primary: #ffffff;
14840
- --drp-text-secondary: #aaaaaa;
15866
+ --drp-text-color-1: #ffffff;
15867
+ --drp-text-bg: #aaaaaa;
14841
15868
  --drp-button-bg: transparent;
14842
15869
  --drp-button-color: #ffffff;
14843
15870
  --drp-button-accent-text-color: #ffffff;
@@ -14866,7 +15893,7 @@ html.font-size-4xl {
14866
15893
  .pa-mode-dark .pa-layout__footer p {
14867
15894
  color: #333333 !important;
14868
15895
  }
14869
- .pa-mode-dark .pa-alert--primary {
15896
+ .pa-mode-dark .pa-alert--color-1 {
14870
15897
  color: #ffffff !important;
14871
15898
  background-color: rgba(212, 5, 17, 0.25) !important;
14872
15899
  border-color: rgba(212, 5, 17, 0.4) !important;
@@ -14883,11 +15910,20 @@ html.font-size-4xl {
14883
15910
  background-color: #4a4a4a !important;
14884
15911
  border-color: #5a5a5a !important;
14885
15912
  }
14886
- .pa-mode-dark .pa-btn--outline-secondary {
15913
+ .pa-mode-dark .pa-btn--outline-bg {
14887
15914
  border-color: #5a5a5a !important;
14888
15915
  color: #aaaaaa !important;
14889
15916
  }
14890
- .pa-mode-dark .pa-btn--outline-secondary:hover {
15917
+ .pa-mode-dark .pa-btn--outline-bg:hover {
14891
15918
  background-color: #3a3a3a !important;
14892
15919
  color: #ffffff !important;
14893
15920
  }
15921
+ .pa-mode-dark .pa-profile-panel__header {
15922
+ background-color: #242424;
15923
+ }
15924
+ .pa-mode-dark .pa-profile-panel__header .pa-profile-panel__name {
15925
+ color: #ffffff;
15926
+ }
15927
+ .pa-mode-dark .pa-profile-panel__header .pa-profile-panel__email {
15928
+ color: #aaaaaa;
15929
+ }