@keenmate/pure-admin-theme-corporate 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.
@@ -72,10 +72,10 @@ figure {
72
72
  body {
73
73
  margin: 0;
74
74
  padding: 0;
75
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
75
+ font-family: var(--base-font-family);
76
76
  font-size: 1.6rem;
77
- color: var(--pa-text-primary);
78
- background-color: var(--pa-primary-bg);
77
+ color: var(--pa-text-color-1);
78
+ background-color: var(--pa-main-bg);
79
79
  line-height: 1.5;
80
80
  overflow-x: hidden;
81
81
  overflow-y: scroll;
@@ -88,7 +88,7 @@ body::before {
88
88
  left: 0;
89
89
  right: 0;
90
90
  bottom: 0;
91
- background: radial-gradient(circle at 20% 80%, rgba(14, 165, 233, 0.03) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(14, 165, 233, 0.03) 0%, transparent 50%);
91
+ 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%);
92
92
  pointer-events: none;
93
93
  z-index: -1;
94
94
  }
@@ -114,33 +114,32 @@ label {
114
114
  }
115
115
 
116
116
  *::-webkit-scrollbar-track {
117
- background: var(--pa-primary-bg);
117
+ background: var(--pa-main-bg);
118
118
  border-radius: 3px;
119
119
  }
120
120
 
121
121
  *::-webkit-scrollbar-thumb {
122
- background: #e2e8f0;
122
+ background: var(--pa-border-color);
123
123
  border-radius: 3px;
124
- border: 1px solid var(--pa-primary-bg);
124
+ border: 1px solid var(--pa-main-bg);
125
125
  }
126
126
 
127
127
  *::-webkit-scrollbar-thumb:hover {
128
- background: #0ea5e9;
129
- border-color: rgba(14, 165, 233, 0.08);
128
+ background: var(--pa-accent);
130
129
  }
131
130
 
132
131
  *::-webkit-scrollbar-thumb:active {
133
- background: rgba(14, 165, 233, 0.08);
132
+ background: var(--pa-accent-hover);
134
133
  }
135
134
 
136
135
  *::-webkit-scrollbar-corner {
137
- background: var(--pa-primary-bg);
136
+ background: var(--pa-main-bg);
138
137
  }
139
138
 
140
139
  /* Firefox */
141
140
  * {
142
141
  scrollbar-width: thin;
143
- scrollbar-color: var(--pa-border-color) var(--pa-primary-bg);
142
+ scrollbar-color: var(--pa-border-color) var(--pa-main-bg);
144
143
  }
145
144
 
146
145
  /* ========================================
@@ -250,7 +249,7 @@ body.pa-layout--sticky {
250
249
  .pa-layout {
251
250
  max-width: 100%;
252
251
  margin: 4.8rem auto 0;
253
- background-color: var(--pa-primary-bg);
252
+ background-color: var(--pa-main-bg);
254
253
  overflow: visible;
255
254
  display: flex;
256
255
  flex-direction: column;
@@ -323,7 +322,7 @@ body.pa-layout--sticky .pa-layout__inner {
323
322
  }
324
323
 
325
324
  .pa-layout__footer {
326
- min-height: 3.2rem;
325
+ min-height: 4.8rem;
327
326
  background-color: var(--pa-footer-bg);
328
327
  border-top: 1px solid var(--pa-footer-border-color);
329
328
  display: flex;
@@ -361,19 +360,90 @@ body.pa-layout--sticky .pa-layout__inner {
361
360
  gap: 0.4rem;
362
361
  }
363
362
 
363
+ @media (max-width: 768px) {
364
+ .pa-layout__footer {
365
+ flex-wrap: wrap;
366
+ min-height: auto;
367
+ padding: 0.8rem 1.6rem;
368
+ }
369
+ .pa-footer__left,
370
+ .pa-footer__center,
371
+ .pa-footer__right {
372
+ flex-shrink: 1;
373
+ min-width: 0;
374
+ }
375
+ .pa-footer__left {
376
+ flex: 1 1 auto;
377
+ }
378
+ .pa-footer__center {
379
+ display: none;
380
+ }
381
+ .pa-footer__right {
382
+ flex: 0 1 auto;
383
+ }
384
+ .pa-footer__right--vertical {
385
+ align-items: flex-end;
386
+ }
387
+ }
364
388
  /* ========================================
365
389
  Sidebar Component
366
390
  Sidebar navigation with nested submenus
367
391
  ======================================== */
392
+ :root {
393
+ --pa-local-sidebar-width: 28.8rem;
394
+ --pa-local-sidebar-min-width: 18rem;
395
+ --pa-local-sidebar-max-width: 50rem;
396
+ }
397
+
398
+ :where(.pa-layout__sidebar) {
399
+ width: var(--pa-local-sidebar-width);
400
+ }
401
+
368
402
  .pa-layout__sidebar {
369
- width: 29rem;
370
403
  background-color: var(--pa-sidebar-bg);
371
404
  border-right: 1px solid var(--pa-border-color);
372
405
  flex-shrink: 0;
406
+ position: relative;
407
+ }
408
+
409
+ .pa-sidebar-resize {
410
+ position: absolute;
411
+ top: 0;
412
+ right: 0;
413
+ width: 6px;
414
+ height: 100%;
415
+ cursor: ew-resize;
416
+ z-index: 100;
417
+ }
418
+
419
+ .pa-sidebar-resize::after {
420
+ content: "";
421
+ position: absolute;
422
+ top: 0;
423
+ left: 50%;
424
+ transform: translateX(-50%);
425
+ width: 2px;
426
+ height: 100%;
427
+ background-color: transparent;
428
+ transition: background-color 0.1s ease-out;
429
+ }
430
+
431
+ .pa-sidebar-resize:hover::after, .pa-sidebar-resize--active::after {
432
+ background-color: var(--pa-accent);
433
+ }
434
+
435
+ body.pa-sidebar-resizing {
436
+ cursor: ew-resize !important;
437
+ user-select: none;
438
+ }
439
+
440
+ body.pa-sidebar-resizing * {
441
+ cursor: ew-resize !important;
373
442
  }
374
443
 
375
444
  body.pa-layout--sticky .pa-layout__sidebar {
376
445
  overflow-y: auto;
446
+ overflow-y: overlay;
377
447
  overflow-x: visible;
378
448
  }
379
449
 
@@ -537,7 +607,7 @@ body.loaded .pa-sidebar__chevron {
537
607
  opacity: 1;
538
608
  overflow: visible !important;
539
609
  z-index: 1050;
540
- border-right: 1px solid #e2e8f0;
610
+ border-right: 1px solid #e1e5e9;
541
611
  }
542
612
 
543
613
  .sidebar-hidden .pa-layout__sidebar--icon-collapse .pa-sidebar__item {
@@ -712,7 +782,7 @@ body.loaded .pa-sidebar__chevron {
712
782
  }
713
783
 
714
784
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse {
715
- width: 29rem;
785
+ width: 28.8rem;
716
786
  }
717
787
 
718
788
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__label {
@@ -857,7 +927,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
857
927
  .pa-header__dropdown li a {
858
928
  display: block;
859
929
  padding: 0.8rem 1.6rem;
860
- color: var(--pa-text-primary);
930
+ color: var(--pa-text-color-1);
861
931
  border-radius: 0;
862
932
  white-space: nowrap;
863
933
  text-decoration: none;
@@ -2498,6 +2568,144 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2498
2568
  padding-bottom: 0;
2499
2569
  }
2500
2570
 
2571
+ @media (max-width: 768px) {
2572
+ .pa-col-5 {
2573
+ flex: 0 0 100%;
2574
+ max-width: 100%;
2575
+ }
2576
+ .pa-col-10 {
2577
+ flex: 0 0 100%;
2578
+ max-width: 100%;
2579
+ }
2580
+ .pa-col-15 {
2581
+ flex: 0 0 100%;
2582
+ max-width: 100%;
2583
+ }
2584
+ .pa-col-20 {
2585
+ flex: 0 0 100%;
2586
+ max-width: 100%;
2587
+ }
2588
+ .pa-col-25 {
2589
+ flex: 0 0 100%;
2590
+ max-width: 100%;
2591
+ }
2592
+ .pa-col-30 {
2593
+ flex: 0 0 100%;
2594
+ max-width: 100%;
2595
+ }
2596
+ .pa-col-35 {
2597
+ flex: 0 0 100%;
2598
+ max-width: 100%;
2599
+ }
2600
+ .pa-col-40 {
2601
+ flex: 0 0 100%;
2602
+ max-width: 100%;
2603
+ }
2604
+ .pa-col-45 {
2605
+ flex: 0 0 100%;
2606
+ max-width: 100%;
2607
+ }
2608
+ .pa-col-50 {
2609
+ flex: 0 0 100%;
2610
+ max-width: 100%;
2611
+ }
2612
+ .pa-col-55 {
2613
+ flex: 0 0 100%;
2614
+ max-width: 100%;
2615
+ }
2616
+ .pa-col-60 {
2617
+ flex: 0 0 100%;
2618
+ max-width: 100%;
2619
+ }
2620
+ .pa-col-65 {
2621
+ flex: 0 0 100%;
2622
+ max-width: 100%;
2623
+ }
2624
+ .pa-col-70 {
2625
+ flex: 0 0 100%;
2626
+ max-width: 100%;
2627
+ }
2628
+ .pa-col-75 {
2629
+ flex: 0 0 100%;
2630
+ max-width: 100%;
2631
+ }
2632
+ .pa-col-80 {
2633
+ flex: 0 0 100%;
2634
+ max-width: 100%;
2635
+ }
2636
+ .pa-col-85 {
2637
+ flex: 0 0 100%;
2638
+ max-width: 100%;
2639
+ }
2640
+ .pa-col-90 {
2641
+ flex: 0 0 100%;
2642
+ max-width: 100%;
2643
+ }
2644
+ .pa-col-95 {
2645
+ flex: 0 0 100%;
2646
+ max-width: 100%;
2647
+ }
2648
+ .pa-col-1-2 {
2649
+ flex: 0 0 100%;
2650
+ max-width: 100%;
2651
+ }
2652
+ .pa-col-1-3 {
2653
+ flex: 0 0 100%;
2654
+ max-width: 100%;
2655
+ }
2656
+ .pa-col-2-3 {
2657
+ flex: 0 0 100%;
2658
+ max-width: 100%;
2659
+ }
2660
+ .pa-col-1-4 {
2661
+ flex: 0 0 100%;
2662
+ max-width: 100%;
2663
+ }
2664
+ .pa-col-3-4 {
2665
+ flex: 0 0 100%;
2666
+ max-width: 100%;
2667
+ }
2668
+ .pa-col-1-5 {
2669
+ flex: 0 0 100%;
2670
+ max-width: 100%;
2671
+ }
2672
+ .pa-col-2-5 {
2673
+ flex: 0 0 100%;
2674
+ max-width: 100%;
2675
+ }
2676
+ .pa-col-3-5 {
2677
+ flex: 0 0 100%;
2678
+ max-width: 100%;
2679
+ }
2680
+ .pa-col-4-5 {
2681
+ flex: 0 0 100%;
2682
+ max-width: 100%;
2683
+ }
2684
+ .pa-col-1-6 {
2685
+ flex: 0 0 100%;
2686
+ max-width: 100%;
2687
+ }
2688
+ .pa-col-5-6 {
2689
+ flex: 0 0 100%;
2690
+ max-width: 100%;
2691
+ }
2692
+ .pa-col-1-12 {
2693
+ flex: 0 0 100%;
2694
+ max-width: 100%;
2695
+ }
2696
+ .pa-col-5-12 {
2697
+ flex: 0 0 100%;
2698
+ max-width: 100%;
2699
+ }
2700
+ .pa-col-7-12 {
2701
+ flex: 0 0 100%;
2702
+ max-width: 100%;
2703
+ }
2704
+ .pa-col-11-12 {
2705
+ flex: 0 0 100%;
2706
+ max-width: 100%;
2707
+ }
2708
+ }
2501
2709
  /* ========================================
2502
2710
  Card Components
2503
2711
  Cards with headers, bodies, footers, variants, and card sections
@@ -2554,7 +2762,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2554
2762
  .pa-card__header h4,
2555
2763
  .pa-card__header h5,
2556
2764
  .pa-card__header h6 {
2557
- color: var(--pa-text-primary);
2765
+ color: var(--pa-text-color-1);
2558
2766
  font-size: 1.6rem;
2559
2767
  }
2560
2768
 
@@ -2582,7 +2790,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2582
2790
  text-overflow: ellipsis;
2583
2791
  white-space: nowrap;
2584
2792
  margin: 0;
2585
- color: var(--pa-text-primary);
2793
+ color: var(--pa-text-color-1);
2586
2794
  font-size: 1.6rem;
2587
2795
  font-weight: 600;
2588
2796
  line-height: 1;
@@ -2624,7 +2832,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2624
2832
  }
2625
2833
 
2626
2834
  .pa-card__meta {
2627
- color: var(--pa-text-secondary);
2835
+ color: var(--pa-text-color-2);
2628
2836
  font-size: 1.4rem;
2629
2837
  }
2630
2838
 
@@ -2714,15 +2922,15 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2714
2922
  padding: 1.2rem 1rem;
2715
2923
  border: none;
2716
2924
  background: none;
2717
- color: var(--pa-text-secondary);
2925
+ color: var(--pa-text-color-2);
2718
2926
  cursor: pointer;
2719
2927
  transition: all 0.1s ease-out;
2720
2928
  border-bottom: 2px solid transparent;
2721
2929
  }
2722
2930
 
2723
2931
  .pa-card__tab:hover {
2724
- color: var(--pa-text-primary);
2725
- background-color: rgba(14, 165, 233, 0.05);
2932
+ color: var(--pa-text-color-1);
2933
+ background-color: rgba(0, 123, 255, 0.05);
2726
2934
  }
2727
2935
 
2728
2936
  .pa-card__tab--active {
@@ -2752,14 +2960,14 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2752
2960
  border-radius: 4px;
2753
2961
  font-size: 1.4rem;
2754
2962
  background: transparent;
2755
- color: var(--pa-text-secondary);
2963
+ color: var(--pa-text-color-2);
2756
2964
  cursor: pointer;
2757
2965
  transition: all 0.1s ease-out;
2758
2966
  }
2759
2967
 
2760
2968
  .pa-card__tabs--inline .pa-card__tab:hover {
2761
- background-color: rgba(14, 165, 233, 0.05);
2762
- color: var(--pa-text-primary);
2969
+ background-color: rgba(0, 123, 255, 0.05);
2970
+ color: var(--pa-text-color-1);
2763
2971
  }
2764
2972
 
2765
2973
  .pa-card__tabs--inline .pa-card__tab--active {
@@ -2778,11 +2986,11 @@ a.pa-card:hover, a.pa-card:visited {
2778
2986
  }
2779
2987
 
2780
2988
  a.pa-card h1, a.pa-card h2, a.pa-card h3, a.pa-card h4, a.pa-card h5, a.pa-card h6 {
2781
- color: var(--pa-text-primary);
2989
+ color: var(--pa-text-color-1);
2782
2990
  }
2783
2991
 
2784
2992
  a.pa-card p {
2785
- color: var(--pa-text-secondary);
2993
+ color: var(--pa-text-color-2);
2786
2994
  }
2787
2995
 
2788
2996
  .pa-section {
@@ -2790,14 +2998,14 @@ a.pa-card p {
2790
2998
  }
2791
2999
 
2792
3000
  .pa-section h3 {
2793
- color: var(--pa-text-primary);
3001
+ color: var(--pa-text-color-1);
2794
3002
  margin-bottom: 1.6rem;
2795
3003
  border-bottom: 2px solid var(--pa-accent);
2796
3004
  padding-bottom: 0.8rem;
2797
3005
  }
2798
3006
 
2799
3007
  .pa-section-title {
2800
- color: var(--pa-text-primary);
3008
+ color: var(--pa-text-color-1);
2801
3009
  margin-bottom: 1.6rem;
2802
3010
  border-bottom: 2px solid var(--pa-accent);
2803
3011
  padding-bottom: 0.8rem;
@@ -2819,7 +3027,7 @@ a.pa-card p {
2819
3027
  padding: 0.8rem 1.2rem;
2820
3028
  border: none;
2821
3029
  background: none;
2822
- color: var(--pa-text-secondary);
3030
+ color: var(--pa-text-color-2);
2823
3031
  cursor: pointer;
2824
3032
  transition: all 0.1s ease-out;
2825
3033
  border-bottom: 2px solid transparent;
@@ -2831,13 +3039,13 @@ a.pa-card p {
2831
3039
  }
2832
3040
 
2833
3041
  .pa-tabs__item:hover {
2834
- color: var(--pa-text-primary);
2835
- background-color: rgba(14, 165, 233, 0.05);
3042
+ color: var(--pa-text-color-1);
3043
+ background-color: rgba(0, 123, 255, 0.05);
2836
3044
  }
2837
3045
 
2838
3046
  .pa-tabs__item--active {
2839
- color: #0ea5e9;
2840
- border-bottom-color: #0ea5e9;
3047
+ color: #007bff;
3048
+ border-bottom-color: #007bff;
2841
3049
  font-weight: 600;
2842
3050
  }
2843
3051
 
@@ -2866,13 +3074,13 @@ a.pa-card p {
2866
3074
  .pa-tabs--pills .pa-tabs__item {
2867
3075
  border-radius: 8px;
2868
3076
  border: 1px solid transparent;
2869
- background-color: var(--pa-primary-bg);
3077
+ background-color: var(--pa-main-bg);
2870
3078
  }
2871
3079
 
2872
3080
  .pa-tabs--pills .pa-tabs__item:hover {
2873
- background-color: rgba(14, 165, 233, 0.1);
2874
- border-color: rgba(14, 165, 233, 0.3);
2875
- color: var(--pa-text-primary);
3081
+ background-color: rgba(0, 123, 255, 0.1);
3082
+ border-color: rgba(0, 123, 255, 0.3);
3083
+ color: var(--pa-text-color-1);
2876
3084
  }
2877
3085
 
2878
3086
  .pa-tabs--pills .pa-tabs__item--active {
@@ -2885,7 +3093,7 @@ a.pa-card p {
2885
3093
  border: 1px solid var(--pa-border-color);
2886
3094
  border-radius: 8px;
2887
3095
  padding: 0.4rem;
2888
- background-color: var(--pa-primary-bg);
3096
+ background-color: var(--pa-main-bg);
2889
3097
  gap: 0.4rem;
2890
3098
  }
2891
3099
 
@@ -2897,13 +3105,13 @@ a.pa-card p {
2897
3105
  }
2898
3106
 
2899
3107
  .pa-tabs--boxed .pa-tabs__item:hover {
2900
- background-color: rgba(14, 165, 233, 0.1);
2901
- color: var(--pa-text-primary);
3108
+ background-color: rgba(0, 123, 255, 0.1);
3109
+ color: var(--pa-text-color-1);
2902
3110
  }
2903
3111
 
2904
3112
  .pa-tabs--boxed .pa-tabs__item--active {
2905
3113
  background-color: var(--pa-card-bg);
2906
- color: var(--pa-text-primary);
3114
+ color: var(--pa-text-color-1);
2907
3115
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
2908
3116
  }
2909
3117
 
@@ -2930,12 +3138,12 @@ a.pa-card p {
2930
3138
  }
2931
3139
 
2932
3140
  .pa-tabs--vertical .pa-tabs__item:hover {
2933
- background-color: rgba(14, 165, 233, 0.05);
3141
+ background-color: rgba(0, 123, 255, 0.05);
2934
3142
  }
2935
3143
 
2936
3144
  .pa-tabs--vertical .pa-tabs__item--active {
2937
- border-right-color: #0ea5e9;
2938
- background-color: rgba(14, 165, 233, 0.1);
3145
+ border-right-color: #007bff;
3146
+ background-color: rgba(0, 123, 255, 0.1);
2939
3147
  }
2940
3148
 
2941
3149
  .pa-tabs--vertical .pa-tabs__item i {
@@ -2991,8 +3199,8 @@ a.pa-card p {
2991
3199
  bottom: 0;
2992
3200
  width: 3.2rem;
2993
3201
  border: none;
2994
- background: linear-gradient(to right, color-mix(in srgb, var(--pa-primary-bg) 95%, transparent), transparent);
2995
- color: var(--pa-text-primary);
3202
+ background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3203
+ color: var(--pa-text-color-1);
2996
3204
  cursor: pointer;
2997
3205
  z-index: 1;
2998
3206
  display: flex;
@@ -3004,17 +3212,17 @@ a.pa-card p {
3004
3212
  }
3005
3213
 
3006
3214
  .pa-tabs--scrollable .pa-tabs__scroll-btn:hover {
3007
- background: linear-gradient(to right, var(--pa-primary-bg), color-mix(in srgb, var(--pa-primary-bg) 80%, transparent));
3215
+ background: linear-gradient(to right, var(--pa-main-bg), color-mix(in srgb, var(--pa-main-bg) 80%, transparent));
3008
3216
  }
3009
3217
 
3010
3218
  .pa-tabs--scrollable .pa-tabs__scroll-btn--left {
3011
3219
  left: 0;
3012
- background: linear-gradient(to right, color-mix(in srgb, var(--pa-primary-bg) 95%, transparent), transparent);
3220
+ background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3013
3221
  }
3014
3222
 
3015
3223
  .pa-tabs--scrollable .pa-tabs__scroll-btn--right {
3016
3224
  right: 0;
3017
- background: linear-gradient(to left, color-mix(in srgb, var(--pa-primary-bg) 95%, transparent), transparent);
3225
+ background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3018
3226
  }
3019
3227
 
3020
3228
  .pa-tabs--scrollable .pa-tabs__scroll-btn--visible {
@@ -3058,7 +3266,7 @@ a.pa-card p {
3058
3266
  }
3059
3267
 
3060
3268
  .pa-tabs--border-top .pa-tabs__item--active {
3061
- border-top-color: #0ea5e9;
3269
+ border-top-color: #007bff;
3062
3270
  border-bottom-color: transparent;
3063
3271
  }
3064
3272
 
@@ -3147,7 +3355,7 @@ a.pa-card p {
3147
3355
  padding: 0;
3148
3356
  border: none;
3149
3357
  background: transparent;
3150
- color: var(--pa-text-secondary);
3358
+ color: var(--pa-text-color-2);
3151
3359
  cursor: pointer;
3152
3360
  transition: all 0.1s ease-out;
3153
3361
  border-left: 1px solid var(--pa-border-color);
@@ -3157,8 +3365,8 @@ a.pa-card p {
3157
3365
  }
3158
3366
 
3159
3367
  .pa-tabs__container--card .pa-tabs__overflow-toggle:hover {
3160
- background-color: rgba(14, 165, 233, 0.05);
3161
- color: var(--pa-text-primary);
3368
+ background-color: rgba(0, 123, 255, 0.05);
3369
+ color: var(--pa-text-color-1);
3162
3370
  }
3163
3371
 
3164
3372
  .pa-tabs__container--card .pa-tabs__overflow-toggle--has-active {
@@ -3208,11 +3416,11 @@ a.pa-card p {
3208
3416
  }
3209
3417
 
3210
3418
  .pa-tabs__container--card .pa-tabs__overflow-menu .pa-tabs__item:hover {
3211
- background-color: rgba(14, 165, 233, 0.05);
3419
+ background-color: rgba(0, 123, 255, 0.05);
3212
3420
  }
3213
3421
 
3214
3422
  .pa-tabs__container--card .pa-tabs__overflow-menu .pa-tabs__item--active {
3215
- background-color: rgba(14, 165, 233, 0.1);
3423
+ background-color: rgba(0, 123, 255, 0.1);
3216
3424
  border-bottom: none;
3217
3425
  }
3218
3426
 
@@ -3263,23 +3471,23 @@ a.pa-card p {
3263
3471
  }
3264
3472
 
3265
3473
  .pa-stat__icon--primary {
3266
- background-color: rgba(14, 165, 233, 0.1);
3267
- color: #0ea5e9;
3474
+ background-color: rgba(0, 123, 255, 0.1);
3475
+ color: #007bff;
3268
3476
  }
3269
3477
 
3270
3478
  .pa-stat__icon--success {
3271
- background-color: rgba(16, 185, 129, 0.1);
3272
- color: #10b981;
3479
+ background-color: rgba(40, 167, 69, 0.1);
3480
+ color: #28a745;
3273
3481
  }
3274
3482
 
3275
3483
  .pa-stat__icon--warning {
3276
- background-color: rgba(245, 158, 11, 0.1);
3277
- color: #f59e0b;
3484
+ background-color: rgba(255, 193, 7, 0.1);
3485
+ color: #ffc107;
3278
3486
  }
3279
3487
 
3280
3488
  .pa-stat__icon--info {
3281
- background-color: rgba(6, 182, 212, 0.1);
3282
- color: #06b6d4;
3489
+ background-color: rgba(23, 162, 184, 0.1);
3490
+ color: #17a2b8;
3283
3491
  }
3284
3492
 
3285
3493
  .pa-stat__content {
@@ -3289,12 +3497,12 @@ a.pa-card p {
3289
3497
  .pa-stat__number {
3290
3498
  font-size: 2.4rem;
3291
3499
  font-weight: 600;
3292
- color: var(--pa-text-primary);
3500
+ color: var(--pa-text-color-1);
3293
3501
  margin-bottom: 0.4rem;
3294
3502
  }
3295
3503
 
3296
3504
  .pa-stat__label {
3297
- color: var(--pa-text-secondary);
3505
+ color: var(--pa-text-color-2);
3298
3506
  font-size: 1.4rem;
3299
3507
  }
3300
3508
 
@@ -3309,14 +3517,14 @@ a.pa-card p {
3309
3517
  text-transform: uppercase;
3310
3518
  letter-spacing: 0.05em;
3311
3519
  font-weight: 500;
3312
- color: var(--pa-text-secondary);
3520
+ color: var(--pa-text-color-2);
3313
3521
  margin-bottom: 0.8rem;
3314
3522
  }
3315
3523
 
3316
3524
  .pa-stat--hero .pa-stat__value {
3317
3525
  font-size: 3.2rem;
3318
3526
  font-weight: 700;
3319
- color: var(--pa-text-primary);
3527
+ color: var(--pa-text-color-1);
3320
3528
  line-height: 1.1;
3321
3529
  margin-bottom: 0.8rem;
3322
3530
  }
@@ -3327,15 +3535,15 @@ a.pa-card p {
3327
3535
  }
3328
3536
 
3329
3537
  .pa-stat--hero .pa-stat__change--positive {
3330
- color: #10b981;
3538
+ color: #28a745;
3331
3539
  }
3332
3540
 
3333
3541
  .pa-stat--hero .pa-stat__change--negative {
3334
- color: #ef4444;
3542
+ color: #dc3545;
3335
3543
  }
3336
3544
 
3337
3545
  .pa-stat--hero .pa-stat__change--neutral {
3338
- color: var(--pa-text-secondary);
3546
+ color: var(--pa-text-color-2);
3339
3547
  }
3340
3548
 
3341
3549
  .pa-stat--square {
@@ -3402,32 +3610,32 @@ a.pa-card p {
3402
3610
  }
3403
3611
 
3404
3612
  .pa-stat--square.pa-stat--primary {
3405
- background-color: #0ea5e9;
3613
+ background-color: #007bff;
3406
3614
  color: #ffffff;
3407
3615
  }
3408
3616
 
3409
3617
  .pa-stat--square.pa-stat--success {
3410
- background-color: #10b981;
3618
+ background-color: #28a745;
3411
3619
  color: #ffffff;
3412
3620
  }
3413
3621
 
3414
3622
  .pa-stat--square.pa-stat--info {
3415
- background-color: #06b6d4;
3623
+ background-color: #17a2b8;
3416
3624
  color: #ffffff;
3417
3625
  }
3418
3626
 
3419
3627
  .pa-stat--square.pa-stat--warning {
3420
- background-color: #f59e0b;
3421
- color: #ffffff;
3628
+ background-color: #ffc107;
3629
+ color: #212529;
3422
3630
  }
3423
3631
 
3424
3632
  .pa-stat--square.pa-stat--danger {
3425
- background-color: #ef4444;
3633
+ background-color: #dc3545;
3426
3634
  color: #ffffff;
3427
3635
  }
3428
3636
 
3429
3637
  .pa-stat--square.pa-stat--secondary {
3430
- background-color: var(--pa-text-secondary);
3638
+ background-color: var(--pa-text-color-2);
3431
3639
  color: #ffffff;
3432
3640
  }
3433
3641
 
@@ -3510,24 +3718,24 @@ a.pa-card p {
3510
3718
 
3511
3719
  .pa-list-basic--icon li::before {
3512
3720
  content: "✓";
3513
- color: #10b981;
3721
+ color: #28a745;
3514
3722
  font-weight: 600;
3515
3723
  flex-shrink: 0;
3516
3724
  }
3517
3725
 
3518
3726
  .pa-list-basic--icon.pa-list-basic--danger li::before {
3519
3727
  content: "✗";
3520
- color: #ef4444;
3728
+ color: #dc3545;
3521
3729
  }
3522
3730
 
3523
3731
  .pa-list-basic--icon.pa-list-basic--info li::before {
3524
3732
  content: "→";
3525
- color: #06b6d4;
3733
+ color: #17a2b8;
3526
3734
  }
3527
3735
 
3528
3736
  .pa-list-basic--icon.pa-list-basic--warning li::before {
3529
3737
  content: "!";
3530
- color: #f59e0b;
3738
+ color: #ffc107;
3531
3739
  }
3532
3740
 
3533
3741
  .pa-list-ordered {
@@ -3555,7 +3763,7 @@ a.pa-card p {
3555
3763
 
3556
3764
  .pa-list-definition dt {
3557
3765
  font-weight: 600;
3558
- color: var(--pa-text-primary);
3766
+ color: var(--pa-text-color-1);
3559
3767
  margin-bottom: 0.4rem;
3560
3768
  margin-top: 1.6rem;
3561
3769
  }
@@ -3567,7 +3775,7 @@ a.pa-card p {
3567
3775
  .pa-list-definition dd {
3568
3776
  margin-left: 2.4rem;
3569
3777
  margin-bottom: 0.8rem;
3570
- color: var(--pa-text-secondary);
3778
+ color: var(--pa-text-color-2);
3571
3779
  line-height: 1.6;
3572
3780
  }
3573
3781
 
@@ -3604,14 +3812,14 @@ a.pa-card p {
3604
3812
  }
3605
3813
 
3606
3814
  .pa-list__item:hover {
3607
- background-color: var(--pa-primary-bg);
3815
+ background-color: var(--pa-main-bg);
3608
3816
  }
3609
3817
 
3610
3818
  .pa-list__avatar {
3611
3819
  width: 3.5rem;
3612
3820
  height: 3.5rem;
3613
3821
  border-radius: 50%;
3614
- background-color: var(--pa-primary-bg);
3822
+ background-color: var(--pa-main-bg);
3615
3823
  display: flex;
3616
3824
  align-items: center;
3617
3825
  justify-content: center;
@@ -3624,18 +3832,18 @@ a.pa-card p {
3624
3832
 
3625
3833
  .pa-list__title {
3626
3834
  font-weight: 500;
3627
- color: var(--pa-text-primary);
3835
+ color: var(--pa-text-color-1);
3628
3836
  margin-bottom: 0.4rem;
3629
3837
  }
3630
3838
 
3631
3839
  .pa-list__subtitle {
3632
- color: var(--pa-text-secondary);
3840
+ color: var(--pa-text-color-2);
3633
3841
  font-size: 1.4rem;
3634
3842
  margin-bottom: 0.4rem;
3635
3843
  }
3636
3844
 
3637
3845
  .pa-list__meta {
3638
- color: var(--pa-text-secondary);
3846
+ color: var(--pa-text-color-2);
3639
3847
  font-size: 1.2rem;
3640
3848
  }
3641
3849
 
@@ -3815,7 +4023,7 @@ a.pa-card p {
3815
4023
 
3816
4024
  .pa-composite-badge__button:focus {
3817
4025
  outline: none;
3818
- box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.25);
4026
+ box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.25);
3819
4027
  }
3820
4028
 
3821
4029
  /* ========================================
@@ -3823,61 +4031,61 @@ a.pa-card p {
3823
4031
  Color variations for composite badges
3824
4032
  ======================================== */
3825
4033
  .pa-composite-badge--primary .pa-composite-badge__icon {
3826
- background-color: #0ea5e9;
4034
+ background-color: #007bff;
3827
4035
  color: #ffffff;
3828
4036
  }
3829
4037
 
3830
4038
  .pa-composite-badge--primary .pa-composite-badge__label {
3831
- background-color: rgba(14, 165, 233, 0.05);
3832
- color: #0ea5e9;
4039
+ background-color: rgba(0, 123, 255, 0.05);
4040
+ color: #007bff;
3833
4041
  }
3834
4042
 
3835
4043
  .pa-composite-badge--primary .pa-composite-badge__label:hover {
3836
- background-color: rgba(14, 165, 233, 0.08);
4044
+ background-color: rgba(0, 123, 255, 0.12);
3837
4045
  }
3838
4046
 
3839
4047
  .pa-composite-badge--primary .pa-composite-badge__button {
3840
- background-color: #0ea5e9;
4048
+ background-color: #007bff;
3841
4049
  color: #ffffff;
3842
4050
  }
3843
4051
 
3844
4052
  .pa-composite-badge--primary .pa-composite-badge__button:hover {
3845
- background-color: #0284c7;
4053
+ background-color: rgb(51, 149.4, 255);
3846
4054
  }
3847
4055
 
3848
4056
  .pa-composite-badge--primary .pa-composite-badge__button:focus {
3849
- box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.08);
4057
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
3850
4058
  }
3851
4059
 
3852
4060
  .pa-composite-badge--secondary .pa-composite-badge__icon {
3853
- background-color: #6b7280;
4061
+ background-color: #6c757d;
3854
4062
  color: #ffffff;
3855
4063
  }
3856
4064
 
3857
4065
  .pa-composite-badge--secondary .pa-composite-badge__label {
3858
- background-color: #f8fafc;
3859
- color: var(--pa-text-secondary);
4066
+ background-color: #f8f9fa;
4067
+ color: var(--pa-text-color-2);
3860
4068
  }
3861
4069
 
3862
4070
  .pa-composite-badge--secondary .pa-composite-badge__label:hover {
3863
- background-color: #f8fafc;
4071
+ background-color: #f8f9fa;
3864
4072
  }
3865
4073
 
3866
4074
  .pa-composite-badge--secondary .pa-composite-badge__button {
3867
- background-color: #6b7280;
4075
+ background-color: #6c757d;
3868
4076
  color: #ffffff;
3869
4077
  }
3870
4078
 
3871
4079
  .pa-composite-badge--secondary .pa-composite-badge__button:hover {
3872
- background-color: #4b5563;
4080
+ background-color: #545b62;
3873
4081
  }
3874
4082
 
3875
4083
  .pa-composite-badge--secondary .pa-composite-badge__button:focus {
3876
- box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.08);
4084
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
3877
4085
  }
3878
4086
 
3879
4087
  .pa-composite-badge--success .pa-composite-badge__icon {
3880
- background-color: #10b981;
4088
+ background-color: #28a745;
3881
4089
  color: #ffffff;
3882
4090
  }
3883
4091
 
@@ -3891,20 +4099,20 @@ a.pa-card p {
3891
4099
  }
3892
4100
 
3893
4101
  .pa-composite-badge--success .pa-composite-badge__button {
3894
- background-color: #10b981;
4102
+ background-color: #28a745;
3895
4103
  color: #ffffff;
3896
4104
  }
3897
4105
 
3898
4106
  .pa-composite-badge--success .pa-composite-badge__button:hover {
3899
- background-color: #059669;
4107
+ background-color: rgb(30.1449275362, 125.8550724638, 52);
3900
4108
  }
3901
4109
 
3902
4110
  .pa-composite-badge--success .pa-composite-badge__button:focus {
3903
- box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.08);
4111
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
3904
4112
  }
3905
4113
 
3906
4114
  .pa-composite-badge--danger .pa-composite-badge__icon {
3907
- background-color: #ef4444;
4115
+ background-color: #dc3545;
3908
4116
  color: #ffffff;
3909
4117
  }
3910
4118
 
@@ -3918,21 +4126,21 @@ a.pa-card p {
3918
4126
  }
3919
4127
 
3920
4128
  .pa-composite-badge--danger .pa-composite-badge__button {
3921
- background-color: #ef4444;
4129
+ background-color: #dc3545;
3922
4130
  color: #ffffff;
3923
4131
  }
3924
4132
 
3925
4133
  .pa-composite-badge--danger .pa-composite-badge__button:hover {
3926
- background-color: #dc2626;
4134
+ background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
3927
4135
  }
3928
4136
 
3929
4137
  .pa-composite-badge--danger .pa-composite-badge__button:focus {
3930
- box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.08);
4138
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
3931
4139
  }
3932
4140
 
3933
4141
  .pa-composite-badge--warning .pa-composite-badge__icon {
3934
- background-color: #f59e0b;
3935
- color: #ffffff;
4142
+ background-color: #ffc107;
4143
+ color: #212529;
3936
4144
  }
3937
4145
 
3938
4146
  .pa-composite-badge--warning .pa-composite-badge__label {
@@ -3945,20 +4153,20 @@ a.pa-card p {
3945
4153
  }
3946
4154
 
3947
4155
  .pa-composite-badge--warning .pa-composite-badge__button {
3948
- background-color: #f59e0b;
3949
- color: #ffffff;
4156
+ background-color: #ffc107;
4157
+ color: #212529;
3950
4158
  }
3951
4159
 
3952
4160
  .pa-composite-badge--warning .pa-composite-badge__button:hover {
3953
- background-color: #d97706;
4161
+ background-color: rgb(211, 158.25, 0);
3954
4162
  }
3955
4163
 
3956
4164
  .pa-composite-badge--warning .pa-composite-badge__button:focus {
3957
- box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.08);
4165
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
3958
4166
  }
3959
4167
 
3960
4168
  .pa-composite-badge--info .pa-composite-badge__icon {
3961
- background-color: #06b6d4;
4169
+ background-color: #17a2b8;
3962
4170
  color: #ffffff;
3963
4171
  }
3964
4172
 
@@ -3972,122 +4180,122 @@ a.pa-card p {
3972
4180
  }
3973
4181
 
3974
4182
  .pa-composite-badge--info .pa-composite-badge__button {
3975
- background-color: #06b6d4;
4183
+ background-color: #17a2b8;
3976
4184
  color: #ffffff;
3977
4185
  }
3978
4186
 
3979
4187
  .pa-composite-badge--info .pa-composite-badge__button:hover {
3980
- background-color: #0891b2;
4188
+ background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
3981
4189
  }
3982
4190
 
3983
4191
  .pa-composite-badge--info .pa-composite-badge__button:focus {
3984
- box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.08);
4192
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
3985
4193
  }
3986
4194
 
3987
4195
  .pa-composite-badge--light .pa-composite-badge__icon {
3988
- background-color: #f3f4f6;
3989
- color: #374151;
4196
+ background-color: #f8f9fa;
4197
+ color: #2c3e50;
3990
4198
  }
3991
4199
 
3992
4200
  .pa-composite-badge--light .pa-composite-badge__label {
3993
- background-color: #1e293b;
3994
- color: #374151;
4201
+ background-color: #ffffff;
4202
+ color: #2c3e50;
3995
4203
  }
3996
4204
 
3997
4205
  .pa-composite-badge--light .pa-composite-badge__label:hover {
3998
- background-color: #e5e7eb;
4206
+ background-color: #e9ecef;
3999
4207
  }
4000
4208
 
4001
4209
  .pa-composite-badge--light .pa-composite-badge__button {
4002
- background-color: #f3f4f6;
4003
- color: #374151;
4210
+ background-color: #f8f9fa;
4211
+ color: #2c3e50;
4004
4212
  }
4005
4213
 
4006
4214
  .pa-composite-badge--light .pa-composite-badge__button:hover {
4007
- background-color: #e5e7eb;
4215
+ background-color: #e9ecef;
4008
4216
  }
4009
4217
 
4010
4218
  .pa-composite-badge--light .pa-composite-badge__button:focus {
4011
- box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.08);
4219
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
4012
4220
  }
4013
4221
 
4014
4222
  .pa-composite-badge--dark .pa-composite-badge__icon {
4015
- background-color: #374151;
4223
+ background-color: #343a40;
4016
4224
  color: #ffffff;
4017
4225
  }
4018
4226
 
4019
4227
  .pa-composite-badge--dark .pa-composite-badge__label {
4020
- background-color: #f8fafc;
4021
- color: var(--pa-text-primary);
4228
+ background-color: #f8f9fa;
4229
+ color: var(--pa-text-color-1);
4022
4230
  }
4023
4231
 
4024
4232
  .pa-composite-badge--dark .pa-composite-badge__label:hover {
4025
- background-color: #e2e8f0;
4233
+ background-color: #e1e5e9;
4026
4234
  }
4027
4235
 
4028
4236
  .pa-composite-badge--dark .pa-composite-badge__button {
4029
- background-color: #374151;
4237
+ background-color: #343a40;
4030
4238
  color: #ffffff;
4031
4239
  }
4032
4240
 
4033
4241
  .pa-composite-badge--dark .pa-composite-badge__button:hover {
4034
- background-color: #1f2937;
4242
+ background-color: #1d2124;
4035
4243
  }
4036
4244
 
4037
4245
  .pa-composite-badge--dark .pa-composite-badge__button:focus {
4038
- box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.08);
4246
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
4039
4247
  }
4040
4248
 
4041
4249
  .pa-composite-badge--primary .pa-composite-badge__icon {
4042
- background-color: #0ea5e9;
4250
+ background-color: #007bff;
4043
4251
  }
4044
4252
 
4045
4253
  .pa-composite-badge--secondary .pa-composite-badge__icon {
4046
- background-color: #6b7280;
4254
+ background-color: #6c757d;
4047
4255
  }
4048
4256
 
4049
4257
  .pa-composite-badge--success .pa-composite-badge__icon {
4050
- background-color: #10b981;
4258
+ background-color: #28a745;
4051
4259
  }
4052
4260
 
4053
4261
  .pa-composite-badge--danger .pa-composite-badge__icon {
4054
- background-color: #ef4444;
4262
+ background-color: #dc3545;
4055
4263
  }
4056
4264
 
4057
4265
  .pa-composite-badge--warning .pa-composite-badge__icon {
4058
- background-color: #f59e0b;
4059
- color: #ffffff;
4266
+ background-color: #ffc107;
4267
+ color: #212529;
4060
4268
  }
4061
4269
 
4062
4270
  .pa-composite-badge--info .pa-composite-badge__icon {
4063
- background-color: #06b6d4;
4271
+ background-color: #17a2b8;
4064
4272
  }
4065
4273
 
4066
4274
  .pa-composite-badge--light .pa-composite-badge__icon {
4067
- background-color: #f3f4f6;
4068
- color: #374151;
4275
+ background-color: #f8f9fa;
4276
+ color: #2c3e50;
4069
4277
  }
4070
4278
 
4071
4279
  .pa-composite-badge--dark .pa-composite-badge__icon {
4072
- background-color: #374151;
4280
+ background-color: #343a40;
4073
4281
  }
4074
4282
 
4075
4283
  .pa-composite-badge--label-primary .pa-composite-badge__label {
4076
- background-color: rgb(199.3441295547, 235.4129554656, 251.6558704453);
4077
- color: rgb(5.3279352227, 62.7935222672, 88.6720647773);
4284
+ background-color: rgb(204, 228.6, 255);
4285
+ color: rgb(0, 49.2, 102);
4078
4286
  }
4079
4287
 
4080
4288
  .pa-composite-badge--label-primary .pa-composite-badge__label:hover {
4081
- background-color: rgb(175.2894736842, 226.9473684211, 250.2105263158);
4289
+ background-color: rgb(178.5, 215.4, 255);
4082
4290
  }
4083
4291
 
4084
4292
  .pa-composite-badge--label-secondary .pa-composite-badge__label {
4085
- background-color: rgb(202.4382978723, 205.3127659574, 211.0617021277);
4293
+ background-color: rgb(202.1566523605, 205.9613733906, 209.3433476395);
4086
4294
  color: #383d41;
4087
4295
  }
4088
4296
 
4089
4297
  .pa-composite-badge--label-secondary .pa-composite-badge__label:hover {
4090
- background-color: rgb(188.5489361702, 192.1829787234, 199.4510638298);
4298
+ background-color: rgb(188.4763948498, 193.2660944206, 197.5236051502);
4091
4299
  }
4092
4300
 
4093
4301
  .pa-composite-badge--label-success .pa-composite-badge__label {
@@ -4127,107 +4335,107 @@ a.pa-card p {
4127
4335
  }
4128
4336
 
4129
4337
  .pa-composite-badge--label-light .pa-composite-badge__label {
4130
- background-color: rgb(248.8285714286, 249.3428571429, 250.3714285714);
4131
- color: #374151;
4338
+ background-color: rgb(253.95, 254.1, 254.25);
4339
+ color: #2c3e50;
4132
4340
  }
4133
4341
 
4134
4342
  .pa-composite-badge--label-light .pa-composite-badge__label:hover {
4135
- background-color: rgb(202.4382978723, 205.3127659574, 211.0617021277);
4343
+ background-color: rgb(202.1566523605, 205.9613733906, 209.3433476395);
4136
4344
  }
4137
4345
 
4138
4346
  .pa-composite-badge--label-dark .pa-composite-badge__label {
4139
- background-color: rgb(184.125, 192.875, 206.875);
4140
- color: rgb(65.3125, 77.1875, 96.1875);
4347
+ background-color: rgb(178.3103448276, 185.5, 192.6896551724);
4348
+ color: rgb(63.4310344828, 70.75, 78.0689655172);
4141
4349
  }
4142
4350
 
4143
4351
  .pa-composite-badge--label-dark .pa-composite-badge__label:hover {
4144
- background-color: rgb(168.9375, 179.5625, 196.5625);
4352
+ background-color: rgb(164.2413793103, 172.75, 181.2586206897);
4145
4353
  }
4146
4354
 
4147
4355
  .pa-composite-badge--btn-primary .pa-composite-badge__button {
4148
- background-color: #0ea5e9;
4356
+ background-color: #007bff;
4149
4357
  }
4150
4358
 
4151
4359
  .pa-composite-badge--btn-primary .pa-composite-badge__button:hover {
4152
- background-color: #0284c7;
4360
+ background-color: rgb(51, 149.4, 255);
4153
4361
  }
4154
4362
 
4155
4363
  .pa-composite-badge--btn-primary .pa-composite-badge__button:focus {
4156
- box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.25);
4364
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
4157
4365
  }
4158
4366
 
4159
4367
  .pa-composite-badge--btn-secondary .pa-composite-badge__button {
4160
- background-color: #6b7280;
4368
+ background-color: #6c757d;
4161
4369
  }
4162
4370
 
4163
4371
  .pa-composite-badge--btn-secondary .pa-composite-badge__button:hover {
4164
- background-color: #4b5563;
4372
+ background-color: #545b62;
4165
4373
  }
4166
4374
 
4167
4375
  .pa-composite-badge--btn-secondary .pa-composite-badge__button:focus {
4168
- box-shadow: 0 0 0 2px rgba(107, 114, 128, 0.25);
4376
+ box-shadow: 0 0 0 2px rgba(108, 117, 125, 0.25);
4169
4377
  }
4170
4378
 
4171
4379
  .pa-composite-badge--btn-success .pa-composite-badge__button {
4172
- background-color: #10b981;
4380
+ background-color: #28a745;
4173
4381
  }
4174
4382
 
4175
4383
  .pa-composite-badge--btn-success .pa-composite-badge__button:hover {
4176
- background-color: #059669;
4384
+ background-color: rgb(30.1449275362, 125.8550724638, 52);
4177
4385
  }
4178
4386
 
4179
4387
  .pa-composite-badge--btn-success .pa-composite-badge__button:focus {
4180
- box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.25);
4388
+ box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.25);
4181
4389
  }
4182
4390
 
4183
4391
  .pa-composite-badge--btn-warning .pa-composite-badge__button {
4184
- background-color: #f59e0b;
4185
- color: #ffffff;
4392
+ background-color: #ffc107;
4393
+ color: #212529;
4186
4394
  }
4187
4395
 
4188
4396
  .pa-composite-badge--btn-warning .pa-composite-badge__button:hover {
4189
- background-color: #d97706;
4397
+ background-color: rgb(211, 158.25, 0);
4190
4398
  }
4191
4399
 
4192
4400
  .pa-composite-badge--btn-warning .pa-composite-badge__button:focus {
4193
- box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.25);
4401
+ box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.25);
4194
4402
  }
4195
4403
 
4196
4404
  .pa-composite-badge--btn-info .pa-composite-badge__button {
4197
- background-color: #06b6d4;
4405
+ background-color: #17a2b8;
4198
4406
  }
4199
4407
 
4200
4408
  .pa-composite-badge--btn-info .pa-composite-badge__button:hover {
4201
- background-color: #0891b2;
4409
+ background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
4202
4410
  }
4203
4411
 
4204
4412
  .pa-composite-badge--btn-info .pa-composite-badge__button:focus {
4205
- box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.25);
4413
+ box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.25);
4206
4414
  }
4207
4415
 
4208
4416
  .pa-composite-badge--btn-light .pa-composite-badge__button {
4209
- background-color: #f3f4f6;
4210
- color: #374151;
4417
+ background-color: #f8f9fa;
4418
+ color: #2c3e50;
4211
4419
  }
4212
4420
 
4213
4421
  .pa-composite-badge--btn-light .pa-composite-badge__button:hover {
4214
- background-color: #e5e7eb;
4422
+ background-color: #e9ecef;
4215
4423
  }
4216
4424
 
4217
4425
  .pa-composite-badge--btn-light .pa-composite-badge__button:focus {
4218
- box-shadow: 0 0 0 2px rgba(243, 244, 246, 0.25);
4426
+ box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.25);
4219
4427
  }
4220
4428
 
4221
4429
  .pa-composite-badge--btn-dark .pa-composite-badge__button {
4222
- background-color: #374151;
4430
+ background-color: #343a40;
4223
4431
  }
4224
4432
 
4225
4433
  .pa-composite-badge--btn-dark .pa-composite-badge__button:hover {
4226
- background-color: #1f2937;
4434
+ background-color: #1d2124;
4227
4435
  }
4228
4436
 
4229
4437
  .pa-composite-badge--btn-dark .pa-composite-badge__button:focus {
4230
- box-shadow: 0 0 0 2px rgba(55, 65, 81, 0.25);
4438
+ box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.25);
4231
4439
  }
4232
4440
 
4233
4441
  /* ========================================
@@ -4259,7 +4467,7 @@ a.pa-card p {
4259
4467
  gap: 0.4rem;
4260
4468
  padding: 0.4rem 0.8rem;
4261
4469
  background-color: var(--pa-accent-light);
4262
- color: var(--pa-text-primary);
4470
+ color: var(--pa-text-color-1);
4263
4471
  font-size: 1.2rem;
4264
4472
  font-weight: 500;
4265
4473
  line-height: 1.2;
@@ -4416,7 +4624,7 @@ a.pa-card p {
4416
4624
  cursor: pointer;
4417
4625
  transition: all 0.1s ease-out;
4418
4626
  background: none;
4419
- color: var(--pa-text-primary);
4627
+ color: var(--pa-text-color-1);
4420
4628
  }
4421
4629
 
4422
4630
  .pa-btn:hover {
@@ -4437,11 +4645,11 @@ a.pa-card p {
4437
4645
  .pa-btn--secondary {
4438
4646
  background-color: transparent;
4439
4647
  border-color: var(--pa-border-color);
4440
- color: var(--pa-text-primary);
4648
+ color: var(--pa-text-color-1);
4441
4649
  }
4442
4650
 
4443
4651
  .pa-btn--secondary:hover {
4444
- background-color: var(--pa-primary-bg);
4652
+ background-color: var(--pa-main-bg);
4445
4653
  border-color: var(--pa-accent);
4446
4654
  }
4447
4655
 
@@ -4861,27 +5069,27 @@ a.pa-card p {
4861
5069
  }
4862
5070
 
4863
5071
  .pa-spinner--primary {
4864
- border-top-color: #0ea5e9;
5072
+ border-top-color: #007bff;
4865
5073
  }
4866
5074
 
4867
5075
  .pa-spinner--secondary {
4868
- border-top-color: #6b7280;
5076
+ border-top-color: #6c757d;
4869
5077
  }
4870
5078
 
4871
5079
  .pa-spinner--success {
4872
- border-top-color: #10b981;
5080
+ border-top-color: #28a745;
4873
5081
  }
4874
5082
 
4875
5083
  .pa-spinner--danger {
4876
- border-top-color: #ef4444;
5084
+ border-top-color: #dc3545;
4877
5085
  }
4878
5086
 
4879
5087
  .pa-spinner--warning {
4880
- border-top-color: #f59e0b;
5088
+ border-top-color: #ffc107;
4881
5089
  }
4882
5090
 
4883
5091
  .pa-spinner--info {
4884
- border-top-color: #06b6d4;
5092
+ border-top-color: #17a2b8;
4885
5093
  }
4886
5094
 
4887
5095
  .pa-loader-dots {
@@ -5280,7 +5488,7 @@ a.pa-card p {
5280
5488
 
5281
5489
  .pa-tooltip--warning::before {
5282
5490
  background-color: var(--pa-btn-warning-bg);
5283
- color: var(--pa-text-primary);
5491
+ color: var(--pa-text-color-1);
5284
5492
  }
5285
5493
 
5286
5494
  .pa-tooltip--warning::after {
@@ -5618,7 +5826,7 @@ a.pa-card p {
5618
5826
  border: 1px solid var(--pa-border-color);
5619
5827
  border-radius: 50%;
5620
5828
  background-color: var(--pa-popover-content-bg);
5621
- color: var(--pa-text-secondary);
5829
+ color: var(--pa-text-color-2);
5622
5830
  font-size: 1.2rem;
5623
5831
  font-weight: 700;
5624
5832
  cursor: pointer;
@@ -5652,7 +5860,7 @@ a.pa-card p {
5652
5860
  align-items: center;
5653
5861
  justify-content: space-between;
5654
5862
  padding: 0.8rem 0.3rem 0.8rem 0.8rem;
5655
- border-bottom: 1px solid #e2e8f0;
5863
+ border-bottom: 1px solid #e1e5e9;
5656
5864
  background-color: var(--pa-card-header-bg);
5657
5865
  border-radius: 4px 4px 0 0;
5658
5866
  }
@@ -5661,14 +5869,14 @@ a.pa-card p {
5661
5869
  margin: 0;
5662
5870
  font-size: 1.8rem;
5663
5871
  font-weight: 600;
5664
- color: var(--pa-text-primary);
5872
+ color: var(--pa-text-color-1);
5665
5873
  }
5666
5874
 
5667
5875
  .pa-popover__body {
5668
5876
  padding: 1.6rem;
5669
5877
  font-size: 1.4rem;
5670
5878
  line-height: 1.5;
5671
- color: var(--pa-text-primary);
5879
+ color: var(--pa-text-color-1);
5672
5880
  text-align: left;
5673
5881
  }
5674
5882
 
@@ -5696,7 +5904,7 @@ a.pa-card p {
5696
5904
 
5697
5905
  .pa-popover__body code {
5698
5906
  padding: 0.2rem 0.4rem;
5699
- background-color: color-mix(in srgb, var(--pa-text-secondary) 15%, transparent);
5907
+ background-color: color-mix(in srgb, var(--pa-text-color-2) 15%, transparent);
5700
5908
  border-radius: 2px;
5701
5909
  font-family: monospace;
5702
5910
  font-size: 0.9em;
@@ -5707,7 +5915,7 @@ a.pa-card p {
5707
5915
  border: none;
5708
5916
  font-size: 1.8rem;
5709
5917
  line-height: 1;
5710
- color: var(--pa-text-secondary);
5918
+ color: var(--pa-text-color-2);
5711
5919
  cursor: pointer;
5712
5920
  padding: 0;
5713
5921
  width: 2.4rem;
@@ -5720,8 +5928,8 @@ a.pa-card p {
5720
5928
  }
5721
5929
 
5722
5930
  .pa-popover__close:hover {
5723
- background-color: color-mix(in srgb, var(--pa-text-secondary) 10%, transparent);
5724
- color: var(--pa-text-primary);
5931
+ background-color: color-mix(in srgb, var(--pa-text-color-2) 10%, transparent);
5932
+ color: var(--pa-text-color-1);
5725
5933
  }
5726
5934
 
5727
5935
  .pa-popover--sm .pa-popover__content {
@@ -5848,13 +6056,13 @@ a.pa-card p {
5848
6056
 
5849
6057
  .pa-alert--primary {
5850
6058
  color: var(--pa-accent);
5851
- background-color: rgba(14, 165, 233, 0.08);
5852
- border-color: rgba(14, 165, 233, 0.2);
6059
+ background-color: rgba(0, 123, 255, 0.08);
6060
+ border-color: rgba(0, 123, 255, 0.2);
5853
6061
  }
5854
6062
 
5855
6063
  .pa-alert--secondary {
5856
- color: var(--pa-text-secondary);
5857
- background-color: color-mix(in srgb, var(--pa-text-secondary) 15%, transparent);
6064
+ color: var(--pa-text-color-2);
6065
+ background-color: color-mix(in srgb, var(--pa-text-color-2) 15%, transparent);
5858
6066
  border-color: var(--pa-border-color);
5859
6067
  }
5860
6068
 
@@ -5884,15 +6092,15 @@ a.pa-card p {
5884
6092
  }
5885
6093
 
5886
6094
  .pa-alert--light {
5887
- color: var(--pa-text-primary);
5888
- background-color: color-mix(in srgb, var(--pa-text-primary) 5%, transparent);
6095
+ color: var(--pa-text-color-1);
6096
+ background-color: color-mix(in srgb, var(--pa-text-color-1) 5%, transparent);
5889
6097
  border-color: var(--pa-border-color);
5890
6098
  }
5891
6099
 
5892
6100
  .pa-alert--dark {
5893
- color: var(--pa-text-primary);
5894
- background-color: color-mix(in srgb, var(--pa-text-primary) 5%, transparent);
5895
- border-color: color-mix(in srgb, var(--pa-text-primary) 10%, transparent);
6101
+ color: var(--pa-text-color-1);
6102
+ background-color: color-mix(in srgb, var(--pa-text-color-1) 5%, transparent);
6103
+ border-color: color-mix(in srgb, var(--pa-text-color-1) 10%, transparent);
5896
6104
  }
5897
6105
 
5898
6106
  .pa-alert--outline-primary {
@@ -6046,12 +6254,12 @@ a.pa-card p {
6046
6254
 
6047
6255
  .pa-callout--primary {
6048
6256
  border-left-color: var(--pa-accent);
6049
- background-color: rgba(14, 165, 233, 0.08);
6257
+ background-color: rgba(0, 123, 255, 0.08);
6050
6258
  }
6051
6259
 
6052
6260
  .pa-callout--secondary {
6053
- border-left-color: var(--pa-text-secondary);
6054
- background-color: color-mix(in srgb, var(--pa-text-secondary) 5%, transparent);
6261
+ border-left-color: var(--pa-text-color-2);
6262
+ background-color: color-mix(in srgb, var(--pa-text-color-2) 5%, transparent);
6055
6263
  }
6056
6264
 
6057
6265
  .pa-callout--success {
@@ -6180,7 +6388,7 @@ a.pa-card p {
6180
6388
  flex-shrink: 0;
6181
6389
  padding-top: 0.8rem;
6182
6390
  margin-bottom: 0;
6183
- color: var(--pa-text-primary);
6391
+ color: var(--pa-text-color-1);
6184
6392
  font-weight: 500;
6185
6393
  font-size: 1.4rem;
6186
6394
  }
@@ -6196,7 +6404,7 @@ a.pa-card p {
6196
6404
  align-items: center;
6197
6405
  gap: 0.8rem;
6198
6406
  margin-bottom: 0.3rem;
6199
- color: var(--pa-text-primary);
6407
+ color: var(--pa-text-color-1);
6200
6408
  font-weight: 500;
6201
6409
  font-size: 1.4rem;
6202
6410
  }
@@ -6220,7 +6428,7 @@ a.pa-card p {
6220
6428
  border-radius: 4px;
6221
6429
  font-size: 1.4rem;
6222
6430
  background-color: var(--pa-input-bg);
6223
- color: var(--pa-text-primary);
6431
+ color: var(--pa-text-color-1);
6224
6432
  transition: border-color 0.1s ease-out;
6225
6433
  }
6226
6434
 
@@ -6238,7 +6446,7 @@ a.pa-card p {
6238
6446
  border-radius: 4px;
6239
6447
  font-size: 1.4rem;
6240
6448
  background-color: var(--pa-input-bg);
6241
- color: var(--pa-text-primary);
6449
+ color: var(--pa-text-color-1);
6242
6450
  transition: border-color 0.1s ease-out;
6243
6451
  }
6244
6452
 
@@ -6255,7 +6463,7 @@ a.pa-card p {
6255
6463
  border-radius: 4px;
6256
6464
  font-size: 1.4rem;
6257
6465
  background-color: var(--pa-input-bg);
6258
- color: var(--pa-text-primary);
6466
+ color: var(--pa-text-color-1);
6259
6467
  transition: border-color 0.1s ease-out;
6260
6468
  resize: vertical;
6261
6469
  min-height: 9.6rem;
@@ -6268,7 +6476,7 @@ a.pa-card p {
6268
6476
  }
6269
6477
 
6270
6478
  .pa-textarea::placeholder {
6271
- color: var(--pa-text-secondary);
6479
+ color: var(--pa-text-color-2);
6272
6480
  }
6273
6481
 
6274
6482
  .pa-input--xs,
@@ -6381,7 +6589,7 @@ a.pa-card p {
6381
6589
  display: block;
6382
6590
  margin-top: 0.4rem;
6383
6591
  font-size: 1.2rem;
6384
- color: var(--pa-text-secondary);
6592
+ color: var(--pa-text-color-2);
6385
6593
  }
6386
6594
 
6387
6595
  .pa-form-help--error {
@@ -6427,10 +6635,11 @@ a.pa-card p {
6427
6635
  .pa-input-group__prepend, .pa-input-group__append {
6428
6636
  display: flex;
6429
6637
  align-items: center;
6430
- padding: 0.8rem 0.8rem;
6638
+ height: 3.5rem;
6639
+ line-height: 3.5rem;
6640
+ padding: 0 0.8rem;
6431
6641
  border: 1px solid var(--pa-border-color);
6432
6642
  font-size: 1.4rem;
6433
- line-height: 1;
6434
6643
  white-space: nowrap;
6435
6644
  border-radius: 0;
6436
6645
  }
@@ -6465,32 +6674,29 @@ a.pa-card p {
6465
6674
  border-left: 1px solid var(--pa-border-color);
6466
6675
  }
6467
6676
 
6468
- .pa-input-group:focus-within .pa-input-group__prepend {
6677
+ .pa-input-group:has(.pa-input:focus) .pa-input-group__prepend {
6469
6678
  border-right: 1px solid var(--pa-input-focus-border-color);
6470
6679
  }
6471
6680
 
6472
- .pa-input-group:focus-within .pa-input-group__prepend:has(+ .pa-input-group__prepend) {
6681
+ .pa-input-group:has(.pa-input:focus) .pa-input-group__prepend:has(+ .pa-input-group__prepend) {
6473
6682
  border-right: none;
6474
6683
  }
6475
6684
 
6476
- .pa-input-group:focus-within .pa-input-group__append {
6685
+ .pa-input-group:has(.pa-input:focus) .pa-input-group__append {
6477
6686
  border-left: 1px solid var(--pa-input-focus-border-color);
6478
6687
  }
6479
6688
 
6480
- .pa-input-group:focus-within .pa-input-group__append + .pa-input-group__append {
6689
+ .pa-input-group:has(.pa-input:focus) .pa-input-group__append + .pa-input-group__append {
6481
6690
  border-left: 1px solid var(--pa-border-color);
6482
6691
  }
6483
6692
 
6484
6693
  .pa-input-group__button {
6485
6694
  border-radius: 0;
6486
- border-color: var(--pa-border-color);
6487
- border-left: none;
6488
6695
  }
6489
6696
 
6490
6697
  .pa-input-group__button:first-child {
6491
6698
  border-top-left-radius: 4px;
6492
6699
  border-bottom-left-radius: 4px;
6493
- border-left: 1px solid var(--pa-border-color);
6494
6700
  }
6495
6701
 
6496
6702
  .pa-input-group__button:last-child {
@@ -6500,25 +6706,29 @@ a.pa-card p {
6500
6706
 
6501
6707
  .pa-input-group--xs .pa-input-group__prepend,
6502
6708
  .pa-input-group--xs .pa-input-group__append {
6503
- padding: 0.6rem 0.8rem;
6709
+ height: 3.1rem;
6710
+ line-height: 3.1rem;
6504
6711
  font-size: 1.2rem;
6505
6712
  }
6506
6713
 
6507
6714
  .pa-input-group--sm .pa-input-group__prepend,
6508
6715
  .pa-input-group--sm .pa-input-group__append {
6509
- padding: 0.8rem 0.8rem;
6716
+ height: 3.3rem;
6717
+ line-height: 3.3rem;
6510
6718
  font-size: 1.4rem;
6511
6719
  }
6512
6720
 
6513
6721
  .pa-input-group--lg .pa-input-group__prepend,
6514
6722
  .pa-input-group--lg .pa-input-group__append {
6515
- padding: 0.8rem 0.8rem;
6723
+ height: 3.8rem;
6724
+ line-height: 3.8rem;
6516
6725
  font-size: 1.6rem;
6517
6726
  }
6518
6727
 
6519
6728
  .pa-input-group--xl .pa-input-group__prepend,
6520
6729
  .pa-input-group--xl .pa-input-group__append {
6521
- padding: 0.8rem 0.8rem;
6730
+ height: 4.1rem;
6731
+ line-height: 4.1rem;
6522
6732
  font-size: 1.8rem;
6523
6733
  }
6524
6734
 
@@ -6550,7 +6760,7 @@ a.pa-card p {
6550
6760
  transform: translateY(-50%);
6551
6761
  background: transparent;
6552
6762
  border: none;
6553
- color: var(--pa-text-secondary);
6763
+ color: var(--pa-text-color-2);
6554
6764
  cursor: pointer;
6555
6765
  padding: 0.4rem;
6556
6766
  font-size: 1.6rem;
@@ -6561,7 +6771,7 @@ a.pa-card p {
6561
6771
 
6562
6772
  .pa-input-wrapper__clear:hover {
6563
6773
  opacity: 1;
6564
- color: #ef4444;
6774
+ color: #dc3545;
6565
6775
  }
6566
6776
 
6567
6777
  .pa-input-wrapper__clear:focus {
@@ -6638,13 +6848,13 @@ a.pa-card p {
6638
6848
  position: relative;
6639
6849
  z-index: 1;
6640
6850
  background: transparent;
6641
- color: var(--pa-text-primary);
6851
+ color: var(--pa-text-color-1);
6642
6852
  }
6643
6853
 
6644
6854
  .pa-search-highlight__field {
6645
6855
  display: inline;
6646
- background-color: rgba(14, 165, 233, 0.15);
6647
- color: #0ea5e9;
6856
+ background-color: rgba(0, 123, 255, 0.15);
6857
+ color: #007bff;
6648
6858
  padding: 0.2rem 0.4rem;
6649
6859
  border-radius: 0.4rem;
6650
6860
  font-weight: 500;
@@ -6652,8 +6862,8 @@ a.pa-card p {
6652
6862
 
6653
6863
  .pa-search-highlight__operator {
6654
6864
  display: inline;
6655
- background-color: rgba(16, 185, 129, 0.15);
6656
- color: #10b981;
6865
+ background-color: rgba(40, 167, 69, 0.15);
6866
+ color: #28a745;
6657
6867
  padding: 0.2rem 0.4rem;
6658
6868
  border-radius: 0.4rem;
6659
6869
  font-weight: 500;
@@ -6663,7 +6873,7 @@ a.pa-card p {
6663
6873
  position: absolute;
6664
6874
  z-index: 1000;
6665
6875
  background: var(--pa-input-bg);
6666
- border: 1px solid #e2e8f0;
6876
+ border: 1px solid #e1e5e9;
6667
6877
  border-radius: 4px;
6668
6878
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
6669
6879
  max-height: 24rem;
@@ -6693,7 +6903,7 @@ a.pa-card p {
6693
6903
  .pa-search-autocomplete__item-type {
6694
6904
  margin-left: auto;
6695
6905
  font-size: 1.2rem;
6696
- color: var(--pa-text-secondary);
6906
+ color: var(--pa-text-color-2);
6697
6907
  opacity: 0.7;
6698
6908
  }
6699
6909
 
@@ -6701,7 +6911,7 @@ a.pa-card p {
6701
6911
  padding: 0.4rem 1.2rem;
6702
6912
  font-size: 1.2rem;
6703
6913
  font-weight: 500;
6704
- color: var(--pa-text-secondary);
6914
+ color: var(--pa-text-color-2);
6705
6915
  text-transform: uppercase;
6706
6916
  letter-spacing: 0.05em;
6707
6917
  background-color: var(--pa-card-header-bg);
@@ -6711,18 +6921,18 @@ a.pa-card p {
6711
6921
  .pa-search-autocomplete__empty {
6712
6922
  padding: 1.2rem;
6713
6923
  text-align: center;
6714
- color: var(--pa-text-secondary);
6924
+ color: var(--pa-text-color-2);
6715
6925
  font-size: 1.4rem;
6716
6926
  }
6717
6927
 
6718
6928
  .pa-virtual-textbox {
6719
6929
  width: 100%;
6720
6930
  padding: 0.8rem 0.8rem;
6721
- border: 1px solid #e2e8f0;
6931
+ border: 1px solid #e1e5e9;
6722
6932
  border-radius: 4px;
6723
6933
  font-size: 1.4rem;
6724
6934
  background-color: var(--pa-input-bg);
6725
- color: var(--pa-text-primary);
6935
+ color: var(--pa-text-color-1);
6726
6936
  cursor: text;
6727
6937
  overflow-wrap: break-word;
6728
6938
  word-wrap: break-word;
@@ -6732,13 +6942,13 @@ a.pa-card p {
6732
6942
 
6733
6943
  .pa-virtual-textbox:focus {
6734
6944
  outline: none;
6735
- border-color: #0ea5e9;
6736
- box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.05);
6945
+ border-color: #007bff;
6946
+ box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
6737
6947
  }
6738
6948
 
6739
6949
  .pa-virtual-textbox:empty::before {
6740
6950
  content: attr(data-placeholder);
6741
- color: var(--pa-text-secondary);
6951
+ color: var(--pa-text-color-2);
6742
6952
  opacity: 0.7;
6743
6953
  pointer-events: none;
6744
6954
  }
@@ -6774,7 +6984,7 @@ a.pa-card p {
6774
6984
  border: 1px solid transparent;
6775
6985
  border-radius: 4px;
6776
6986
  font-size: 1.4rem;
6777
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
6987
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6778
6988
  white-space: pre-wrap;
6779
6989
  word-wrap: break-word;
6780
6990
  pointer-events: none;
@@ -6789,13 +6999,13 @@ a.pa-card p {
6789
6999
  z-index: 2;
6790
7000
  width: 100%;
6791
7001
  padding: 0.8rem 0.8rem;
6792
- border: 1px solid #e2e8f0;
7002
+ border: 1px solid #e1e5e9;
6793
7003
  border-radius: 4px;
6794
7004
  font-size: 1.4rem;
6795
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
7005
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6796
7006
  background: transparent;
6797
7007
  color: transparent;
6798
- caret-color: var(--pa-text-primary);
7008
+ caret-color: var(--pa-text-color-1);
6799
7009
  resize: none;
6800
7010
  overflow: hidden;
6801
7011
  line-height: 1.5;
@@ -6805,12 +7015,12 @@ a.pa-card p {
6805
7015
 
6806
7016
  .pa-inline-query-editor__input:focus {
6807
7017
  outline: none;
6808
- border-color: #0ea5e9;
6809
- box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.05);
7018
+ border-color: #007bff;
7019
+ box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
6810
7020
  }
6811
7021
 
6812
7022
  .pa-inline-query-editor__input::placeholder {
6813
- color: var(--pa-text-secondary);
7023
+ color: var(--pa-text-color-2);
6814
7024
  opacity: 0.7;
6815
7025
  }
6816
7026
 
@@ -6820,29 +7030,29 @@ a.pa-card p {
6820
7030
  }
6821
7031
 
6822
7032
  .pa-inline-query-token--field {
6823
- background-color: rgba(14, 165, 233, 0.15);
6824
- color: var(--pa-text-primary);
7033
+ background-color: rgba(0, 123, 255, 0.15);
7034
+ color: var(--pa-text-color-1);
6825
7035
  }
6826
7036
 
6827
7037
  .pa-inline-query-token--field.pa-inline-query-token--invalid {
6828
- background-color: rgba(239, 68, 68, 0.15);
6829
- color: var(--pa-text-primary);
7038
+ background-color: rgba(220, 53, 69, 0.15);
7039
+ color: var(--pa-text-color-1);
6830
7040
  text-decoration: wavy underline;
6831
7041
  }
6832
7042
 
6833
7043
  .pa-inline-query-token--operator {
6834
- background-color: rgba(var(--pa-text-secondary), 0.15);
6835
- color: var(--pa-text-primary);
7044
+ background-color: rgba(var(--pa-text-color-2), 0.15);
7045
+ color: var(--pa-text-color-1);
6836
7046
  }
6837
7047
 
6838
7048
  .pa-inline-query-token--value {
6839
- background-color: rgba(16, 185, 129, 0.15);
6840
- color: var(--pa-text-primary);
7049
+ background-color: rgba(40, 167, 69, 0.15);
7050
+ color: var(--pa-text-color-1);
6841
7051
  }
6842
7052
 
6843
7053
  .pa-inline-query-token--keyword {
6844
- background-color: rgba(245, 158, 11, 0.15);
6845
- color: var(--pa-text-primary);
7054
+ background-color: rgba(255, 193, 7, 0.15);
7055
+ color: var(--pa-text-color-1);
6846
7056
  font-style: italic;
6847
7057
  }
6848
7058
 
@@ -6850,7 +7060,7 @@ a.pa-card p {
6850
7060
  position: absolute;
6851
7061
  z-index: 1000;
6852
7062
  background: var(--pa-input-bg);
6853
- border: 1px solid #e2e8f0;
7063
+ border: 1px solid #e1e5e9;
6854
7064
  border-radius: 4px;
6855
7065
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
6856
7066
  max-height: 24rem;
@@ -6886,14 +7096,14 @@ a.pa-card p {
6886
7096
  .pa-inline-query-autocomplete__item-name {
6887
7097
  display: block;
6888
7098
  font-weight: 500;
6889
- color: #0ea5e9;
7099
+ color: #007bff;
6890
7100
  line-height: 1.3;
6891
7101
  }
6892
7102
 
6893
7103
  .pa-inline-query-autocomplete__item-type {
6894
7104
  display: block;
6895
7105
  font-size: 1.2rem;
6896
- color: var(--pa-text-secondary);
7106
+ color: var(--pa-text-color-2);
6897
7107
  opacity: 0.7;
6898
7108
  line-height: 1.3;
6899
7109
  }
@@ -6902,10 +7112,10 @@ a.pa-card p {
6902
7112
  flex-shrink: 0;
6903
7113
  font-size: 1.2rem;
6904
7114
  padding: 0.2rem 0.6rem;
6905
- background-color: rgba(var(--pa-text-secondary), 0.1);
6906
- color: var(--pa-text-secondary);
7115
+ background-color: rgba(var(--pa-text-color-2), 0.1);
7116
+ color: var(--pa-text-color-2);
6907
7117
  border-radius: 0.4rem;
6908
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
7118
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6909
7119
  }
6910
7120
 
6911
7121
  /* ========================================
@@ -6925,7 +7135,7 @@ a.pa-card p {
6925
7135
  gap: 0.8rem;
6926
7136
  cursor: pointer;
6927
7137
  font-size: 1.4rem;
6928
- color: var(--pa-text-primary);
7138
+ color: var(--pa-text-color-1);
6929
7139
  user-select: none;
6930
7140
  }
6931
7141
 
@@ -7066,7 +7276,7 @@ input:indeterminate + .pa-checkbox__box::after {
7066
7276
  gap: 0.8rem;
7067
7277
  cursor: pointer;
7068
7278
  font-size: 1.4rem;
7069
- color: var(--pa-text-primary);
7279
+ color: var(--pa-text-color-1);
7070
7280
  }
7071
7281
 
7072
7282
  .pa-radio input {
@@ -7116,14 +7326,14 @@ input:indeterminate + .pa-checkbox__box::after {
7116
7326
  web-daterangepicker {
7117
7327
  /* ===== BASE PRIMITIVES ===== */
7118
7328
  /* Colors */
7119
- --drp-accent-color: #0ea5e9;
7120
- --drp-primary-bg: #0ea5e9;
7121
- --drp-primary-bg-hover: #0284c7;
7122
- --drp-text-primary: var(--pa-text-primary);
7123
- --drp-text-secondary: var(--pa-text-secondary);
7124
- --drp-border-color: #e2e8f0;
7329
+ --drp-accent-color: #007bff;
7330
+ --drp-primary-bg: #007bff;
7331
+ --drp-primary-bg-hover: rgb(51, 149.4, 255);
7332
+ --drp-text-primary: var(--pa-text-color-1);
7333
+ --drp-text-secondary: var(--pa-text-color-2);
7334
+ --drp-border-color: #e1e5e9;
7125
7335
  --drp-card-bg: var(--pa-card-bg);
7126
- --drp-hover-bg: #f8fafc;
7336
+ --drp-hover-bg: #f8f9fa;
7127
7337
  /* Spacing */
7128
7338
  --drp-spacing-xs: 0.4rem;
7129
7339
  --drp-spacing-sm: 0.8rem;
@@ -7159,18 +7369,18 @@ web-daterangepicker {
7159
7369
  /* ===== INPUT FIELD SEMANTIC VARIABLES ===== */
7160
7370
  /* Input colors */
7161
7371
  --drp-input-background: var(--pa-input-bg);
7162
- --drp-input-color: var(--pa-text-primary);
7163
- --drp-input-border-color: #e2e8f0;
7164
- --drp-input-border-color-hover: #0ea5e9;
7165
- --drp-input-border-color-focus: #0ea5e9;
7166
- --drp-input-placeholder-color: var(--pa-text-secondary);
7372
+ --drp-input-color: var(--pa-text-color-1);
7373
+ --drp-input-border-color: #ced4da;
7374
+ --drp-input-border-color-hover: #007bff;
7375
+ --drp-input-border-color-focus: #007bff;
7376
+ --drp-input-placeholder-color: var(--pa-text-color-2);
7167
7377
  --drp-input-disabled-background: var(--pa-input-bg);
7168
- --drp-input-disabled-color: var(--pa-text-secondary);
7378
+ --drp-input-disabled-color: var(--pa-text-color-2);
7169
7379
  /* Input focus effects */
7170
- --drp-input-focus-shadow-color: rgba(14, 165, 233, 0.05);
7380
+ --drp-input-focus-shadow-color: rgba(0, 123, 255, 0.05);
7171
7381
  --drp-input-focus-shadow-size: 3px;
7172
7382
  /* Input icon */
7173
- --drp-input-icon-color: var(--pa-text-secondary);
7383
+ --drp-input-icon-color: var(--pa-text-color-2);
7174
7384
  --drp-input-icon-opacity: 1;
7175
7385
  /* Input size variants - matched to Pure Admin .pa-input sizes (10px base)
7176
7386
  Heights: xs=31px, sm=33px, md=35px, lg=38px, xl=41px */
@@ -7206,7 +7416,7 @@ web-daterangepicker {
7206
7416
  --drp-input-size-xl-icon-size: 2rem; /* 20px (10px base) */
7207
7417
  /* ===== CALENDAR CONTAINER ===== */
7208
7418
  --drp-calendar-bg: var(--pa-card-bg);
7209
- --drp-calendar-border: #e2e8f0;
7419
+ --drp-calendar-border: #e1e5e9;
7210
7420
  --drp-calendar-shadow: 0 0 60px rgba(0, 0, 0, 0.12);
7211
7421
  --drp-calendar-border-radius: 4px;
7212
7422
  --drp-calendar-padding: 1.6rem;
@@ -7215,91 +7425,91 @@ web-daterangepicker {
7215
7425
  --drp-header-padding: 0.8rem 1.2rem;
7216
7426
  --drp-header-font-size: 1.6rem;
7217
7427
  --drp-header-font-weight: 600;
7218
- --drp-header-text-color: var(--pa-text-primary);
7219
- --drp-header-bg-hover: rgba(14, 165, 233, 0.08);
7220
- --drp-header-bg-active: rgba(14, 165, 233, 0.05);
7428
+ --drp-header-text-color: var(--pa-text-color-1);
7429
+ --drp-header-bg-hover: rgba(0, 123, 255, 0.12);
7430
+ --drp-header-bg-active: rgba(0, 123, 255, 0.05);
7221
7431
  /* ===== NAVIGATION ===== */
7222
7432
  --drp-nav-btn-size: 3.2rem; /* 32px (10px base) */
7223
- --drp-nav-text-color: var(--pa-text-primary);
7224
- --drp-nav-border-color: #e2e8f0;
7225
- --drp-nav-bg-hover: rgba(14, 165, 233, 0.08);
7226
- --drp-nav-bg-active: rgba(14, 165, 233, 0.05);
7227
- --drp-nav-border-hover: #0ea5e9;
7433
+ --drp-nav-text-color: var(--pa-text-color-1);
7434
+ --drp-nav-border-color: #e1e5e9;
7435
+ --drp-nav-bg-hover: rgba(0, 123, 255, 0.12);
7436
+ --drp-nav-bg-active: rgba(0, 123, 255, 0.05);
7437
+ --drp-nav-border-hover: #007bff;
7228
7438
  /* ===== WEEKDAY HEADER ===== */
7229
7439
  --drp-weekday-font-size: 1.2rem;
7230
7440
  --drp-weekday-font-weight: 600;
7231
- --drp-weekday-color: var(--pa-text-secondary);
7441
+ --drp-weekday-color: var(--pa-text-color-2);
7232
7442
  --drp-weekday-padding: 0.4rem;
7233
7443
  /* ===== CALENDAR GRID ===== */
7234
7444
  --drp-day-size: 3.6rem; /* 36px (10px base) */
7235
7445
  --drp-day-font-size: 1.4rem;
7236
7446
  --drp-day-border-radius: 2px;
7237
7447
  /* Day states */
7238
- --drp-day-text-color: var(--pa-text-primary);
7239
- --drp-day-bg-hover: rgba(14, 165, 233, 0.08);
7448
+ --drp-day-text-color: var(--pa-text-color-1);
7449
+ --drp-day-bg-hover: rgba(0, 123, 255, 0.12);
7240
7450
  --drp-day-border-hover: transparent;
7241
7451
  /* Today indicator */
7242
- --drp-day-today-border: #0ea5e9;
7452
+ --drp-day-today-border: #007bff;
7243
7453
  /* Selected state */
7244
- --drp-day-selected-bg: #0ea5e9;
7454
+ --drp-day-selected-bg: #007bff;
7245
7455
  --drp-day-selected-color: #ffffff;
7246
7456
  /* Range state */
7247
- --drp-day-range-bg: rgba(14, 165, 233, 0.05);
7248
- --drp-day-range-text: var(--pa-text-primary);
7457
+ --drp-day-range-bg: rgba(0, 123, 255, 0.05);
7458
+ --drp-day-range-text: var(--pa-text-color-1);
7249
7459
  /* Focused state */
7250
- --drp-day-focused-outline: #0ea5e9;
7460
+ --drp-day-focused-outline: #007bff;
7251
7461
  /* Disabled state */
7252
- --drp-day-disabled-color: var(--pa-text-secondary);
7462
+ --drp-day-disabled-color: var(--pa-text-color-2);
7253
7463
  --drp-day-disabled-opacity: 0.65;
7254
7464
  /* Other month */
7255
- --drp-day-other-month-color: var(--pa-text-secondary);
7465
+ --drp-day-other-month-color: var(--pa-text-color-2);
7256
7466
  --drp-day-other-month-opacity: 0.5;
7257
7467
  /* ===== BADGES ===== */
7258
7468
  /* Dot badges (original style) */
7259
7469
  --drp-badge-size: 0.6rem; /* 6px (10px base) */
7260
- --drp-badge-primary: #0ea5e9;
7261
- --drp-badge-success: #10b981;
7262
- --drp-badge-warning: #f59e0b;
7263
- --drp-badge-danger: #ef4444;
7264
- --drp-badge-info: #06b6d4;
7470
+ --drp-badge-primary: #007bff;
7471
+ --drp-badge-success: #28a745;
7472
+ --drp-badge-warning: #ffc107;
7473
+ --drp-badge-danger: #dc3545;
7474
+ --drp-badge-info: #17a2b8;
7265
7475
  /* Number badges */
7266
- --drp-badge-number-bg: #ef4444;
7476
+ --drp-badge-number-bg: #dc3545;
7267
7477
  --drp-badge-number-color: #ffffff;
7268
7478
  /* Count badges */
7269
- --drp-badge-count-bg: #0ea5e9;
7479
+ --drp-badge-count-bg: #007bff;
7270
7480
  --drp-badge-count-color: #ffffff;
7271
7481
  /* Text badges */
7272
- --drp-badge-text-bg: rgba(14, 165, 233, 0.05);
7273
- --drp-badge-text-color: var(--pa-text-primary);
7482
+ --drp-badge-text-bg: rgba(0, 123, 255, 0.05);
7483
+ --drp-badge-text-color: var(--pa-text-color-1);
7274
7484
  /* ===== SUMMARY BAR ===== */
7275
- --drp-summary-bg: #f1f5f9;
7276
- --drp-summary-border-color: #e2e8f0;
7277
- --drp-summary-text-color: var(--pa-text-primary);
7278
- --drp-summary-count-color: #0ea5e9;
7485
+ --drp-summary-bg: #f8f9fa;
7486
+ --drp-summary-border-color: #e1e5e9;
7487
+ --drp-summary-text-color: var(--pa-text-color-1);
7488
+ --drp-summary-count-color: #007bff;
7279
7489
  --drp-summary-padding: 0.8rem 1.2rem;
7280
7490
  --drp-summary-font-size: 1.4rem;
7281
7491
  --drp-summary-font-weight: 500;
7282
7492
  /* ===== BUTTONS ===== */
7283
7493
  /* Today button */
7284
- --drp-button-today-bg: #6b7280;
7285
- --drp-button-today-bg-hover: #4b5563;
7494
+ --drp-button-today-bg: #6c757d;
7495
+ --drp-button-today-bg-hover: #545b62;
7286
7496
  --drp-button-today-color: #ffffff;
7287
- --drp-button-today-border: #e2e8f0;
7497
+ --drp-button-today-border: #e1e5e9;
7288
7498
  /* Clear button */
7289
- --drp-button-clear-bg: #6b7280;
7290
- --drp-button-clear-bg-hover: #4b5563;
7499
+ --drp-button-clear-bg: #6c757d;
7500
+ --drp-button-clear-bg-hover: #545b62;
7291
7501
  --drp-button-clear-color: #ffffff;
7292
- --drp-button-clear-border: #e2e8f0;
7502
+ --drp-button-clear-border: #e1e5e9;
7293
7503
  /* Cancel button */
7294
- --drp-button-cancel-bg: #6b7280;
7295
- --drp-button-cancel-bg-hover: #4b5563;
7504
+ --drp-button-cancel-bg: #6c757d;
7505
+ --drp-button-cancel-bg-hover: #545b62;
7296
7506
  --drp-button-cancel-color: #ffffff;
7297
- --drp-button-cancel-border: #e2e8f0;
7507
+ --drp-button-cancel-border: #e1e5e9;
7298
7508
  /* Apply button */
7299
- --drp-button-apply-bg: #0ea5e9;
7300
- --drp-button-apply-bg-hover: #0284c7;
7509
+ --drp-button-apply-bg: #007bff;
7510
+ --drp-button-apply-bg-hover: rgb(51, 149.4, 255);
7301
7511
  --drp-button-apply-color: #ffffff;
7302
- --drp-button-apply-border: #0ea5e9;
7512
+ --drp-button-apply-border: #007bff;
7303
7513
  /* Button sizing */
7304
7514
  --drp-button-padding: 0.8rem 1rem;
7305
7515
  --drp-button-font-size: 1.4rem;
@@ -7307,26 +7517,26 @@ web-daterangepicker {
7307
7517
  --drp-button-gap: 0.8rem;
7308
7518
  /* ===== UNIFIED NAVIGATION ===== */
7309
7519
  /* Range selectors in unified nav */
7310
- --drp-unified-range-text-color: var(--pa-text-primary);
7311
- --drp-unified-range-bg-hover: rgba(14, 165, 233, 0.08);
7312
- --drp-unified-range-bg-active: rgba(14, 165, 233, 0.05);
7520
+ --drp-unified-range-text-color: var(--pa-text-color-1);
7521
+ --drp-unified-range-bg-hover: rgba(0, 123, 255, 0.12);
7522
+ --drp-unified-range-bg-active: rgba(0, 123, 255, 0.05);
7313
7523
  /* Month/Year display */
7314
- --drp-unified-month-color: var(--pa-text-primary);
7524
+ --drp-unified-month-color: var(--pa-text-color-1);
7315
7525
  /* Rolling selector disabled state */
7316
- --drp-unified-rolling-disabled-color: var(--pa-text-secondary);
7526
+ --drp-unified-rolling-disabled-color: var(--pa-text-color-2);
7317
7527
  /* ===== ROLLING SELECTOR ===== */
7318
7528
  --drp-rolling-bg: var(--pa-card-bg);
7319
- --drp-rolling-border: #e2e8f0;
7529
+ --drp-rolling-border: #e1e5e9;
7320
7530
  --drp-rolling-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
7321
- --drp-rolling-item-hover-bg: rgba(14, 165, 233, 0.08);
7322
- --drp-rolling-item-selected-bg: #0ea5e9;
7531
+ --drp-rolling-item-hover-bg: rgba(0, 123, 255, 0.12);
7532
+ --drp-rolling-item-selected-bg: #007bff;
7323
7533
  --drp-rolling-item-selected-text: #ffffff;
7324
7534
  --drp-rolling-font-size: 1.4rem;
7325
- --drp-rolling-item-text-color: var(--pa-text-primary);
7326
- --drp-rolling-item-disabled-color: var(--pa-text-secondary);
7535
+ --drp-rolling-item-text-color: var(--pa-text-color-1);
7536
+ --drp-rolling-item-disabled-color: var(--pa-text-color-2);
7327
7537
  /* ===== LOADING OVERLAY ===== */
7328
7538
  --drp-loading-bg: rgba(255, 255, 255, 0.8);
7329
- --drp-loading-spinner-color: #0ea5e9;
7539
+ --drp-loading-spinner-color: #007bff;
7330
7540
  --drp-loading-spinner-size: 1.6rem;
7331
7541
  /* ===== MULTIPLE MONTHS ===== */
7332
7542
  --drp-months-gap: 2.4rem;
@@ -7356,7 +7566,7 @@ web-daterangepicker {
7356
7566
 
7357
7567
  .pa-file-input__filename {
7358
7568
  font-size: 1.4rem;
7359
- color: var(--pa-text-secondary);
7569
+ color: var(--pa-text-color-2);
7360
7570
  overflow: hidden;
7361
7571
  text-overflow: ellipsis;
7362
7572
  white-space: nowrap;
@@ -7364,7 +7574,7 @@ web-daterangepicker {
7364
7574
 
7365
7575
  .pa-file-dropzone {
7366
7576
  position: relative;
7367
- border: 3.2px dashed #e2e8f0;
7577
+ border: 3.2px dashed #e1e5e9;
7368
7578
  border-radius: 4px;
7369
7579
  padding: 3.2rem;
7370
7580
  text-align: center;
@@ -7374,13 +7584,13 @@ web-daterangepicker {
7374
7584
  }
7375
7585
 
7376
7586
  .pa-file-dropzone:hover {
7377
- border-color: #0ea5e9;
7378
- background: rgba(14, 165, 233, 0.05);
7587
+ border-color: #007bff;
7588
+ background: rgba(0, 123, 255, 0.05);
7379
7589
  }
7380
7590
 
7381
7591
  .pa-file-dropzone--active {
7382
- border-color: #0ea5e9;
7383
- background: rgba(14, 165, 233, 0.1);
7592
+ border-color: #007bff;
7593
+ background: rgba(0, 123, 255, 0.1);
7384
7594
  border-style: solid;
7385
7595
  }
7386
7596
 
@@ -7406,27 +7616,27 @@ web-daterangepicker {
7406
7616
 
7407
7617
  .pa-file-dropzone__text {
7408
7618
  font-size: 1.6rem;
7409
- color: var(--pa-text-primary);
7619
+ color: var(--pa-text-color-1);
7410
7620
  margin-bottom: 0.4rem;
7411
7621
  }
7412
7622
 
7413
7623
  .pa-file-dropzone__text strong {
7414
- color: #0ea5e9;
7624
+ color: #007bff;
7415
7625
  font-weight: 600;
7416
7626
  }
7417
7627
 
7418
7628
  .pa-file-dropzone__hint {
7419
7629
  font-size: 1.2rem;
7420
- color: var(--pa-text-secondary);
7630
+ color: var(--pa-text-color-2);
7421
7631
  }
7422
7632
 
7423
7633
  .pa-file-dropzone__drop-prompt {
7424
7634
  padding: 1.2rem;
7425
- border-bottom: 1.6px dashed #e2e8f0;
7635
+ border-bottom: 1.6px dashed #e1e5e9;
7426
7636
  margin: -3.2rem -3.2rem 1.2rem -3.2rem;
7427
7637
  text-align: center;
7428
7638
  font-size: 1.4rem;
7429
- color: var(--pa-text-secondary);
7639
+ color: var(--pa-text-color-2);
7430
7640
  }
7431
7641
 
7432
7642
  .pa-file-dropzone__drop-prompt-icon {
@@ -7456,7 +7666,7 @@ web-daterangepicker {
7456
7666
  }
7457
7667
 
7458
7668
  .pa-file-dropzone__file-card:hover {
7459
- border-color: #0ea5e9;
7669
+ border-color: #007bff;
7460
7670
  box-shadow: 0 1.6px 4.8px rgba(0, 0, 0, 0.1);
7461
7671
  }
7462
7672
 
@@ -7467,7 +7677,7 @@ web-daterangepicker {
7467
7677
 
7468
7678
  .pa-file-dropzone__file-card-name {
7469
7679
  font-size: 1rem;
7470
- color: var(--pa-text-primary);
7680
+ color: var(--pa-text-color-1);
7471
7681
  overflow: hidden;
7472
7682
  text-overflow: ellipsis;
7473
7683
  white-space: nowrap;
@@ -7477,7 +7687,7 @@ web-daterangepicker {
7477
7687
 
7478
7688
  .pa-file-dropzone__file-card-size {
7479
7689
  font-size: 1rem;
7480
- color: var(--pa-text-secondary);
7690
+ color: var(--pa-text-color-2);
7481
7691
  margin-top: 0.4rem;
7482
7692
  }
7483
7693
 
@@ -7488,7 +7698,7 @@ web-daterangepicker {
7488
7698
  width: 2rem;
7489
7699
  height: 2rem;
7490
7700
  border: none;
7491
- background: #ef4444;
7701
+ background: #dc3545;
7492
7702
  color: #ffffff;
7493
7703
  cursor: pointer;
7494
7704
  border-radius: 50%;
@@ -7511,7 +7721,7 @@ web-daterangepicker {
7511
7721
 
7512
7722
  .pa-file-dropzone__file-card-remove:hover {
7513
7723
  transform: scale(1.1);
7514
- background: rgba(239, 68, 68, 0.9);
7724
+ background: rgba(220, 53, 69, 0.9);
7515
7725
  }
7516
7726
 
7517
7727
  .pa-file-dropzone__image-card {
@@ -7558,7 +7768,7 @@ web-daterangepicker {
7558
7768
  }
7559
7769
 
7560
7770
  .pa-file-dropzone__image-card-remove:hover {
7561
- background: #ef4444;
7771
+ background: #dc3545;
7562
7772
  transform: scale(1.1);
7563
7773
  }
7564
7774
 
@@ -7567,7 +7777,7 @@ web-daterangepicker {
7567
7777
  border: none;
7568
7778
  background: transparent;
7569
7779
  font-size: 1.6rem;
7570
- color: var(--pa-text-secondary);
7780
+ color: var(--pa-text-color-2);
7571
7781
  }
7572
7782
 
7573
7783
  .pa-file-dropzone__summary-line {
@@ -7580,7 +7790,7 @@ web-daterangepicker {
7580
7790
  }
7581
7791
 
7582
7792
  .pa-file-dropzone__summary-line:hover {
7583
- background-color: rgba(14, 165, 233, 0.1);
7793
+ background-color: rgba(0, 123, 255, 0.1);
7584
7794
  }
7585
7795
 
7586
7796
  .pa-file-dropzone__summary-line:not(:last-child)::after {
@@ -7593,11 +7803,11 @@ web-daterangepicker {
7593
7803
 
7594
7804
  .pa-file-dropzone__summary-count {
7595
7805
  font-weight: 500;
7596
- color: #0ea5e9;
7806
+ color: #007bff;
7597
7807
  }
7598
7808
 
7599
7809
  .pa-file-dropzone__summary-size {
7600
- color: var(--pa-text-secondary);
7810
+ color: var(--pa-text-color-2);
7601
7811
  font-weight: normal;
7602
7812
  }
7603
7813
 
@@ -7605,7 +7815,7 @@ web-daterangepicker {
7605
7815
  display: block;
7606
7816
  margin-top: 0.4rem;
7607
7817
  font-style: italic;
7608
- color: var(--pa-text-primary);
7818
+ color: var(--pa-text-color-1);
7609
7819
  overflow: hidden;
7610
7820
  text-overflow: ellipsis;
7611
7821
  white-space: nowrap;
@@ -7656,7 +7866,7 @@ web-daterangepicker {
7656
7866
  .pa-file-popover__title {
7657
7867
  font-size: 1.6rem;
7658
7868
  font-weight: 600;
7659
- color: var(--pa-text-primary);
7869
+ color: var(--pa-text-color-1);
7660
7870
  }
7661
7871
 
7662
7872
  .pa-file-popover__close {
@@ -7664,7 +7874,7 @@ web-daterangepicker {
7664
7874
  height: 2.4rem;
7665
7875
  border: none;
7666
7876
  background: transparent;
7667
- color: var(--pa-text-secondary);
7877
+ color: var(--pa-text-color-2);
7668
7878
  cursor: pointer;
7669
7879
  border-radius: 2px;
7670
7880
  font-size: 2rem;
@@ -7676,8 +7886,8 @@ web-daterangepicker {
7676
7886
  }
7677
7887
 
7678
7888
  .pa-file-popover__close:hover {
7679
- background: rgba(var(--pa-text-secondary), 0.1);
7680
- color: var(--pa-text-primary);
7889
+ background: rgba(var(--pa-text-color-2), 0.1);
7890
+ color: var(--pa-text-color-1);
7681
7891
  }
7682
7892
 
7683
7893
  .pa-file-popover__body {
@@ -7703,7 +7913,7 @@ web-daterangepicker {
7703
7913
  text-align: left;
7704
7914
  padding: 0.4rem 0.8rem;
7705
7915
  border-bottom: 1px solid var(--pa-border-color);
7706
- color: var(--pa-text-secondary);
7916
+ color: var(--pa-text-color-2);
7707
7917
  font-weight: 600;
7708
7918
  font-size: 1.2rem;
7709
7919
  text-transform: uppercase;
@@ -7712,15 +7922,15 @@ web-daterangepicker {
7712
7922
  .pa-file-popover__table td {
7713
7923
  padding: 0.4rem 0.8rem;
7714
7924
  border-bottom: 1px solid var(--pa-border-color);
7715
- color: var(--pa-text-primary);
7925
+ color: var(--pa-text-color-1);
7716
7926
  }
7717
7927
 
7718
7928
  .pa-file-popover__table tbody tr:hover {
7719
- background: rgba(14, 165, 233, 0.05);
7929
+ background: rgba(0, 123, 255, 0.05);
7720
7930
  }
7721
7931
 
7722
7932
  .pa-file-popover__table tbody tr.uploading {
7723
- background: rgba(14, 165, 233, 0.1);
7933
+ background: rgba(0, 123, 255, 0.1);
7724
7934
  }
7725
7935
 
7726
7936
  .pa-file-popover__file-name {
@@ -7731,7 +7941,7 @@ web-daterangepicker {
7731
7941
  }
7732
7942
 
7733
7943
  .pa-file-popover__file-size {
7734
- color: var(--pa-text-secondary);
7944
+ color: var(--pa-text-color-2);
7735
7945
  white-space: nowrap;
7736
7946
  }
7737
7947
 
@@ -7741,7 +7951,7 @@ web-daterangepicker {
7741
7951
 
7742
7952
  .pa-file-popover__progress-bar {
7743
7953
  height: 6.4px;
7744
- background: rgba(14, 165, 233, 0.2);
7954
+ background: rgba(0, 123, 255, 0.2);
7745
7955
  border-radius: 2px;
7746
7956
  overflow: hidden;
7747
7957
  margin-bottom: 0.4rem;
@@ -7749,14 +7959,14 @@ web-daterangepicker {
7749
7959
 
7750
7960
  .pa-file-popover__progress-fill {
7751
7961
  height: 100%;
7752
- background: #0ea5e9;
7962
+ background: #007bff;
7753
7963
  border-radius: 2px;
7754
7964
  transition: width 0.48s ease;
7755
7965
  }
7756
7966
 
7757
7967
  .pa-file-popover__progress-text {
7758
7968
  font-size: 1rem;
7759
- color: var(--pa-text-secondary);
7969
+ color: var(--pa-text-color-2);
7760
7970
  }
7761
7971
 
7762
7972
  .pa-file-popover__status {
@@ -7766,19 +7976,19 @@ web-daterangepicker {
7766
7976
  }
7767
7977
 
7768
7978
  .pa-file-popover__status--pending {
7769
- color: var(--pa-text-secondary);
7979
+ color: var(--pa-text-color-2);
7770
7980
  }
7771
7981
 
7772
7982
  .pa-file-popover__status--uploading {
7773
- color: #0ea5e9;
7983
+ color: #007bff;
7774
7984
  }
7775
7985
 
7776
7986
  .pa-file-popover__status--complete {
7777
- color: #10b981;
7987
+ color: #28a745;
7778
7988
  }
7779
7989
 
7780
7990
  .pa-file-popover__status--error {
7781
- color: #ef4444;
7991
+ color: #dc3545;
7782
7992
  }
7783
7993
 
7784
7994
  .pa-file-popover__remove-cell {
@@ -7792,7 +8002,7 @@ web-daterangepicker {
7792
8002
  height: 3.2rem;
7793
8003
  border: 1px solid var(--pa-border-color);
7794
8004
  background: var(--pa-card-bg);
7795
- color: #ef4444;
8005
+ color: #dc3545;
7796
8006
  cursor: pointer;
7797
8007
  border-radius: 2px;
7798
8008
  font-size: 2.4rem;
@@ -7805,9 +8015,9 @@ web-daterangepicker {
7805
8015
  }
7806
8016
 
7807
8017
  .pa-file-popover__remove-btn:hover {
7808
- background: #ef4444;
8018
+ background: #dc3545;
7809
8019
  color: #ffffff;
7810
- border-color: #ef4444;
8020
+ border-color: #dc3545;
7811
8021
  transform: scale(1.1);
7812
8022
  }
7813
8023
 
@@ -7848,9 +8058,9 @@ web-daterangepicker {
7848
8058
  display: flex;
7849
8059
  align-items: center;
7850
8060
  justify-content: center;
7851
- background: rgba(14, 165, 233, 0.1);
8061
+ background: rgba(0, 123, 255, 0.1);
7852
8062
  border-radius: 4px;
7853
- color: #0ea5e9;
8063
+ color: #007bff;
7854
8064
  }
7855
8065
 
7856
8066
  .pa-file-item__info {
@@ -7861,7 +8071,7 @@ web-daterangepicker {
7861
8071
  .pa-file-item__name {
7862
8072
  font-size: 1.4rem;
7863
8073
  font-weight: 600;
7864
- color: var(--pa-text-primary);
8074
+ color: var(--pa-text-color-1);
7865
8075
  overflow: hidden;
7866
8076
  text-overflow: ellipsis;
7867
8077
  white-space: nowrap;
@@ -7869,7 +8079,7 @@ web-daterangepicker {
7869
8079
 
7870
8080
  .pa-file-item__meta {
7871
8081
  font-size: 1.2rem;
7872
- color: var(--pa-text-secondary);
8082
+ color: var(--pa-text-color-2);
7873
8083
  margin-top: 0.4rem;
7874
8084
  }
7875
8085
 
@@ -7879,7 +8089,7 @@ web-daterangepicker {
7879
8089
  height: 2.4rem;
7880
8090
  border: none;
7881
8091
  background: transparent;
7882
- color: var(--pa-text-secondary);
8092
+ color: var(--pa-text-color-2);
7883
8093
  cursor: pointer;
7884
8094
  border-radius: 2px;
7885
8095
  font-size: 1.8rem;
@@ -7891,8 +8101,8 @@ web-daterangepicker {
7891
8101
  }
7892
8102
 
7893
8103
  .pa-file-item__remove:hover {
7894
- background: rgba(239, 68, 68, 0.1);
7895
- color: #ef4444;
8104
+ background: rgba(220, 53, 69, 0.1);
8105
+ color: #dc3545;
7896
8106
  }
7897
8107
 
7898
8108
  .pa-file-item__remove::before {
@@ -7944,7 +8154,7 @@ web-daterangepicker {
7944
8154
  }
7945
8155
 
7946
8156
  .pa-file-preview__remove:hover {
7947
- background: #ef4444;
8157
+ background: #dc3545;
7948
8158
  transform: scale(1.1);
7949
8159
  }
7950
8160
 
@@ -7972,21 +8182,21 @@ web-daterangepicker {
7972
8182
 
7973
8183
  .pa-file-progress__bar {
7974
8184
  height: 6.4px;
7975
- background: rgba(14, 165, 233, 0.2);
8185
+ background: rgba(0, 123, 255, 0.2);
7976
8186
  border-radius: 2px;
7977
8187
  overflow: hidden;
7978
8188
  }
7979
8189
 
7980
8190
  .pa-file-progress__fill {
7981
8191
  height: 100%;
7982
- background: #0ea5e9;
8192
+ background: #007bff;
7983
8193
  border-radius: 2px;
7984
8194
  transition: width 0.48s ease;
7985
8195
  }
7986
8196
 
7987
8197
  .pa-file-progress__text {
7988
8198
  font-size: 1.2rem;
7989
- color: var(--pa-text-secondary);
8199
+ color: var(--pa-text-color-2);
7990
8200
  margin-top: 0.4rem;
7991
8201
  display: flex;
7992
8202
  justify-content: space-between;
@@ -7999,11 +8209,11 @@ web-daterangepicker {
7999
8209
  }
8000
8210
 
8001
8211
  .pa-file-progress__status--complete {
8002
- color: #10b981;
8212
+ color: #28a745;
8003
8213
  }
8004
8214
 
8005
8215
  .pa-file-progress__status--error {
8006
- color: #ef4444;
8216
+ color: #dc3545;
8007
8217
  }
8008
8218
 
8009
8219
  .pa-file-icon--pdf::before {
@@ -8043,9 +8253,9 @@ web-daterangepicker {
8043
8253
  }
8044
8254
 
8045
8255
  .pa-file-dropzone-overlay {
8046
- background: rgba(14, 165, 233, 0.15);
8256
+ background: rgba(0, 123, 255, 0.15);
8047
8257
  backdrop-filter: blur(3.2px);
8048
- border: 4.8px dashed #0ea5e9;
8258
+ border: 4.8px dashed #007bff;
8049
8259
  border-radius: 4px;
8050
8260
  display: flex;
8051
8261
  align-items: center;
@@ -8066,7 +8276,7 @@ web-daterangepicker {
8066
8276
  .pa-file-dropzone-overlay__text {
8067
8277
  font-size: 2rem;
8068
8278
  font-weight: 600;
8069
- color: #0ea5e9;
8279
+ color: #007bff;
8070
8280
  }
8071
8281
 
8072
8282
  /* ========================================
@@ -8103,7 +8313,7 @@ web-daterangepicker {
8103
8313
  margin: 0;
8104
8314
  cursor: pointer;
8105
8315
  font-size: 1.4rem;
8106
- color: var(--pa-text-primary);
8316
+ color: var(--pa-text-color-1);
8107
8317
  user-select: none;
8108
8318
  width: 100%;
8109
8319
  }
@@ -8130,7 +8340,7 @@ web-daterangepicker {
8130
8340
  display: block;
8131
8341
  margin-top: 0.4rem;
8132
8342
  font-size: 1.2rem;
8133
- color: var(--pa-text-secondary);
8343
+ color: var(--pa-text-color-2);
8134
8344
  }
8135
8345
 
8136
8346
  .pa-checkbox-list__actions {
@@ -8202,7 +8412,7 @@ web-daterangepicker {
8202
8412
  }
8203
8413
 
8204
8414
  .pa-checkbox-list__item--locked:hover {
8205
- background-color: rgba(245, 158, 11, 0.05);
8415
+ background-color: rgba(255, 193, 7, 0.05);
8206
8416
  }
8207
8417
 
8208
8418
  .pa-checkbox-list__item--locked .pa-checkbox-list__checkbox {
@@ -8216,7 +8426,7 @@ web-daterangepicker {
8216
8426
  }
8217
8427
 
8218
8428
  .pa-checkbox-list__item--locked .pa-checkbox-list__label .pa-checkbox-list__text {
8219
- color: #f59e0b;
8429
+ color: #ffc107;
8220
8430
  }
8221
8431
 
8222
8432
  .pa-checkbox-list__item--locked .pa-checkbox-list__label .pa-checkbox-list__text::before {
@@ -8343,12 +8553,12 @@ web-daterangepicker {
8343
8553
  .pa-table th {
8344
8554
  background-color: var(--pa-table-header-bg);
8345
8555
  font-weight: 600;
8346
- color: var(--pa-text-primary);
8556
+ color: var(--pa-text-color-1);
8347
8557
  border-bottom: 2px solid var(--pa-border-color);
8348
8558
  }
8349
8559
 
8350
8560
  .pa-table td {
8351
- color: var(--pa-text-primary);
8561
+ color: var(--pa-text-color-1);
8352
8562
  background-color: var(--pa-table-bg);
8353
8563
  height: 3.5rem0.8rem;
8354
8564
  }
@@ -8469,7 +8679,7 @@ web-daterangepicker {
8469
8679
  }
8470
8680
 
8471
8681
  .pa-pager__text {
8472
- color: var(--pa-text-secondary);
8682
+ color: var(--pa-text-color-2);
8473
8683
  font-size: 1.4rem;
8474
8684
  }
8475
8685
 
@@ -8510,7 +8720,7 @@ web-daterangepicker {
8510
8720
  background-color: transparent;
8511
8721
  border: 1px solid var(--pa-border-color);
8512
8722
  border-radius: 4px;
8513
- color: var(--pa-text-primary);
8723
+ color: var(--pa-text-color-1);
8514
8724
  font-size: 1.4rem;
8515
8725
  cursor: pointer;
8516
8726
  transition: all 0.1s ease-out;
@@ -8544,7 +8754,7 @@ web-daterangepicker {
8544
8754
  }
8545
8755
 
8546
8756
  .pa-load-more__count {
8547
- color: var(--pa-text-secondary);
8757
+ color: var(--pa-text-color-2);
8548
8758
  font-size: 1.2rem;
8549
8759
  margin-left: 0.4rem;
8550
8760
  }
@@ -8574,7 +8784,7 @@ web-daterangepicker {
8574
8784
  font-weight: 600;
8575
8785
  border-right: 1px solid var(--pa-border-color);
8576
8786
  background: var(--pa-table-header-bg);
8577
- color: var(--pa-text-primary);
8787
+ color: var(--pa-text-color-1);
8578
8788
  }
8579
8789
 
8580
8790
  .pa-virtual-table__header-cell:last-child {
@@ -8606,7 +8816,7 @@ web-daterangepicker {
8606
8816
  overflow: hidden;
8607
8817
  text-overflow: ellipsis;
8608
8818
  white-space: nowrap;
8609
- color: var(--pa-text-primary);
8819
+ color: var(--pa-text-color-1);
8610
8820
  background-color: inherit;
8611
8821
  }
8612
8822
 
@@ -8711,7 +8921,7 @@ web-daterangepicker {
8711
8921
  content: attr(data-label);
8712
8922
  display: block;
8713
8923
  font-weight: 600;
8714
- color: var(--pa-text-secondary);
8924
+ color: var(--pa-text-color-2);
8715
8925
  font-size: 1.2rem;
8716
8926
  margin-bottom: 0.4rem;
8717
8927
  text-transform: uppercase;
@@ -8790,8 +9000,8 @@ web-daterangepicker {
8790
9000
 
8791
9001
  .pa-comparison-table__label {
8792
9002
  font-weight: 500;
8793
- color: var(--pa-text-secondary);
8794
- background-color: var(--pa-primary-bg);
9003
+ color: var(--pa-text-color-2);
9004
+ background-color: var(--pa-main-bg);
8795
9005
  }
8796
9006
 
8797
9007
  .pa-comparison-table__value {
@@ -8861,7 +9071,7 @@ tbody tr:hover .pa-comparison-table__copy {
8861
9071
  .pa-comparison-table__section td {
8862
9072
  background-color: var(--pa-table-header-bg);
8863
9073
  font-weight: 600;
8864
- color: var(--pa-text-secondary);
9074
+ color: var(--pa-text-color-2);
8865
9075
  padding: 0.4rem 1.6rem;
8866
9076
  border-top: 2px solid var(--pa-border-color);
8867
9077
  border-bottom: 1px solid var(--pa-border-color);
@@ -8922,8 +9132,8 @@ code {
8922
9132
  font-family: "Courier New", Courier, monospace;
8923
9133
  font-size: 1.4rem;
8924
9134
  line-height: 1.8;
8925
- background-color: var(--pa-primary-bg);
8926
- color: var(--pa-text-primary);
9135
+ background-color: var(--pa-main-bg);
9136
+ color: var(--pa-text-color-1);
8927
9137
  border: 1px solid var(--pa-border-color);
8928
9138
  border-radius: 4px;
8929
9139
  overflow-x: auto;
@@ -8999,7 +9209,7 @@ code {
8999
9209
  .pa-code-block__title {
9000
9210
  font-size: 1.4rem;
9001
9211
  font-weight: 600;
9002
- color: var(--pa-text-secondary);
9212
+ color: var(--pa-text-color-2);
9003
9213
  margin: 0;
9004
9214
  }
9005
9215
 
@@ -9027,7 +9237,7 @@ code {
9027
9237
  }
9028
9238
 
9029
9239
  .pa-code-comment {
9030
- color: var(--pa-text-secondary);
9240
+ color: var(--pa-text-color-2);
9031
9241
  font-style: italic;
9032
9242
  }
9033
9243
 
@@ -9096,7 +9306,7 @@ code {
9096
9306
  }
9097
9307
 
9098
9308
  .pa-pager__text {
9099
- color: var(--pa-text-secondary);
9309
+ color: var(--pa-text-color-2);
9100
9310
  font-size: 1.4rem;
9101
9311
  }
9102
9312
 
@@ -9137,7 +9347,7 @@ code {
9137
9347
  background-color: transparent;
9138
9348
  border: 1px solid var(--pa-border-color);
9139
9349
  border-radius: 4px;
9140
- color: var(--pa-text-primary);
9350
+ color: var(--pa-text-color-1);
9141
9351
  font-size: 1.4rem;
9142
9352
  cursor: pointer;
9143
9353
  transition: all 0.1s ease-out;
@@ -9162,7 +9372,7 @@ code {
9162
9372
  width: 1.6rem;
9163
9373
  height: 1.6rem;
9164
9374
  border: 2px solid var(--pa-border-color);
9165
- border-top: 2px solid #0ea5e9;
9375
+ border-top: 2px solid #007bff;
9166
9376
  border-radius: 50%;
9167
9377
  }
9168
9378
 
@@ -9171,7 +9381,7 @@ code {
9171
9381
  }
9172
9382
 
9173
9383
  .pa-load-more__count {
9174
- color: var(--pa-text-secondary);
9384
+ color: var(--pa-text-color-2);
9175
9385
  font-size: 1.2rem;
9176
9386
  margin-left: 0.4rem;
9177
9387
  }
@@ -9180,14 +9390,25 @@ code {
9180
9390
  Profile Panel Components
9181
9391
  Profile panel and header button
9182
9392
  ======================================== */
9393
+ :root {
9394
+ --pa-local-profile-panel-width: 20vw;
9395
+ --pa-local-profile-panel-max-width: 48rem;
9396
+ }
9397
+
9398
+ :where(.pa-profile-panel__content) {
9399
+ width: var(--pa-local-profile-panel-width);
9400
+ max-width: var(--pa-local-profile-panel-max-width);
9401
+ }
9402
+
9183
9403
  .pa-header__profile-btn {
9184
9404
  display: flex;
9185
9405
  align-items: center;
9406
+ gap: 0.4rem;
9186
9407
  background: none;
9187
9408
  border: none;
9188
9409
  padding: 0.4rem 0.8rem;
9189
9410
  border-radius: 4px;
9190
- color: var(--pa-text-primary);
9411
+ color: var(--pa-header-text);
9191
9412
  cursor: pointer;
9192
9413
  font-size: 1.4rem;
9193
9414
  transition: background-color 0.1s ease-out;
@@ -9204,7 +9425,7 @@ code {
9204
9425
 
9205
9426
  .pa-header__profile-name {
9206
9427
  font-weight: 500;
9207
- color: #ffffff;
9428
+ color: var(--pa-header-profile-name-color);
9208
9429
  }
9209
9430
 
9210
9431
  .pa-profile-panel {
@@ -9243,8 +9464,6 @@ code {
9243
9464
  position: absolute;
9244
9465
  top: 0;
9245
9466
  right: 0;
9246
- width: 20vw;
9247
- max-width: 48rem;
9248
9467
  height: 100vh;
9249
9468
  background-color: var(--pa-card-bg);
9250
9469
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
@@ -9295,7 +9514,7 @@ code {
9295
9514
  margin: 0 0 0.4rem 0;
9296
9515
  font-size: 1.8rem;
9297
9516
  font-weight: 600;
9298
- color: var(--pa-text-primary);
9517
+ color: var(--pa-text-color-1);
9299
9518
  overflow: hidden;
9300
9519
  text-overflow: ellipsis;
9301
9520
  white-space: nowrap;
@@ -9304,7 +9523,7 @@ code {
9304
9523
  .pa-profile-panel__email {
9305
9524
  margin: 0 0 0.8rem 0;
9306
9525
  font-size: 1.4rem;
9307
- color: var(--pa-text-secondary);
9526
+ color: var(--pa-text-color-2);
9308
9527
  overflow: hidden;
9309
9528
  text-overflow: ellipsis;
9310
9529
  white-space: nowrap;
@@ -9334,7 +9553,7 @@ code {
9334
9553
  display: flex;
9335
9554
  align-items: center;
9336
9555
  justify-content: center;
9337
- color: var(--pa-text-secondary);
9556
+ color: var(--pa-text-color-2);
9338
9557
  border-radius: 4px;
9339
9558
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
9340
9559
  }
@@ -9373,7 +9592,7 @@ code {
9373
9592
  align-items: center;
9374
9593
  gap: 1.2rem;
9375
9594
  padding: 0.8rem 1.6rem;
9376
- color: var(--pa-text-primary);
9595
+ color: var(--pa-text-color-1);
9377
9596
  text-decoration: none;
9378
9597
  border-radius: 4px;
9379
9598
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
@@ -9443,6 +9662,10 @@ code {
9443
9662
  border-bottom-color: var(--pa-accent);
9444
9663
  }
9445
9664
 
9665
+ .pa-profile-panel__tabs--icon-only .pa-profile-panel__tab-text {
9666
+ display: none;
9667
+ }
9668
+
9446
9669
  .pa-profile-panel__favorites ul {
9447
9670
  list-style: none;
9448
9671
  margin: 0;
@@ -9458,7 +9681,7 @@ code {
9458
9681
  align-items: center;
9459
9682
  gap: 1.2rem;
9460
9683
  padding: 0.8rem 1.6rem;
9461
- color: var(--pa-text-primary);
9684
+ color: var(--pa-text-color-1);
9462
9685
  text-decoration: none;
9463
9686
  border-radius: 4px;
9464
9687
  cursor: pointer;
@@ -9495,7 +9718,7 @@ code {
9495
9718
  background: none;
9496
9719
  border: none;
9497
9720
  padding: 0.4rem;
9498
- color: var(--pa-text-secondary);
9721
+ color: var(--pa-text-color-2);
9499
9722
  cursor: pointer;
9500
9723
  border-radius: 4px;
9501
9724
  font-size: 1.4rem;
@@ -9504,7 +9727,7 @@ code {
9504
9727
  }
9505
9728
 
9506
9729
  .pa-profile-panel__favorite-remove:hover {
9507
- color: var(--pa-danger);
9730
+ color: var(--pa-danger-bg);
9508
9731
  background-color: var(--pa-danger-bg-light);
9509
9732
  }
9510
9733
 
@@ -9612,14 +9835,14 @@ code {
9612
9835
  margin: 0;
9613
9836
  font-size: 1.8rem;
9614
9837
  font-weight: 600;
9615
- color: var(--pa-text-primary);
9838
+ color: var(--pa-text-color-1);
9616
9839
  }
9617
9840
 
9618
9841
  .pa-modal__body {
9619
9842
  padding: 1.2rem 1.6rem;
9620
9843
  flex: 1;
9621
9844
  overflow-y: auto;
9622
- color: var(--pa-text-primary);
9845
+ color: var(--pa-text-color-1);
9623
9846
  }
9624
9847
 
9625
9848
  .pa-modal__footer {
@@ -9818,13 +10041,13 @@ code {
9818
10041
  .pa-toast__title {
9819
10042
  font-weight: 600;
9820
10043
  margin: 0 0 0.4rem 0;
9821
- color: var(--pa-text-primary);
10044
+ color: var(--pa-text-color-1);
9822
10045
  font-size: 1.4rem;
9823
10046
  }
9824
10047
 
9825
10048
  .pa-toast__message {
9826
10049
  margin: 0;
9827
- color: var(--pa-text-secondary);
10050
+ color: var(--pa-text-color-2);
9828
10051
  font-size: 1.4rem;
9829
10052
  line-height: 1.5;
9830
10053
  }
@@ -9833,7 +10056,7 @@ code {
9833
10056
  flex-shrink: 0;
9834
10057
  background: none;
9835
10058
  border: none;
9836
- color: var(--pa-text-secondary);
10059
+ color: var(--pa-text-color-2);
9837
10060
  cursor: pointer;
9838
10061
  padding: 0;
9839
10062
  width: 2.4rem;
@@ -9849,7 +10072,7 @@ code {
9849
10072
 
9850
10073
  .pa-toast__close:hover {
9851
10074
  background-color: var(--pa-accent-hover);
9852
- color: var(--pa-text-primary);
10075
+ color: var(--pa-text-color-1);
9853
10076
  }
9854
10077
 
9855
10078
  .pa-toast__close:focus {
@@ -9985,81 +10208,81 @@ code {
9985
10208
  top: 0;
9986
10209
  width: 15px;
9987
10210
  height: 15px;
9988
- background: var(--pa-primary-bg);
9989
- border: 1px solid #0ea5e9;
10211
+ background: var(--pa-main-bg);
10212
+ border: 1px solid #007bff;
9990
10213
  border-radius: 50%;
9991
- box-shadow: 3px 3px 0 rgba(14, 165, 233, 0.3);
10214
+ box-shadow: 3px 3px 0 rgba(0, 123, 255, 0.3);
9992
10215
  }
9993
10216
 
9994
10217
  .pa-timeline--simple .pa-timeline__item--primary::before {
9995
- border-color: #0ea5e9;
9996
- box-shadow: 3px 3px 0 rgba(14, 165, 233, 0.3);
10218
+ border-color: #007bff;
10219
+ box-shadow: 3px 3px 0 rgba(0, 123, 255, 0.3);
9997
10220
  }
9998
10221
 
9999
10222
  .pa-timeline--simple .pa-timeline__item--success::before {
10000
- border-color: #10b981;
10001
- box-shadow: 3px 3px 0 rgba(16, 185, 129, 0.3);
10223
+ border-color: #28a745;
10224
+ box-shadow: 3px 3px 0 rgba(40, 167, 69, 0.3);
10002
10225
  }
10003
10226
 
10004
10227
  .pa-timeline--simple .pa-timeline__item--warning::before {
10005
- border-color: #f59e0b;
10006
- box-shadow: 3px 3px 0 rgba(245, 158, 11, 0.3);
10228
+ border-color: #ffc107;
10229
+ box-shadow: 3px 3px 0 rgba(255, 193, 7, 0.3);
10007
10230
  }
10008
10231
 
10009
10232
  .pa-timeline--simple .pa-timeline__item--danger::before {
10010
- border-color: #ef4444;
10011
- box-shadow: 3px 3px 0 rgba(239, 68, 68, 0.3);
10233
+ border-color: #dc3545;
10234
+ box-shadow: 3px 3px 0 rgba(220, 53, 69, 0.3);
10012
10235
  }
10013
10236
 
10014
10237
  .pa-timeline--simple .pa-timeline__item--info::before {
10015
- border-color: #06b6d4;
10016
- box-shadow: 3px 3px 0 rgba(6, 182, 212, 0.3);
10238
+ border-color: #17a2b8;
10239
+ box-shadow: 3px 3px 0 rgba(23, 162, 184, 0.3);
10017
10240
  }
10018
10241
 
10019
10242
  .pa-timeline--simple .pa-timeline__item--secondary::before {
10020
- border-color: var(--pa-text-secondary);
10021
- box-shadow: 3px 3px 0 rgba(var(--pa-text-secondary), 0.3);
10243
+ border-color: var(--pa-text-color-2);
10244
+ box-shadow: 3px 3px 0 rgba(var(--pa-text-color-2), 0.3);
10022
10245
  }
10023
10246
 
10024
10247
  .pa-timeline--simple .pa-timeline__item--filled::before {
10025
- background: #0ea5e9;
10248
+ background: #007bff;
10026
10249
  }
10027
10250
 
10028
10251
  .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--primary::before {
10029
- background: #0ea5e9;
10252
+ background: #007bff;
10030
10253
  }
10031
10254
 
10032
10255
  .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--success::before {
10033
- background: #10b981;
10256
+ background: #28a745;
10034
10257
  }
10035
10258
 
10036
10259
  .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--warning::before {
10037
- background: #f59e0b;
10260
+ background: #ffc107;
10038
10261
  }
10039
10262
 
10040
10263
  .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--danger::before {
10041
- background: #ef4444;
10264
+ background: #dc3545;
10042
10265
  }
10043
10266
 
10044
10267
  .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--info::before {
10045
- background: #06b6d4;
10268
+ background: #17a2b8;
10046
10269
  }
10047
10270
 
10048
10271
  .pa-timeline--simple .pa-timeline__item--filled.pa-timeline__item--secondary::before {
10049
- background: var(--pa-text-secondary);
10272
+ background: var(--pa-text-color-2);
10050
10273
  }
10051
10274
 
10052
10275
  .pa-timeline--simple .pa-timeline__time {
10053
10276
  display: block;
10054
10277
  font-size: 1.4rem;
10055
10278
  font-weight: 600;
10056
- color: var(--pa-text-primary);
10279
+ color: var(--pa-text-color-1);
10057
10280
  margin-bottom: 0.4rem;
10058
10281
  }
10059
10282
 
10060
10283
  .pa-timeline--simple .pa-timeline__content {
10061
10284
  font-size: 1.4rem;
10062
- color: var(--pa-text-secondary);
10285
+ color: var(--pa-text-color-2);
10063
10286
  line-height: 1.8;
10064
10287
  margin-top: 0.6rem;
10065
10288
  }
@@ -10075,7 +10298,7 @@ code {
10075
10298
  content: "";
10076
10299
  position: absolute;
10077
10300
  width: 2px;
10078
- background: #0ea5e9;
10301
+ background: #007bff;
10079
10302
  top: 0;
10080
10303
  bottom: 0;
10081
10304
  left: 50%;
@@ -10114,8 +10337,8 @@ code {
10114
10337
  height: 16px;
10115
10338
  top: calc(50% - 8px);
10116
10339
  right: -8px;
10117
- background: var(--pa-primary-bg);
10118
- border: 2px solid #0ea5e9;
10340
+ background: var(--pa-main-bg);
10341
+ border: 2px solid #007bff;
10119
10342
  border-radius: 50%;
10120
10343
  z-index: 1;
10121
10344
  }
@@ -10127,7 +10350,7 @@ code {
10127
10350
  height: 2px;
10128
10351
  top: calc(50% - 1px);
10129
10352
  right: 8px;
10130
- background: #0ea5e9;
10353
+ background: #007bff;
10131
10354
  z-index: 1;
10132
10355
  }
10133
10356
 
@@ -10156,8 +10379,8 @@ code {
10156
10379
  height: 16px;
10157
10380
  top: calc(50% - 8px);
10158
10381
  left: -8px;
10159
- background: var(--pa-primary-bg);
10160
- border: 2px solid #0ea5e9;
10382
+ background: var(--pa-main-bg);
10383
+ border: 2px solid #007bff;
10161
10384
  border-radius: 50%;
10162
10385
  z-index: 1;
10163
10386
  }
@@ -10169,7 +10392,7 @@ code {
10169
10392
  height: 2px;
10170
10393
  top: calc(50% - 1px);
10171
10394
  left: 8px;
10172
- background: #0ea5e9;
10395
+ background: #007bff;
10173
10396
  z-index: 1;
10174
10397
  }
10175
10398
 
@@ -10180,7 +10403,7 @@ code {
10180
10403
  text-align: center;
10181
10404
  font-size: 1.4rem;
10182
10405
  font-weight: 700;
10183
- color: #0ea5e9;
10406
+ color: #007bff;
10184
10407
  text-transform: uppercase;
10185
10408
  letter-spacing: 1px;
10186
10409
  z-index: 1;
@@ -10194,16 +10417,16 @@ code {
10194
10417
  width: 40px;
10195
10418
  height: 40px;
10196
10419
  top: calc(50% - 20px);
10197
- background: #f59e0b;
10198
- border: 2px solid #0ea5e9;
10420
+ background: #ffc107;
10421
+ border: 2px solid #007bff;
10199
10422
  border-radius: 50%;
10200
10423
  font-size: 1.8rem;
10201
- color: #0ea5e9;
10424
+ color: #007bff;
10202
10425
  z-index: 1;
10203
10426
  }
10204
10427
 
10205
10428
  .pa-timeline--alternating .pa-timeline__content {
10206
- background: #f59e0b;
10429
+ background: #ffc107;
10207
10430
  position: relative;
10208
10431
  }
10209
10432
 
@@ -10211,7 +10434,7 @@ code {
10211
10434
  margin: 0 0 0.8rem 0;
10212
10435
  font-size: 1.8rem;
10213
10436
  font-weight: 400;
10214
- color: var(--pa-text-primary);
10437
+ color: var(--pa-text-color-1);
10215
10438
  }
10216
10439
 
10217
10440
  .pa-timeline--alternating .pa-timeline__content p {
@@ -10378,12 +10601,12 @@ code {
10378
10601
  .pa-timeline--feed .pa-timeline__content {
10379
10602
  flex: 1;
10380
10603
  font-size: 1.4rem;
10381
- color: var(--pa-text-secondary);
10604
+ color: var(--pa-text-color-2);
10382
10605
  line-height: 1.8;
10383
10606
  }
10384
10607
 
10385
10608
  .pa-timeline--feed .pa-timeline__content a {
10386
- color: #0ea5e9;
10609
+ color: #007bff;
10387
10610
  text-decoration: none;
10388
10611
  font-weight: 500;
10389
10612
  }
@@ -10393,7 +10616,7 @@ code {
10393
10616
  }
10394
10617
 
10395
10618
  .pa-timeline--feed .pa-timeline__content time {
10396
- color: var(--pa-text-secondary);
10619
+ color: var(--pa-text-color-2);
10397
10620
  font-size: 1.2rem;
10398
10621
  }
10399
10622
 
@@ -10423,7 +10646,7 @@ code {
10423
10646
 
10424
10647
  .pa-timeline--feed .pa-timeline__comment p {
10425
10648
  margin: 0 0 0.8rem 0;
10426
- color: var(--pa-text-primary);
10649
+ color: var(--pa-text-color-1);
10427
10650
  line-height: 1.8;
10428
10651
  }
10429
10652
 
@@ -10451,7 +10674,7 @@ code {
10451
10674
  .pa-timeline--feed .pa-timeline__date-label {
10452
10675
  font-size: 1.4rem;
10453
10676
  font-weight: 600;
10454
- color: var(--pa-text-primary);
10677
+ color: var(--pa-text-color-1);
10455
10678
  text-transform: uppercase;
10456
10679
  letter-spacing: 0.5px;
10457
10680
  }
@@ -10460,7 +10683,7 @@ code {
10460
10683
  flex-shrink: 0;
10461
10684
  width: 50px;
10462
10685
  font-size: 1.2rem;
10463
- color: var(--pa-text-secondary);
10686
+ color: var(--pa-text-color-2);
10464
10687
  font-weight: 500;
10465
10688
  text-align: right;
10466
10689
  padding-right: 0.8rem;
@@ -10482,7 +10705,7 @@ code {
10482
10705
  .pa-timeline__loader-text {
10483
10706
  margin-top: 0.8rem;
10484
10707
  font-size: 1.4rem;
10485
- color: var(--pa-text-secondary);
10708
+ color: var(--pa-text-color-2);
10486
10709
  }
10487
10710
 
10488
10711
  .pa-timeline__load-more-wrapper {
@@ -10577,18 +10800,18 @@ code {
10577
10800
  border: 1px solid var(--pa-border-color);
10578
10801
  border-radius: 4px;
10579
10802
  background-color: var(--pa-input-bg);
10580
- color: var(--pa-text-primary);
10803
+ color: var(--pa-text-color-1);
10581
10804
  outline: none;
10582
10805
  transition: border-color 0.1s ease-out;
10583
10806
  }
10584
10807
 
10585
10808
  .pa-command-palette__input:focus {
10586
- border-color: #0ea5e9;
10587
- box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.05);
10809
+ border-color: #007bff;
10810
+ box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
10588
10811
  }
10589
10812
 
10590
10813
  .pa-command-palette__input::placeholder {
10591
- color: var(--pa-text-secondary);
10814
+ color: var(--pa-text-color-2);
10592
10815
  opacity: 0.5;
10593
10816
  }
10594
10817
 
@@ -10633,7 +10856,7 @@ code {
10633
10856
  .pa-command-palette__empty {
10634
10857
  padding: 4.8rem 0.8rem;
10635
10858
  text-align: center;
10636
- color: var(--pa-text-secondary);
10859
+ color: var(--pa-text-color-2);
10637
10860
  font-size: 1.4rem;
10638
10861
  }
10639
10862
 
@@ -10643,7 +10866,7 @@ code {
10643
10866
  align-items: center;
10644
10867
  justify-content: center;
10645
10868
  gap: 0.8rem;
10646
- color: var(--pa-text-secondary);
10869
+ color: var(--pa-text-color-2);
10647
10870
  font-size: 1.4rem;
10648
10871
  }
10649
10872
 
@@ -10690,7 +10913,7 @@ code {
10690
10913
  .pa-command-palette__item-title {
10691
10914
  font-size: 1.4rem;
10692
10915
  font-weight: 500;
10693
- color: var(--pa-text-primary);
10916
+ color: var(--pa-text-color-1);
10694
10917
  margin: 0;
10695
10918
  white-space: nowrap;
10696
10919
  overflow: hidden;
@@ -10707,7 +10930,7 @@ code {
10707
10930
 
10708
10931
  .pa-command-palette__item-meta {
10709
10932
  font-size: 1.2rem;
10710
- color: var(--pa-text-secondary);
10933
+ color: var(--pa-text-color-2);
10711
10934
  margin: 0;
10712
10935
  margin-top: 2px;
10713
10936
  white-space: nowrap;
@@ -10719,8 +10942,8 @@ code {
10719
10942
  flex-shrink: 0;
10720
10943
  font-size: 1.2rem;
10721
10944
  padding: 2px 0.4rem;
10722
- background-color: #e2e8f0;
10723
- color: var(--pa-text-secondary);
10945
+ background-color: #e9ecef;
10946
+ color: var(--pa-text-color-2);
10724
10947
  border-radius: 2px;
10725
10948
  }
10726
10949
 
@@ -10730,7 +10953,7 @@ code {
10730
10953
  display: flex;
10731
10954
  gap: 1.6rem;
10732
10955
  font-size: 1.2rem;
10733
- color: var(--pa-text-secondary);
10956
+ color: var(--pa-text-color-2);
10734
10957
  }
10735
10958
 
10736
10959
  .pa-command-palette__hint {
@@ -10741,10 +10964,10 @@ code {
10741
10964
 
10742
10965
  .pa-command-palette__key {
10743
10966
  padding: 2px 0.4rem;
10744
- background-color: #e2e8f0;
10967
+ background-color: #e9ecef;
10745
10968
  border: 1px solid var(--pa-border-color);
10746
10969
  border-radius: 2px;
10747
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
10970
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
10748
10971
  font-weight: 500;
10749
10972
  font-size: 1rem;
10750
10973
  line-height: 1;
@@ -10754,7 +10977,7 @@ code {
10754
10977
  padding: 0.8rem 0.8rem 0.4rem;
10755
10978
  font-size: 1.2rem;
10756
10979
  font-weight: 600;
10757
- color: var(--pa-text-secondary);
10980
+ color: var(--pa-text-color-2);
10758
10981
  text-transform: uppercase;
10759
10982
  letter-spacing: 0.5px;
10760
10983
  }
@@ -10763,7 +10986,7 @@ code {
10763
10986
  padding: 0.4rem 0.8rem;
10764
10987
  text-align: center;
10765
10988
  font-size: 1.2rem;
10766
- color: var(--pa-text-secondary);
10989
+ color: var(--pa-text-color-2);
10767
10990
  border-top: 1px solid var(--pa-border-color);
10768
10991
  }
10769
10992
 
@@ -10813,13 +11036,13 @@ code {
10813
11036
  }
10814
11037
 
10815
11038
  .pa-navbar-search:hover {
10816
- border-color: #0ea5e9;
11039
+ border-color: #007bff;
10817
11040
  }
10818
11041
 
10819
11042
  .pa-navbar-search:focus {
10820
11043
  outline: none;
10821
- border-color: #0ea5e9;
10822
- box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.05);
11044
+ border-color: #007bff;
11045
+ box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
10823
11046
  }
10824
11047
 
10825
11048
  .pa-navbar-search--xs {
@@ -10854,7 +11077,7 @@ code {
10854
11077
 
10855
11078
  .pa-navbar-search__placeholder {
10856
11079
  flex: 1;
10857
- color: var(--pa-text-secondary);
11080
+ color: var(--pa-text-color-2);
10858
11081
  white-space: nowrap;
10859
11082
  overflow: hidden;
10860
11083
  text-overflow: ellipsis;
@@ -10874,11 +11097,11 @@ code {
10874
11097
  min-width: 2rem;
10875
11098
  height: 2rem;
10876
11099
  padding: 0 0.4rem;
10877
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
11100
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
10878
11101
  font-size: 1rem;
10879
11102
  font-weight: 500;
10880
- color: var(--pa-text-secondary);
10881
- background-color: #e2e8f0;
11103
+ color: var(--pa-text-color-2);
11104
+ background-color: #e9ecef;
10882
11105
  border: 1px solid var(--pa-border-color);
10883
11106
  border-radius: 2px;
10884
11107
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
@@ -10913,7 +11136,7 @@ code {
10913
11136
  font-weight: 600;
10914
11137
  text-transform: uppercase;
10915
11138
  letter-spacing: 0.5px;
10916
- color: var(--pa-text-secondary);
11139
+ color: var(--pa-text-color-2);
10917
11140
  margin: 0;
10918
11141
  padding-bottom: 0.4rem;
10919
11142
  border-bottom: 1px solid var(--pa-border-color);
@@ -10947,29 +11170,29 @@ code {
10947
11170
  min-width: 2.4rem;
10948
11171
  height: 2.4rem;
10949
11172
  padding: 0 0.4rem;
10950
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
11173
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
10951
11174
  font-size: 1rem;
10952
11175
  font-weight: 500;
10953
- color: var(--pa-text-primary);
10954
- background-color: #e2e8f0;
11176
+ color: var(--pa-text-color-1);
11177
+ background-color: #e9ecef;
10955
11178
  border: 1px solid var(--pa-border-color);
10956
11179
  border-radius: 2px;
10957
11180
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
10958
11181
  }
10959
11182
 
10960
11183
  .pa-shortcut-help__separator {
10961
- color: var(--pa-text-secondary);
11184
+ color: var(--pa-text-color-2);
10962
11185
  font-size: 1.2rem;
10963
11186
  }
10964
11187
 
10965
11188
  .pa-shortcut-help__description {
10966
- color: var(--pa-text-primary);
11189
+ color: var(--pa-text-color-1);
10967
11190
  font-size: 1.4rem;
10968
11191
  }
10969
11192
 
10970
11193
  .pa-shortcut-help__empty {
10971
11194
  text-align: center;
10972
- color: var(--pa-text-secondary);
11195
+ color: var(--pa-text-color-2);
10973
11196
  padding: 3.2rem;
10974
11197
  }
10975
11198
 
@@ -10982,18 +11205,18 @@ code {
10982
11205
  background: #f9fafb;
10983
11206
  border-radius: 4px;
10984
11207
  min-height: 6.4rem;
10985
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
11208
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
10986
11209
  }
10987
11210
 
10988
11211
  .pa-logic-tree__empty {
10989
11212
  text-align: center;
10990
- color: var(--pa-text-secondary);
11213
+ color: var(--pa-text-color-2);
10991
11214
  padding: 3.2rem;
10992
11215
  font-style: italic;
10993
11216
  }
10994
11217
 
10995
11218
  .pa-logic-tree__empty-branch {
10996
- color: var(--pa-text-secondary);
11219
+ color: var(--pa-text-color-2);
10997
11220
  font-style: italic;
10998
11221
  padding: 0.8rem 1.2rem;
10999
11222
  background: #f9fafb;
@@ -11025,7 +11248,7 @@ code {
11025
11248
 
11026
11249
  .pa-logic-tree__block--condition {
11027
11250
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
11028
- border-color: var(--pa-primary-bg);
11251
+ border-color: var(--pa-main-bg);
11029
11252
  border-left-width: 6.4px;
11030
11253
  }
11031
11254
 
@@ -11035,12 +11258,12 @@ code {
11035
11258
  }
11036
11259
 
11037
11260
  .pa-logic-tree__block--and {
11038
- border-color: #f59e0b;
11261
+ border-color: #ffc107;
11039
11262
  background: linear-gradient(135deg, #fff8e1 0%, #ffffff 100%);
11040
11263
  }
11041
11264
 
11042
11265
  .pa-logic-tree__block--or {
11043
- border-color: #06b6d4;
11266
+ border-color: #17a2b8;
11044
11267
  background: linear-gradient(135deg, #e3f2fd 0%, #ffffff 100%);
11045
11268
  }
11046
11269
 
@@ -11142,10 +11365,10 @@ code {
11142
11365
  .pa-logic-tree__group-label {
11143
11366
  font-weight: 500;
11144
11367
  font-size: 1.4rem;
11145
- color: var(--pa-text-secondary);
11368
+ color: var(--pa-text-color-2);
11146
11369
  margin-bottom: 0.8rem;
11147
11370
  padding-bottom: 0.8rem;
11148
- border-bottom: 1.6px dashed #e2e8f0;
11371
+ border-bottom: 1.6px dashed #e1e5e9;
11149
11372
  }
11150
11373
 
11151
11374
  .pa-logic-tree__group-content {
@@ -11240,7 +11463,7 @@ code {
11240
11463
  background: none;
11241
11464
  border: none;
11242
11465
  border-radius: 4px;
11243
- color: var(--pa-text-primary);
11466
+ color: var(--pa-header-text);
11244
11467
  cursor: pointer;
11245
11468
  transition: background-color 0.1s ease-out;
11246
11469
  }
@@ -11266,7 +11489,7 @@ code {
11266
11489
  min-width: 1.6rem;
11267
11490
  height: 1.6rem;
11268
11491
  padding: 0 0.4rem;
11269
- background-color: #ef4444;
11492
+ background-color: #dc3545;
11270
11493
  color: #ffffff;
11271
11494
  font-size: 1rem;
11272
11495
  font-weight: 600;
@@ -11310,14 +11533,14 @@ code {
11310
11533
  margin: 0;
11311
11534
  font-size: 1.4rem;
11312
11535
  font-weight: 600;
11313
- color: var(--pa-text-primary);
11536
+ color: var(--pa-text-color-1);
11314
11537
  }
11315
11538
 
11316
11539
  .pa-notifications__mark-read {
11317
11540
  background: none;
11318
11541
  border: none;
11319
11542
  padding: 0;
11320
- color: #0ea5e9;
11543
+ color: #007bff;
11321
11544
  font-size: 1.4rem;
11322
11545
  font-weight: 500;
11323
11546
  cursor: pointer;
@@ -11325,7 +11548,7 @@ code {
11325
11548
  }
11326
11549
 
11327
11550
  .pa-notifications__mark-read:hover {
11328
- color: rgba(14, 165, 233, 0.08);
11551
+ color: rgba(0, 123, 255, 0.12);
11329
11552
  }
11330
11553
 
11331
11554
  .pa-notifications__list {
@@ -11354,11 +11577,11 @@ code {
11354
11577
  }
11355
11578
 
11356
11579
  .pa-notifications__item--unread {
11357
- background-color: rgba(14, 165, 233, 0.05);
11580
+ background-color: rgba(0, 123, 255, 0.05);
11358
11581
  }
11359
11582
 
11360
11583
  .pa-notifications__item--unread:hover {
11361
- background-color: rgba(14, 165, 233, 0.1);
11584
+ background-color: rgba(0, 123, 255, 0.1);
11362
11585
  }
11363
11586
 
11364
11587
  .pa-notifications__icon-wrapper {
@@ -11375,28 +11598,28 @@ code {
11375
11598
  }
11376
11599
 
11377
11600
  .pa-notifications__icon-wrapper--primary {
11378
- background-color: rgba(14, 165, 233, 0.1);
11379
- color: #0ea5e9;
11601
+ background-color: rgba(0, 123, 255, 0.1);
11602
+ color: #007bff;
11380
11603
  }
11381
11604
 
11382
11605
  .pa-notifications__icon-wrapper--success {
11383
- background-color: rgba(16, 185, 129, 0.1);
11384
- color: #10b981;
11606
+ background-color: rgba(40, 167, 69, 0.1);
11607
+ color: #28a745;
11385
11608
  }
11386
11609
 
11387
11610
  .pa-notifications__icon-wrapper--warning {
11388
- background-color: rgba(245, 158, 11, 0.1);
11389
- color: #f59e0b;
11611
+ background-color: rgba(255, 193, 7, 0.1);
11612
+ color: #ffc107;
11390
11613
  }
11391
11614
 
11392
11615
  .pa-notifications__icon-wrapper--danger {
11393
- background-color: rgba(239, 68, 68, 0.1);
11394
- color: #ef4444;
11616
+ background-color: rgba(220, 53, 69, 0.1);
11617
+ color: #dc3545;
11395
11618
  }
11396
11619
 
11397
11620
  .pa-notifications__icon-wrapper--secondary {
11398
- background-color: rgba(var(--pa-text-secondary), 0.1);
11399
- color: var(--pa-text-secondary);
11621
+ background-color: rgba(var(--pa-text-color-2), 0.1);
11622
+ color: var(--pa-text-color-2);
11400
11623
  }
11401
11624
 
11402
11625
  .pa-notifications__content {
@@ -11408,13 +11631,13 @@ code {
11408
11631
  margin: 0 0 0.2rem 0;
11409
11632
  font-size: 1.2rem;
11410
11633
  font-weight: 600;
11411
- color: var(--pa-text-primary);
11634
+ color: var(--pa-text-color-1);
11412
11635
  }
11413
11636
 
11414
11637
  .pa-notifications__content p {
11415
11638
  margin: 0 0 0.2rem 0;
11416
11639
  font-size: 1.2rem;
11417
- color: var(--pa-text-secondary);
11640
+ color: var(--pa-text-color-2);
11418
11641
  line-height: 1.3;
11419
11642
  overflow: hidden;
11420
11643
  text-overflow: ellipsis;
@@ -11425,7 +11648,7 @@ code {
11425
11648
 
11426
11649
  .pa-notifications__time {
11427
11650
  font-size: 1rem;
11428
- color: var(--pa-text-secondary);
11651
+ color: var(--pa-text-color-2);
11429
11652
  font-weight: 400;
11430
11653
  opacity: 0.7;
11431
11654
  }
@@ -11437,7 +11660,7 @@ code {
11437
11660
  }
11438
11661
 
11439
11662
  .pa-notifications__footer a {
11440
- color: #0ea5e9;
11663
+ color: #007bff;
11441
11664
  font-size: 1.4rem;
11442
11665
  font-weight: 500;
11443
11666
  text-decoration: none;
@@ -11445,7 +11668,7 @@ code {
11445
11668
  }
11446
11669
 
11447
11670
  .pa-notifications__footer a:hover {
11448
- color: rgba(14, 165, 233, 0.08);
11671
+ color: rgba(0, 123, 255, 0.12);
11449
11672
  }
11450
11673
 
11451
11674
  @media (max-width: 768px) {
@@ -11455,6 +11678,60 @@ code {
11455
11678
  right: -1.6rem;
11456
11679
  }
11457
11680
  }
11681
+ .pa-notifications__list--page {
11682
+ max-height: none;
11683
+ overflow: visible;
11684
+ }
11685
+
11686
+ .pa-notifications__list--page .pa-notifications__item {
11687
+ padding: 1.6rem 2.4rem;
11688
+ }
11689
+
11690
+ .pa-notifications__list--page .pa-notifications__icon-wrapper {
11691
+ width: 4rem;
11692
+ height: 4rem;
11693
+ font-size: 1.8rem;
11694
+ }
11695
+
11696
+ .pa-notifications__list--page .pa-notifications__content h4 {
11697
+ font-size: 1.4rem;
11698
+ margin-bottom: 0.4rem;
11699
+ }
11700
+
11701
+ .pa-notifications__list--page .pa-notifications__content p {
11702
+ font-size: 1.4rem;
11703
+ -webkit-line-clamp: 3;
11704
+ }
11705
+
11706
+ .pa-notifications__list--page .pa-notifications__time {
11707
+ font-size: 1.2rem;
11708
+ }
11709
+
11710
+ .pa-notifications__actions {
11711
+ display: flex;
11712
+ gap: 0.4rem;
11713
+ flex-shrink: 0;
11714
+ opacity: 0;
11715
+ transition: opacity 0.1s ease-out;
11716
+ }
11717
+
11718
+ .pa-notifications__item:hover .pa-notifications__actions {
11719
+ opacity: 1;
11720
+ }
11721
+
11722
+ @media (max-width: 768px) {
11723
+ .pa-notifications__list--page .pa-notifications__item {
11724
+ flex-wrap: wrap;
11725
+ }
11726
+ .pa-notifications__list--page .pa-notifications__actions {
11727
+ opacity: 1;
11728
+ width: 100%;
11729
+ justify-content: flex-end;
11730
+ margin-top: 0.8rem;
11731
+ padding-top: 0.8rem;
11732
+ border-top: 1px solid var(--pa-border-color);
11733
+ }
11734
+ }
11458
11735
  /* ========================================
11459
11736
  Popconfirm Component
11460
11737
  Small confirmation dialog anchored to trigger button
@@ -11498,7 +11775,7 @@ code {
11498
11775
  .pa-popconfirm__message p {
11499
11776
  margin: 0;
11500
11777
  font-size: 1.4rem;
11501
- color: var(--pa-text-primary);
11778
+ color: var(--pa-text-color-1);
11502
11779
  line-height: 1.5;
11503
11780
  }
11504
11781
 
@@ -11535,7 +11812,7 @@ code {
11535
11812
  display: flex;
11536
11813
  gap: 0.8rem;
11537
11814
  justify-content: flex-end;
11538
- background-color: rgba(226, 232, 240, 0.3);
11815
+ background-color: rgba(225, 229, 233, 0.3);
11539
11816
  }
11540
11817
 
11541
11818
  .pa-popconfirm__actions .pa-btn {
@@ -11622,7 +11899,7 @@ code {
11622
11899
  top: 0;
11623
11900
  width: 40px;
11624
11901
  height: 40px;
11625
- background: #0ea5e9;
11902
+ background: #007bff;
11626
11903
  color: white;
11627
11904
  border: none;
11628
11905
  border-radius: 4px 0 0 4px;
@@ -11636,13 +11913,13 @@ code {
11636
11913
  }
11637
11914
 
11638
11915
  .pa-settings-panel__toggle:hover {
11639
- background: rgba(14, 165, 233, 0.08);
11916
+ background: rgba(0, 123, 255, 0.12);
11640
11917
  width: 45px;
11641
11918
  right: 325px;
11642
11919
  }
11643
11920
 
11644
11921
  .pa-settings-panel__content {
11645
- background: var(--pa-content-bg);
11922
+ background: var(--pa-subtle-bg);
11646
11923
  border: 1px solid var(--pa-border-color);
11647
11924
  border-right: none;
11648
11925
  border-radius: 4px 0 0 4px;
@@ -11659,7 +11936,7 @@ code {
11659
11936
  margin: 0 0 2.4rem 0;
11660
11937
  padding-bottom: 1.2rem;
11661
11938
  border-bottom: 2px solid var(--pa-border-color);
11662
- color: var(--pa-text-primary);
11939
+ color: var(--pa-text-color-1);
11663
11940
  font-size: 1.8rem;
11664
11941
  font-weight: 600;
11665
11942
  }
@@ -11675,7 +11952,7 @@ code {
11675
11952
  .pa-settings-panel__label {
11676
11953
  display: block;
11677
11954
  margin-bottom: 0.8rem;
11678
- color: var(--pa-text-primary);
11955
+ color: var(--pa-text-color-1);
11679
11956
  font-size: 1.4rem;
11680
11957
  font-weight: 500;
11681
11958
  }
@@ -11686,15 +11963,15 @@ code {
11686
11963
  border: 1px solid var(--pa-border-color);
11687
11964
  border-radius: 4px;
11688
11965
  background: var(--pa-input-bg);
11689
- color: var(--pa-text-primary);
11966
+ color: var(--pa-text-color-1);
11690
11967
  font-size: 1.4rem;
11691
11968
  cursor: pointer;
11692
11969
  }
11693
11970
 
11694
11971
  .pa-settings-panel__select:focus {
11695
11972
  outline: none;
11696
- border-color: #0ea5e9;
11697
- box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.05);
11973
+ border-color: #007bff;
11974
+ box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
11698
11975
  }
11699
11976
 
11700
11977
  .pa-settings-panel__checkbox-group {
@@ -11707,7 +11984,7 @@ code {
11707
11984
  display: flex;
11708
11985
  align-items: center;
11709
11986
  cursor: pointer;
11710
- color: var(--pa-text-primary);
11987
+ color: var(--pa-text-color-1);
11711
11988
  font-size: 1.4rem;
11712
11989
  }
11713
11990
 
@@ -11717,7 +11994,7 @@ code {
11717
11994
  }
11718
11995
 
11719
11996
  .pa-settings-panel__checkbox:hover {
11720
- color: #0ea5e9;
11997
+ color: #007bff;
11721
11998
  }
11722
11999
 
11723
12000
  .pa-settings-panel--open {
@@ -11725,7 +12002,7 @@ code {
11725
12002
  }
11726
12003
 
11727
12004
  .pa-settings-panel--open .pa-settings-panel__toggle {
11728
- background: rgba(14, 165, 233, 0.08);
12005
+ background: rgba(0, 123, 255, 0.12);
11729
12006
  transform: rotate(180deg);
11730
12007
  }
11731
12008
 
@@ -11946,6 +12223,21 @@ html.font-size-4xl {
11946
12223
  overflow: visible;
11947
12224
  }
11948
12225
 
12226
+ .overflow-overlay {
12227
+ overflow: auto;
12228
+ overflow: overlay;
12229
+ }
12230
+
12231
+ .overflow-y-overlay {
12232
+ overflow-y: auto;
12233
+ overflow-y: overlay;
12234
+ }
12235
+
12236
+ .overflow-x-overlay {
12237
+ overflow-x: auto;
12238
+ overflow-x: overlay;
12239
+ }
12240
+
11949
12241
  .cursor-pointer {
11950
12242
  cursor: pointer;
11951
12243
  }
@@ -11992,7 +12284,7 @@ html.font-size-4xl {
11992
12284
 
11993
12285
  .pa-text {
11994
12286
  font-size: 1.4rem;
11995
- color: var(--pa-text-primary);
12287
+ color: var(--pa-text-color-1);
11996
12288
  }
11997
12289
 
11998
12290
  .pa-text--xs {
@@ -12012,11 +12304,11 @@ html.font-size-4xl {
12012
12304
  }
12013
12305
 
12014
12306
  .pa-text--primary {
12015
- color: var(--pa-text-primary);
12307
+ color: var(--pa-text-color-1);
12016
12308
  }
12017
12309
 
12018
12310
  .pa-text--secondary {
12019
- color: var(--pa-text-secondary);
12311
+ color: var(--pa-text-color-2);
12020
12312
  }
12021
12313
 
12022
12314
  .pa-text--left {
@@ -12033,7 +12325,7 @@ html.font-size-4xl {
12033
12325
 
12034
12326
  .pa-text--caption {
12035
12327
  font-size: 1.2rem;
12036
- color: var(--pa-text-secondary);
12328
+ color: var(--pa-text-color-2);
12037
12329
  margin-bottom: 0.8rem;
12038
12330
  }
12039
12331
 
@@ -12046,34 +12338,98 @@ html.font-size-4xl {
12046
12338
  gap: 0;
12047
12339
  }
12048
12340
 
12049
- .gap-xs {
12050
- gap: 0.4rem;
12341
+ .row-gap-0 {
12342
+ row-gap: 0;
12051
12343
  }
12052
12344
 
12053
- .gap-sm {
12054
- gap: 0.8rem;
12345
+ .column-gap-0 {
12346
+ column-gap: 0;
12055
12347
  }
12056
12348
 
12057
- .gap-md {
12058
- gap: 1.2rem;
12349
+ .gap-xs {
12350
+ gap: 0.4rem;
12059
12351
  }
12060
12352
 
12061
- .gap-base {
12062
- gap: 1.6rem;
12353
+ .row-gap-xs {
12354
+ row-gap: 0.4rem;
12355
+ }
12356
+
12357
+ .column-gap-xs {
12358
+ column-gap: 0.4rem;
12359
+ }
12360
+
12361
+ .gap-sm {
12362
+ gap: 0.8rem;
12363
+ }
12364
+
12365
+ .row-gap-sm {
12366
+ row-gap: 0.8rem;
12367
+ }
12368
+
12369
+ .column-gap-sm {
12370
+ column-gap: 0.8rem;
12371
+ }
12372
+
12373
+ .gap-md {
12374
+ gap: 1.2rem;
12375
+ }
12376
+
12377
+ .row-gap-md {
12378
+ row-gap: 1.2rem;
12379
+ }
12380
+
12381
+ .column-gap-md {
12382
+ column-gap: 1.2rem;
12383
+ }
12384
+
12385
+ .gap-base {
12386
+ gap: 1.6rem;
12387
+ }
12388
+
12389
+ .row-gap-base {
12390
+ row-gap: 1.6rem;
12391
+ }
12392
+
12393
+ .column-gap-base {
12394
+ column-gap: 1.6rem;
12063
12395
  }
12064
12396
 
12065
12397
  .gap-lg {
12066
12398
  gap: 2.4rem;
12067
12399
  }
12068
12400
 
12401
+ .row-gap-lg {
12402
+ row-gap: 2.4rem;
12403
+ }
12404
+
12405
+ .column-gap-lg {
12406
+ column-gap: 2.4rem;
12407
+ }
12408
+
12069
12409
  .gap-xl {
12070
12410
  gap: 3.2rem;
12071
12411
  }
12072
12412
 
12413
+ .row-gap-xl {
12414
+ row-gap: 3.2rem;
12415
+ }
12416
+
12417
+ .column-gap-xl {
12418
+ column-gap: 3.2rem;
12419
+ }
12420
+
12073
12421
  .gap-2xl {
12074
12422
  gap: 4.8rem;
12075
12423
  }
12076
12424
 
12425
+ .row-gap-2xl {
12426
+ row-gap: 4.8rem;
12427
+ }
12428
+
12429
+ .column-gap-2xl {
12430
+ column-gap: 4.8rem;
12431
+ }
12432
+
12077
12433
  .gap-1 {
12078
12434
  gap: 0.1rem;
12079
12435
  }
@@ -12118,54 +12474,6 @@ html.font-size-4xl {
12118
12474
  gap: 2rem;
12119
12475
  }
12120
12476
 
12121
- .row-gap-0 {
12122
- row-gap: 0;
12123
- }
12124
-
12125
- .row-gap-xs {
12126
- row-gap: 0.4rem;
12127
- }
12128
-
12129
- .row-gap-sm {
12130
- row-gap: 0.8rem;
12131
- }
12132
-
12133
- .row-gap-md {
12134
- row-gap: 1.2rem;
12135
- }
12136
-
12137
- .row-gap-base {
12138
- row-gap: 1.6rem;
12139
- }
12140
-
12141
- .row-gap-lg {
12142
- row-gap: 2.4rem;
12143
- }
12144
-
12145
- .column-gap-0 {
12146
- column-gap: 0;
12147
- }
12148
-
12149
- .column-gap-xs {
12150
- column-gap: 0.4rem;
12151
- }
12152
-
12153
- .column-gap-sm {
12154
- column-gap: 0.8rem;
12155
- }
12156
-
12157
- .column-gap-md {
12158
- column-gap: 1.2rem;
12159
- }
12160
-
12161
- .column-gap-base {
12162
- column-gap: 1.6rem;
12163
- }
12164
-
12165
- .column-gap-lg {
12166
- column-gap: 2.4rem;
12167
- }
12168
-
12169
12477
  .self-start {
12170
12478
  align-self: flex-start;
12171
12479
  }
@@ -12226,6 +12534,12 @@ html.font-size-4xl {
12226
12534
  font-size: 3.2rem;
12227
12535
  }
12228
12536
 
12537
+ .text-truncate {
12538
+ overflow: hidden;
12539
+ text-overflow: ellipsis;
12540
+ white-space: nowrap;
12541
+ }
12542
+
12229
12543
  .component-showcase {
12230
12544
  display: flex;
12231
12545
  flex-wrap: wrap;
@@ -12377,6 +12691,8 @@ html.font-size-4xl {
12377
12691
  border-color: var(--pa-color-9);
12378
12692
  }
12379
12693
 
12694
+ /* Pure Admin Visual Framework - SCSS Variables Only */
12695
+ /* NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px) */
12380
12696
  .m-0 {
12381
12697
  margin: 0 !important;
12382
12698
  }
@@ -13127,6 +13443,486 @@ html.font-size-4xl {
13127
13443
  margin-bottom: auto !important;
13128
13444
  }
13129
13445
 
13446
+ .m-0 {
13447
+ margin: 0 !important;
13448
+ }
13449
+
13450
+ .mt-0 {
13451
+ margin-top: 0 !important;
13452
+ }
13453
+
13454
+ .mr-0 {
13455
+ margin-right: 0 !important;
13456
+ }
13457
+
13458
+ .mb-0 {
13459
+ margin-bottom: 0 !important;
13460
+ }
13461
+
13462
+ .ml-0 {
13463
+ margin-left: 0 !important;
13464
+ }
13465
+
13466
+ .mx-0 {
13467
+ margin-left: 0 !important;
13468
+ margin-right: 0 !important;
13469
+ }
13470
+
13471
+ .my-0 {
13472
+ margin-top: 0 !important;
13473
+ margin-bottom: 0 !important;
13474
+ }
13475
+
13476
+ .m-xs {
13477
+ margin: 0.4rem !important;
13478
+ }
13479
+
13480
+ .mt-xs {
13481
+ margin-top: 0.4rem !important;
13482
+ }
13483
+
13484
+ .mr-xs {
13485
+ margin-right: 0.4rem !important;
13486
+ }
13487
+
13488
+ .mb-xs {
13489
+ margin-bottom: 0.4rem !important;
13490
+ }
13491
+
13492
+ .ml-xs {
13493
+ margin-left: 0.4rem !important;
13494
+ }
13495
+
13496
+ .mx-xs {
13497
+ margin-left: 0.4rem !important;
13498
+ margin-right: 0.4rem !important;
13499
+ }
13500
+
13501
+ .my-xs {
13502
+ margin-top: 0.4rem !important;
13503
+ margin-bottom: 0.4rem !important;
13504
+ }
13505
+
13506
+ .m-sm {
13507
+ margin: 0.8rem !important;
13508
+ }
13509
+
13510
+ .mt-sm {
13511
+ margin-top: 0.8rem !important;
13512
+ }
13513
+
13514
+ .mr-sm {
13515
+ margin-right: 0.8rem !important;
13516
+ }
13517
+
13518
+ .mb-sm {
13519
+ margin-bottom: 0.8rem !important;
13520
+ }
13521
+
13522
+ .ml-sm {
13523
+ margin-left: 0.8rem !important;
13524
+ }
13525
+
13526
+ .mx-sm {
13527
+ margin-left: 0.8rem !important;
13528
+ margin-right: 0.8rem !important;
13529
+ }
13530
+
13531
+ .my-sm {
13532
+ margin-top: 0.8rem !important;
13533
+ margin-bottom: 0.8rem !important;
13534
+ }
13535
+
13536
+ .m-md {
13537
+ margin: 1.2rem !important;
13538
+ }
13539
+
13540
+ .mt-md {
13541
+ margin-top: 1.2rem !important;
13542
+ }
13543
+
13544
+ .mr-md {
13545
+ margin-right: 1.2rem !important;
13546
+ }
13547
+
13548
+ .mb-md {
13549
+ margin-bottom: 1.2rem !important;
13550
+ }
13551
+
13552
+ .ml-md {
13553
+ margin-left: 1.2rem !important;
13554
+ }
13555
+
13556
+ .mx-md {
13557
+ margin-left: 1.2rem !important;
13558
+ margin-right: 1.2rem !important;
13559
+ }
13560
+
13561
+ .my-md {
13562
+ margin-top: 1.2rem !important;
13563
+ margin-bottom: 1.2rem !important;
13564
+ }
13565
+
13566
+ .m-base {
13567
+ margin: 1.6rem !important;
13568
+ }
13569
+
13570
+ .mt-base {
13571
+ margin-top: 1.6rem !important;
13572
+ }
13573
+
13574
+ .mr-base {
13575
+ margin-right: 1.6rem !important;
13576
+ }
13577
+
13578
+ .mb-base {
13579
+ margin-bottom: 1.6rem !important;
13580
+ }
13581
+
13582
+ .ml-base {
13583
+ margin-left: 1.6rem !important;
13584
+ }
13585
+
13586
+ .mx-base {
13587
+ margin-left: 1.6rem !important;
13588
+ margin-right: 1.6rem !important;
13589
+ }
13590
+
13591
+ .my-base {
13592
+ margin-top: 1.6rem !important;
13593
+ margin-bottom: 1.6rem !important;
13594
+ }
13595
+
13596
+ .m-lg {
13597
+ margin: 2.4rem !important;
13598
+ }
13599
+
13600
+ .mt-lg {
13601
+ margin-top: 2.4rem !important;
13602
+ }
13603
+
13604
+ .mr-lg {
13605
+ margin-right: 2.4rem !important;
13606
+ }
13607
+
13608
+ .mb-lg {
13609
+ margin-bottom: 2.4rem !important;
13610
+ }
13611
+
13612
+ .ml-lg {
13613
+ margin-left: 2.4rem !important;
13614
+ }
13615
+
13616
+ .mx-lg {
13617
+ margin-left: 2.4rem !important;
13618
+ margin-right: 2.4rem !important;
13619
+ }
13620
+
13621
+ .my-lg {
13622
+ margin-top: 2.4rem !important;
13623
+ margin-bottom: 2.4rem !important;
13624
+ }
13625
+
13626
+ .m-xl {
13627
+ margin: 3.2rem !important;
13628
+ }
13629
+
13630
+ .mt-xl {
13631
+ margin-top: 3.2rem !important;
13632
+ }
13633
+
13634
+ .mr-xl {
13635
+ margin-right: 3.2rem !important;
13636
+ }
13637
+
13638
+ .mb-xl {
13639
+ margin-bottom: 3.2rem !important;
13640
+ }
13641
+
13642
+ .ml-xl {
13643
+ margin-left: 3.2rem !important;
13644
+ }
13645
+
13646
+ .mx-xl {
13647
+ margin-left: 3.2rem !important;
13648
+ margin-right: 3.2rem !important;
13649
+ }
13650
+
13651
+ .my-xl {
13652
+ margin-top: 3.2rem !important;
13653
+ margin-bottom: 3.2rem !important;
13654
+ }
13655
+
13656
+ .m-2xl {
13657
+ margin: 4.8rem !important;
13658
+ }
13659
+
13660
+ .mt-2xl {
13661
+ margin-top: 4.8rem !important;
13662
+ }
13663
+
13664
+ .mr-2xl {
13665
+ margin-right: 4.8rem !important;
13666
+ }
13667
+
13668
+ .mb-2xl {
13669
+ margin-bottom: 4.8rem !important;
13670
+ }
13671
+
13672
+ .ml-2xl {
13673
+ margin-left: 4.8rem !important;
13674
+ }
13675
+
13676
+ .mx-2xl {
13677
+ margin-left: 4.8rem !important;
13678
+ margin-right: 4.8rem !important;
13679
+ }
13680
+
13681
+ .my-2xl {
13682
+ margin-top: 4.8rem !important;
13683
+ margin-bottom: 4.8rem !important;
13684
+ }
13685
+
13686
+ .p-0 {
13687
+ padding: 0 !important;
13688
+ }
13689
+
13690
+ .pt-0 {
13691
+ padding-top: 0 !important;
13692
+ }
13693
+
13694
+ .pr-0 {
13695
+ padding-right: 0 !important;
13696
+ }
13697
+
13698
+ .pb-0 {
13699
+ padding-bottom: 0 !important;
13700
+ }
13701
+
13702
+ .pl-0 {
13703
+ padding-left: 0 !important;
13704
+ }
13705
+
13706
+ .px-0 {
13707
+ padding-left: 0 !important;
13708
+ padding-right: 0 !important;
13709
+ }
13710
+
13711
+ .py-0 {
13712
+ padding-top: 0 !important;
13713
+ padding-bottom: 0 !important;
13714
+ }
13715
+
13716
+ .p-xs {
13717
+ padding: 0.4rem !important;
13718
+ }
13719
+
13720
+ .pt-xs {
13721
+ padding-top: 0.4rem !important;
13722
+ }
13723
+
13724
+ .pr-xs {
13725
+ padding-right: 0.4rem !important;
13726
+ }
13727
+
13728
+ .pb-xs {
13729
+ padding-bottom: 0.4rem !important;
13730
+ }
13731
+
13732
+ .pl-xs {
13733
+ padding-left: 0.4rem !important;
13734
+ }
13735
+
13736
+ .px-xs {
13737
+ padding-left: 0.4rem !important;
13738
+ padding-right: 0.4rem !important;
13739
+ }
13740
+
13741
+ .py-xs {
13742
+ padding-top: 0.4rem !important;
13743
+ padding-bottom: 0.4rem !important;
13744
+ }
13745
+
13746
+ .p-sm {
13747
+ padding: 0.8rem !important;
13748
+ }
13749
+
13750
+ .pt-sm {
13751
+ padding-top: 0.8rem !important;
13752
+ }
13753
+
13754
+ .pr-sm {
13755
+ padding-right: 0.8rem !important;
13756
+ }
13757
+
13758
+ .pb-sm {
13759
+ padding-bottom: 0.8rem !important;
13760
+ }
13761
+
13762
+ .pl-sm {
13763
+ padding-left: 0.8rem !important;
13764
+ }
13765
+
13766
+ .px-sm {
13767
+ padding-left: 0.8rem !important;
13768
+ padding-right: 0.8rem !important;
13769
+ }
13770
+
13771
+ .py-sm {
13772
+ padding-top: 0.8rem !important;
13773
+ padding-bottom: 0.8rem !important;
13774
+ }
13775
+
13776
+ .p-md {
13777
+ padding: 1.2rem !important;
13778
+ }
13779
+
13780
+ .pt-md {
13781
+ padding-top: 1.2rem !important;
13782
+ }
13783
+
13784
+ .pr-md {
13785
+ padding-right: 1.2rem !important;
13786
+ }
13787
+
13788
+ .pb-md {
13789
+ padding-bottom: 1.2rem !important;
13790
+ }
13791
+
13792
+ .pl-md {
13793
+ padding-left: 1.2rem !important;
13794
+ }
13795
+
13796
+ .px-md {
13797
+ padding-left: 1.2rem !important;
13798
+ padding-right: 1.2rem !important;
13799
+ }
13800
+
13801
+ .py-md {
13802
+ padding-top: 1.2rem !important;
13803
+ padding-bottom: 1.2rem !important;
13804
+ }
13805
+
13806
+ .p-base {
13807
+ padding: 1.6rem !important;
13808
+ }
13809
+
13810
+ .pt-base {
13811
+ padding-top: 1.6rem !important;
13812
+ }
13813
+
13814
+ .pr-base {
13815
+ padding-right: 1.6rem !important;
13816
+ }
13817
+
13818
+ .pb-base {
13819
+ padding-bottom: 1.6rem !important;
13820
+ }
13821
+
13822
+ .pl-base {
13823
+ padding-left: 1.6rem !important;
13824
+ }
13825
+
13826
+ .px-base {
13827
+ padding-left: 1.6rem !important;
13828
+ padding-right: 1.6rem !important;
13829
+ }
13830
+
13831
+ .py-base {
13832
+ padding-top: 1.6rem !important;
13833
+ padding-bottom: 1.6rem !important;
13834
+ }
13835
+
13836
+ .p-lg {
13837
+ padding: 2.4rem !important;
13838
+ }
13839
+
13840
+ .pt-lg {
13841
+ padding-top: 2.4rem !important;
13842
+ }
13843
+
13844
+ .pr-lg {
13845
+ padding-right: 2.4rem !important;
13846
+ }
13847
+
13848
+ .pb-lg {
13849
+ padding-bottom: 2.4rem !important;
13850
+ }
13851
+
13852
+ .pl-lg {
13853
+ padding-left: 2.4rem !important;
13854
+ }
13855
+
13856
+ .px-lg {
13857
+ padding-left: 2.4rem !important;
13858
+ padding-right: 2.4rem !important;
13859
+ }
13860
+
13861
+ .py-lg {
13862
+ padding-top: 2.4rem !important;
13863
+ padding-bottom: 2.4rem !important;
13864
+ }
13865
+
13866
+ .p-xl {
13867
+ padding: 3.2rem !important;
13868
+ }
13869
+
13870
+ .pt-xl {
13871
+ padding-top: 3.2rem !important;
13872
+ }
13873
+
13874
+ .pr-xl {
13875
+ padding-right: 3.2rem !important;
13876
+ }
13877
+
13878
+ .pb-xl {
13879
+ padding-bottom: 3.2rem !important;
13880
+ }
13881
+
13882
+ .pl-xl {
13883
+ padding-left: 3.2rem !important;
13884
+ }
13885
+
13886
+ .px-xl {
13887
+ padding-left: 3.2rem !important;
13888
+ padding-right: 3.2rem !important;
13889
+ }
13890
+
13891
+ .py-xl {
13892
+ padding-top: 3.2rem !important;
13893
+ padding-bottom: 3.2rem !important;
13894
+ }
13895
+
13896
+ .p-2xl {
13897
+ padding: 4.8rem !important;
13898
+ }
13899
+
13900
+ .pt-2xl {
13901
+ padding-top: 4.8rem !important;
13902
+ }
13903
+
13904
+ .pr-2xl {
13905
+ padding-right: 4.8rem !important;
13906
+ }
13907
+
13908
+ .pb-2xl {
13909
+ padding-bottom: 4.8rem !important;
13910
+ }
13911
+
13912
+ .pl-2xl {
13913
+ padding-left: 4.8rem !important;
13914
+ }
13915
+
13916
+ .px-2xl {
13917
+ padding-left: 4.8rem !important;
13918
+ padding-right: 4.8rem !important;
13919
+ }
13920
+
13921
+ .py-2xl {
13922
+ padding-top: 4.8rem !important;
13923
+ padding-bottom: 4.8rem !important;
13924
+ }
13925
+
13130
13926
  .d-none {
13131
13927
  display: none !important;
13132
13928
  }
@@ -13333,6 +14129,10 @@ html.font-size-4xl {
13333
14129
  width: auto !important;
13334
14130
  }
13335
14131
 
14132
+ .w-1-2 {
14133
+ width: 50% !important;
14134
+ }
14135
+
13336
14136
  .w-1-3 {
13337
14137
  width: 33.333333% !important;
13338
14138
  }
@@ -13341,6 +14141,14 @@ html.font-size-4xl {
13341
14141
  width: 66.666667% !important;
13342
14142
  }
13343
14143
 
14144
+ .w-1-4 {
14145
+ width: 25% !important;
14146
+ }
14147
+
14148
+ .w-3-4 {
14149
+ width: 75% !important;
14150
+ }
14151
+
13344
14152
  .mw-25 {
13345
14153
  min-width: 25% !important;
13346
14154
  }
@@ -13361,6 +14169,10 @@ html.font-size-4xl {
13361
14169
  min-width: auto !important;
13362
14170
  }
13363
14171
 
14172
+ .mw-1-2 {
14173
+ min-width: 50% !important;
14174
+ }
14175
+
13364
14176
  .mw-1-3 {
13365
14177
  min-width: 33.333333% !important;
13366
14178
  }
@@ -13369,6 +14181,14 @@ html.font-size-4xl {
13369
14181
  min-width: 66.666667% !important;
13370
14182
  }
13371
14183
 
14184
+ .mw-1-4 {
14185
+ min-width: 25% !important;
14186
+ }
14187
+
14188
+ .mw-3-4 {
14189
+ min-width: 75% !important;
14190
+ }
14191
+
13372
14192
  .w-25-fixed {
13373
14193
  min-width: 25% !important;
13374
14194
  width: 25% !important;
@@ -13389,6 +14209,11 @@ html.font-size-4xl {
13389
14209
  width: 100% !important;
13390
14210
  }
13391
14211
 
14212
+ .w-1-2-fixed {
14213
+ min-width: 50% !important;
14214
+ width: 50% !important;
14215
+ }
14216
+
13392
14217
  .w-1-3-fixed {
13393
14218
  min-width: 33.333333% !important;
13394
14219
  width: 33.333333% !important;
@@ -13399,6 +14224,16 @@ html.font-size-4xl {
13399
14224
  width: 66.666667% !important;
13400
14225
  }
13401
14226
 
14227
+ .w-1-4-fixed {
14228
+ min-width: 25% !important;
14229
+ width: 25% !important;
14230
+ }
14231
+
14232
+ .w-3-4-fixed {
14233
+ min-width: 75% !important;
14234
+ width: 75% !important;
14235
+ }
14236
+
13402
14237
  .h-25 {
13403
14238
  height: 25% !important;
13404
14239
  }
@@ -13419,6 +14254,26 @@ html.font-size-4xl {
13419
14254
  height: auto !important;
13420
14255
  }
13421
14256
 
14257
+ .h-1-2 {
14258
+ height: 50% !important;
14259
+ }
14260
+
14261
+ .h-1-3 {
14262
+ height: 33.333333% !important;
14263
+ }
14264
+
14265
+ .h-2-3 {
14266
+ height: 66.666667% !important;
14267
+ }
14268
+
14269
+ .h-1-4 {
14270
+ height: 25% !important;
14271
+ }
14272
+
14273
+ .h-3-4 {
14274
+ height: 75% !important;
14275
+ }
14276
+
13422
14277
  .wr-1 {
13423
14278
  width: 1rem !important;
13424
14279
  }
@@ -13471,6 +14326,26 @@ html.font-size-4xl {
13471
14326
  width: 25rem !important;
13472
14327
  }
13473
14328
 
14329
+ .wr-30 {
14330
+ width: 30rem !important;
14331
+ }
14332
+
14333
+ .wr-35 {
14334
+ width: 35rem !important;
14335
+ }
14336
+
14337
+ .wr-40 {
14338
+ width: 40rem !important;
14339
+ }
14340
+
14341
+ .wr-45 {
14342
+ width: 45rem !important;
14343
+ }
14344
+
14345
+ .wr-50 {
14346
+ width: 50rem !important;
14347
+ }
14348
+
13474
14349
  .minwr-1 {
13475
14350
  min-width: 1rem !important;
13476
14351
  }
@@ -13523,6 +14398,26 @@ html.font-size-4xl {
13523
14398
  min-width: 25rem !important;
13524
14399
  }
13525
14400
 
14401
+ .minwr-30 {
14402
+ min-width: 30rem !important;
14403
+ }
14404
+
14405
+ .minwr-35 {
14406
+ min-width: 35rem !important;
14407
+ }
14408
+
14409
+ .minwr-40 {
14410
+ min-width: 40rem !important;
14411
+ }
14412
+
14413
+ .minwr-45 {
14414
+ min-width: 45rem !important;
14415
+ }
14416
+
14417
+ .minwr-50 {
14418
+ min-width: 50rem !important;
14419
+ }
14420
+
13526
14421
  .maxwr-1 {
13527
14422
  max-width: 1rem !important;
13528
14423
  }
@@ -13575,6 +14470,26 @@ html.font-size-4xl {
13575
14470
  max-width: 25rem !important;
13576
14471
  }
13577
14472
 
14473
+ .maxwr-30 {
14474
+ max-width: 30rem !important;
14475
+ }
14476
+
14477
+ .maxwr-35 {
14478
+ max-width: 35rem !important;
14479
+ }
14480
+
14481
+ .maxwr-40 {
14482
+ max-width: 40rem !important;
14483
+ }
14484
+
14485
+ .maxwr-45 {
14486
+ max-width: 45rem !important;
14487
+ }
14488
+
14489
+ .maxwr-50 {
14490
+ max-width: 50rem !important;
14491
+ }
14492
+
13578
14493
  .hr-1 {
13579
14494
  height: 1rem !important;
13580
14495
  }
@@ -13627,6 +14542,26 @@ html.font-size-4xl {
13627
14542
  height: 25rem !important;
13628
14543
  }
13629
14544
 
14545
+ .hr-30 {
14546
+ height: 30rem !important;
14547
+ }
14548
+
14549
+ .hr-35 {
14550
+ height: 35rem !important;
14551
+ }
14552
+
14553
+ .hr-40 {
14554
+ height: 40rem !important;
14555
+ }
14556
+
14557
+ .hr-45 {
14558
+ height: 45rem !important;
14559
+ }
14560
+
14561
+ .hr-50 {
14562
+ height: 50rem !important;
14563
+ }
14564
+
13630
14565
  .minhr-1 {
13631
14566
  min-height: 1rem !important;
13632
14567
  }
@@ -13679,6 +14614,26 @@ html.font-size-4xl {
13679
14614
  min-height: 25rem !important;
13680
14615
  }
13681
14616
 
14617
+ .minhr-30 {
14618
+ min-height: 30rem !important;
14619
+ }
14620
+
14621
+ .minhr-35 {
14622
+ min-height: 35rem !important;
14623
+ }
14624
+
14625
+ .minhr-40 {
14626
+ min-height: 40rem !important;
14627
+ }
14628
+
14629
+ .minhr-45 {
14630
+ min-height: 45rem !important;
14631
+ }
14632
+
14633
+ .minhr-50 {
14634
+ min-height: 50rem !important;
14635
+ }
14636
+
13682
14637
  .maxhr-1 {
13683
14638
  max-height: 1rem !important;
13684
14639
  }
@@ -13731,6 +14686,26 @@ html.font-size-4xl {
13731
14686
  max-height: 25rem !important;
13732
14687
  }
13733
14688
 
14689
+ .maxhr-30 {
14690
+ max-height: 30rem !important;
14691
+ }
14692
+
14693
+ .maxhr-35 {
14694
+ max-height: 35rem !important;
14695
+ }
14696
+
14697
+ .maxhr-40 {
14698
+ max-height: 40rem !important;
14699
+ }
14700
+
14701
+ .maxhr-45 {
14702
+ max-height: 45rem !important;
14703
+ }
14704
+
14705
+ .maxhr-50 {
14706
+ max-height: 50rem !important;
14707
+ }
14708
+
13734
14709
  .minw-5 {
13735
14710
  min-width: 5% !important;
13736
14711
  }
@@ -13899,6 +14874,10 @@ html.font-size-4xl {
13899
14874
  max-width: 100% !important;
13900
14875
  }
13901
14876
 
14877
+ .maxw-1-2 {
14878
+ max-width: 50% !important;
14879
+ }
14880
+
13902
14881
  .maxw-1-3 {
13903
14882
  max-width: 33.333333% !important;
13904
14883
  }
@@ -13907,6 +14886,14 @@ html.font-size-4xl {
13907
14886
  max-width: 66.666667% !important;
13908
14887
  }
13909
14888
 
14889
+ .maxw-1-4 {
14890
+ max-width: 25% !important;
14891
+ }
14892
+
14893
+ .maxw-3-4 {
14894
+ max-width: 75% !important;
14895
+ }
14896
+
13910
14897
  .minh-5 {
13911
14898
  min-height: 5% !important;
13912
14899
  }
@@ -13987,6 +14974,10 @@ html.font-size-4xl {
13987
14974
  min-height: 100% !important;
13988
14975
  }
13989
14976
 
14977
+ .minh-1-2 {
14978
+ min-height: 50% !important;
14979
+ }
14980
+
13990
14981
  .minh-1-3 {
13991
14982
  min-height: 33.333333% !important;
13992
14983
  }
@@ -13995,6 +14986,14 @@ html.font-size-4xl {
13995
14986
  min-height: 66.666667% !important;
13996
14987
  }
13997
14988
 
14989
+ .minh-1-4 {
14990
+ min-height: 25% !important;
14991
+ }
14992
+
14993
+ .minh-3-4 {
14994
+ min-height: 75% !important;
14995
+ }
14996
+
13998
14997
  .maxh-5 {
13999
14998
  max-height: 5% !important;
14000
14999
  }
@@ -14075,6 +15074,10 @@ html.font-size-4xl {
14075
15074
  max-height: 100% !important;
14076
15075
  }
14077
15076
 
15077
+ .maxh-1-2 {
15078
+ max-height: 50% !important;
15079
+ }
15080
+
14078
15081
  .maxh-1-3 {
14079
15082
  max-height: 33.333333% !important;
14080
15083
  }
@@ -14083,6 +15086,14 @@ html.font-size-4xl {
14083
15086
  max-height: 66.666667% !important;
14084
15087
  }
14085
15088
 
15089
+ .maxh-1-4 {
15090
+ max-height: 25% !important;
15091
+ }
15092
+
15093
+ .maxh-3-4 {
15094
+ max-height: 75% !important;
15095
+ }
15096
+
14086
15097
  .position-static {
14087
15098
  position: static !important;
14088
15099
  }
@@ -14337,12 +15348,20 @@ html.font-size-4xl {
14337
15348
  --base-text-color-3: #94a3b8;
14338
15349
  --base-text-color-4: #cbd5e1;
14339
15350
  --base-text-color-on-accent: #ffffff;
15351
+ --base-main-bg: #ffffff;
15352
+ --base-page-bg: #f8f9fa;
15353
+ --base-subtle-bg: #e9ecef;
15354
+ --base-inverse-bg: #2c3e50;
15355
+ --base-overlay-bg: rgba(30, 41, 59, 0.5);
15356
+ --base-shadow-color: rgba(0, 0, 0, 0.15);
15357
+ --base-hover-bg: #e9ecef;
15358
+ --base-active-bg: rgb(218.2368421053, 223.25, 228.2631578947);
15359
+ --base-disabled-bg: #e9ecef;
15360
+ --base-elevated-bg: #f5f5f5;
14340
15361
  --base-surface-1: #ffffff;
14341
15362
  --base-surface-2: #f8fafc;
14342
15363
  --base-surface-3: #e2e8f0;
14343
15364
  --base-surface-inverse: #1e293b;
14344
- --base-overlay-bg: rgba(30, 41, 59, 0.5);
14345
- --base-shadow-color: rgba(0, 0, 0, 0.15);
14346
15365
  --base-primary-bg: #ffffff;
14347
15366
  --base-primary-bg-hover: rgb(242.25, 242.25, 242.25);
14348
15367
  --base-border-color: #e2e8f0;
@@ -14419,11 +15438,11 @@ html.font-size-4xl {
14419
15438
  --base-border-radius-sm: 0.4;
14420
15439
  --base-border-radius-md: 0.6;
14421
15440
  --base-border-radius-lg: 0.8;
14422
- --pa-primary-bg: #f4f6f9;
14423
- --pa-bg-secondary: #f8fafc;
14424
- --pa-content-bg: #f4f6f9;
14425
- --pa-text-primary: #334155;
14426
- --pa-text-secondary: #64748b;
15441
+ --pa-main-bg: #f4f6f9;
15442
+ --pa-page-bg: #f8f9fa;
15443
+ --pa-subtle-bg: #f4f6f9;
15444
+ --pa-text-color-1: #334155;
15445
+ --pa-text-color-2: #64748b;
14427
15446
  --pa-accent: #0ea5e9;
14428
15447
  --pa-accent-hover: rgba(14, 165, 233, 0.08);
14429
15448
  --pa-accent-light: rgba(14, 165, 233, 0.05);
@@ -14445,8 +15464,8 @@ html.font-size-4xl {
14445
15464
  --pa-btn-primary-bg-hover: #0284c7;
14446
15465
  --pa-btn-primary-bg-light: rgba(14, 165, 233, 0.05);
14447
15466
  --pa-btn-primary-text: #ffffff;
14448
- --pa-btn-secondary-bg: #6b7280;
14449
- --pa-btn-secondary-bg-hover: #4b5563;
15467
+ --pa-btn-secondary-bg: #6c757d;
15468
+ --pa-btn-secondary-bg-hover: #545b62;
14450
15469
  --pa-btn-secondary-text: #ffffff;
14451
15470
  --pa-btn-success-bg: #10b981;
14452
15471
  --pa-btn-success-bg-hover: #059669;
@@ -14562,9 +15581,9 @@ html.font-size-4xl {
14562
15581
  --pa-multiselect-dropdown-bg: #ffffff;
14563
15582
  --pa-multiselect-dropdown-border: #e2e8f0;
14564
15583
  --pa-multiselect-dropdown-text: #334155;
14565
- --pa-multiselect-hint-bg: #f8fafc;
15584
+ --pa-multiselect-hint-bg: #f8f9fa;
14566
15585
  --pa-multiselect-hint-border: #e2e8f0;
14567
- --pa-multiselect-option-hover-bg: #f8fafc;
15586
+ --pa-multiselect-option-hover-bg: #f8f9fa;
14568
15587
  --pa-multiselect-pill-bg: rgba(14, 165, 233, 0.05);
14569
15588
  --pa-multiselect-pill-border: #0ea5e9;
14570
15589
  --pa-color-1: #0284c7;
@@ -14576,12 +15595,16 @@ html.font-size-4xl {
14576
15595
  --pa-color-7: #64748b;
14577
15596
  --pa-color-8: #334155;
14578
15597
  --pa-color-9: #ec4899;
15598
+ --pa-input-group-prepend-bg: #f1f5f9;
15599
+ --pa-input-group-prepend-text: #334155;
15600
+ --pa-input-group-append-bg: #f1f5f9;
15601
+ --pa-input-group-append-text: #334155;
14579
15602
  --drp-dropdown-bg: #ffffff;
14580
15603
  --drp-border-color: #e2e8f0;
14581
15604
  --drp-primary-bg: #f8fafc;
14582
15605
  --drp-primary-bg-hover: #f1f5f9;
14583
- --drp-text-primary: #334155;
14584
- --drp-text-secondary: #64748b;
15606
+ --drp-text-color-1: #334155;
15607
+ --drp-text-bg: #64748b;
14585
15608
  --drp-button-bg: transparent;
14586
15609
  --drp-button-color: #334155;
14587
15610
  --drp-button-accent-text-color: #ffffff;
@@ -14606,11 +15629,11 @@ html.font-size-4xl {
14606
15629
  --page-loader-bg: rgba(15, 23, 42, 0.95);
14607
15630
  --page-loader-spinner-border: #334155;
14608
15631
  --page-loader-spinner-accent: #0ea5e9;
14609
- --pa-primary-bg: #0f172a;
14610
- --pa-bg-secondary: #0f172a;
14611
- --pa-content-bg: #0a0f1a;
14612
- --pa-text-primary: #f1f5f9;
14613
- --pa-text-secondary: #94a3b8;
15632
+ --pa-main-bg: #0f172a;
15633
+ --pa-page-bg: #0f172a;
15634
+ --pa-subtle-bg: #0a0f1a;
15635
+ --pa-text-color-1: #f1f5f9;
15636
+ --pa-text-color-2: #94a3b8;
14614
15637
  --pa-accent: #0ea5e9;
14615
15638
  --pa-accent-hover: rgba(14, 165, 233, 0.2);
14616
15639
  --pa-accent-light: rgba(14, 165, 233, 0.15);
@@ -14693,12 +15716,19 @@ html.font-size-4xl {
14693
15716
  --pa-danger-bg-light: rgba(239, 68, 68, 0.2);
14694
15717
  --pa-info-bg: #06b6d4;
14695
15718
  --pa-info-bg-light: rgba(6, 182, 212, 0.2);
15719
+ --base-main-bg: #1e293b;
15720
+ --base-page-bg: #0f172a;
15721
+ --base-subtle-bg: #334155;
15722
+ --base-hover-bg: #334155;
15723
+ --base-active-bg: #475569;
15724
+ --base-disabled-bg: #334155;
15725
+ --base-elevated-bg: #334155;
14696
15726
  --base-surface-1: #1e293b;
14697
15727
  --base-surface-2: #0f172a;
14698
15728
  --base-surface-3: #334155;
14699
15729
  --base-surface-inverse: #f1f5f9;
14700
- --base-primary-bg: #0f172a;
14701
- --base-primary-bg-hover: #334155;
15730
+ --base-color-1-bg: #0f172a;
15731
+ --base-color-1-bg-hover: #334155;
14702
15732
  --base-text-color-1: #f1f5f9;
14703
15733
  --base-text-color-2: #94a3b8;
14704
15734
  --base-text-color-3: #64748b;
@@ -14722,8 +15752,8 @@ html.font-size-4xl {
14722
15752
  --drp-border-color: #475569;
14723
15753
  --drp-primary-bg: #0f172a;
14724
15754
  --drp-primary-bg-hover: #334155;
14725
- --drp-text-primary: #f1f5f9;
14726
- --drp-text-secondary: #94a3b8;
15755
+ --drp-text-color-1: #f1f5f9;
15756
+ --drp-text-bg: #94a3b8;
14727
15757
  --drp-button-bg: transparent;
14728
15758
  --drp-button-color: #f1f5f9;
14729
15759
  --drp-button-accent-text-color: #ffffff;
@@ -14765,11 +15795,11 @@ html.font-size-4xl {
14765
15795
  background-color: #64748b !important;
14766
15796
  border-color: #94a3b8 !important;
14767
15797
  }
14768
- .pa-mode-dark .pa-btn--outline-secondary {
15798
+ .pa-mode-dark .pa-btn--outline-bg {
14769
15799
  border-color: #64748b !important;
14770
15800
  color: #94a3b8 !important;
14771
15801
  }
14772
- .pa-mode-dark .pa-btn--outline-secondary:hover {
15802
+ .pa-mode-dark .pa-btn--outline-bg:hover {
14773
15803
  background-color: #475569 !important;
14774
15804
  color: #f1f5f9 !important;
14775
15805
  }