@itilite/lumina-ui 1.2.1 → 1.2.21

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.
Files changed (88) hide show
  1. package/dist/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.mjs +1 -1
  2. package/dist/atom/Switch/Switch.d.mts +1 -1
  3. package/dist/atom/Switch/Switch.d.ts +1 -1
  4. package/dist/atom/Switch/Switch.js +2 -2
  5. package/dist/atom/Switch/Switch.mjs +1 -1
  6. package/dist/{chunk-4JX54OKI.mjs → chunk-IIJUGDEJ.mjs} +20 -29
  7. package/dist/{chunk-QQA7KWAJ.mjs → chunk-LTP5I3GX.mjs} +4 -4
  8. package/dist/chunk-O6PQFAXN.mjs +47 -0
  9. package/dist/index.js +2 -2
  10. package/dist/index.mjs +10 -10
  11. package/dist/styles.css +826 -806
  12. package/package.json +28 -27
  13. package/dist/AdvancedDateRangePicker-D7xn4So6.d.mts +0 -59
  14. package/dist/AdvancedDateRangePicker-D7xn4So6.d.ts +0 -59
  15. package/dist/AdvancedDateRangePicker-D9Sdk4rK.d.mts +0 -64
  16. package/dist/AdvancedDateRangePicker-D9Sdk4rK.d.ts +0 -64
  17. package/dist/AdvancedDateRangePicker-DGg-rucL.d.mts +0 -62
  18. package/dist/AdvancedDateRangePicker-DGg-rucL.d.ts +0 -62
  19. package/dist/AdvancedDateRangePicker-Di3rHxqf.d.mts +0 -64
  20. package/dist/AdvancedDateRangePicker-Di3rHxqf.d.ts +0 -64
  21. package/dist/AdvancedDateRangePicker-Dxug2Mcf.d.mts +0 -60
  22. package/dist/AdvancedDateRangePicker-Dxug2Mcf.d.ts +0 -60
  23. package/dist/AdvancedDateRangePicker-ozItnkhp.d.mts +0 -57
  24. package/dist/AdvancedDateRangePicker-ozItnkhp.d.ts +0 -57
  25. package/dist/Table-BOq-_9Nr.d.mts +0 -121
  26. package/dist/Table-BOq-_9Nr.d.ts +0 -121
  27. package/dist/Table-BxaCiQmh.d.mts +0 -82
  28. package/dist/Table-BxaCiQmh.d.ts +0 -82
  29. package/dist/Table-CnzP9dkc.d.mts +0 -82
  30. package/dist/Table-CnzP9dkc.d.ts +0 -82
  31. package/dist/Table-DNvoh2P8.d.mts +0 -127
  32. package/dist/Table-DNvoh2P8.d.ts +0 -127
  33. package/dist/Table-DSFYzrpU.d.mts +0 -129
  34. package/dist/Table-DSFYzrpU.d.ts +0 -129
  35. package/dist/Table-DmfNNnuD.d.mts +0 -86
  36. package/dist/Table-DmfNNnuD.d.ts +0 -86
  37. package/dist/Table-DoCPt3ri.d.mts +0 -129
  38. package/dist/Table-DoCPt3ri.d.ts +0 -129
  39. package/dist/chunk-27LRL4RO.mjs +0 -428
  40. package/dist/chunk-2IT3XM7C.mjs +0 -473
  41. package/dist/chunk-3HXZIFV6.mjs +0 -438
  42. package/dist/chunk-53O7JM5I.mjs +0 -424
  43. package/dist/chunk-5JXIJTAS.mjs +0 -448
  44. package/dist/chunk-5OUMKJWI.mjs +0 -301
  45. package/dist/chunk-5PMUTA6S.mjs +0 -303
  46. package/dist/chunk-5PQ43JFX.mjs +0 -440
  47. package/dist/chunk-62VAYFZA.mjs +0 -437
  48. package/dist/chunk-6ON32H2N.mjs +0 -431
  49. package/dist/chunk-6RIZXTFP.mjs +0 -290
  50. package/dist/chunk-6XIT27XY.mjs +0 -269
  51. package/dist/chunk-772C454L.mjs +0 -438
  52. package/dist/chunk-7L267Y4P.mjs +0 -429
  53. package/dist/chunk-7WSVCE2C.mjs +0 -269
  54. package/dist/chunk-ANJI6SPV.mjs +0 -283
  55. package/dist/chunk-BFFLWW7N.mjs +0 -250
  56. package/dist/chunk-C5VYFNVC.mjs +0 -441
  57. package/dist/chunk-DL7BZMGE.mjs +0 -295
  58. package/dist/chunk-DXPVJNGY.mjs +0 -284
  59. package/dist/chunk-FTL3PFC2.mjs +0 -438
  60. package/dist/chunk-G4P6XGQX.mjs +0 -278
  61. package/dist/chunk-GGWY2SYX.mjs +0 -452
  62. package/dist/chunk-GZ4P7OL3.mjs +0 -429
  63. package/dist/chunk-I6GLPWHS.mjs +0 -278
  64. package/dist/chunk-IPVJEGDI.mjs +0 -476
  65. package/dist/chunk-J4YYP4IZ.mjs +0 -0
  66. package/dist/chunk-J5JDQ4R6.mjs +0 -278
  67. package/dist/chunk-K2A4TWA3.mjs +0 -430
  68. package/dist/chunk-L3L42SIL.mjs +0 -429
  69. package/dist/chunk-LRNKIRH3.mjs +0 -289
  70. package/dist/chunk-MA23J4WQ.mjs +0 -430
  71. package/dist/chunk-N4DPPZVJ.mjs +0 -269
  72. package/dist/chunk-PQ3B2FEB.mjs +0 -249
  73. package/dist/chunk-QRGHJP7U.mjs +0 -437
  74. package/dist/chunk-QU73KNTT.mjs +0 -452
  75. package/dist/chunk-RC6IGURJ.mjs +0 -428
  76. package/dist/chunk-SKPCOHON.mjs +0 -473
  77. package/dist/chunk-SRKN7WS7.mjs +0 -448
  78. package/dist/chunk-T43CWNOG.mjs +0 -283
  79. package/dist/chunk-TE5EOIIW.mjs +0 -301
  80. package/dist/chunk-TQDZWJZP.mjs +0 -269
  81. package/dist/chunk-UAGSPM3T.mjs +0 -288
  82. package/dist/chunk-UC4NTBDH.mjs +0 -439
  83. package/dist/chunk-UPSQTJJ4.mjs +0 -294
  84. package/dist/chunk-V3CHJHUX.mjs +0 -424
  85. package/dist/chunk-X3NDICAU.mjs +0 -284
  86. package/dist/chunk-XECXKSTC.mjs +0 -453
  87. package/dist/chunk-XIVTXS3Y.mjs +0 -439
  88. package/dist/chunk-ZGV6QMVM.mjs +0 -437
package/dist/styles.css CHANGED
@@ -191,6 +191,12 @@
191
191
  .tw-h-8 {
192
192
  height: 2rem
193
193
  }
194
+ .tw-h-\[16px\] {
195
+ height: 16px
196
+ }
197
+ .tw-h-\[20px\] {
198
+ height: 20px
199
+ }
194
200
  .tw-h-\[290px\] {
195
201
  height: 290px
196
202
  }
@@ -224,6 +230,9 @@
224
230
  .tw-w-9 {
225
231
  width: 2.25rem
226
232
  }
233
+ .tw-w-\[16px\] {
234
+ width: 16px
235
+ }
227
236
  .tw-w-\[18px\] {
228
237
  width: 18px
229
238
  }
@@ -236,6 +245,9 @@
236
245
  .tw-w-full {
237
246
  width: 100%
238
247
  }
248
+ .tw-min-w-\[40px\] {
249
+ min-width: 40px
250
+ }
239
251
  .tw-min-w-fit {
240
252
  min-width: -moz-fit-content;
241
253
  min-width: fit-content
@@ -762,17 +774,102 @@
762
774
 
763
775
 
764
776
  /* CSS Modules */
765
- /* src/atom/Tooltip/Tooltip.module.scss */
766
- .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
767
- background-color: white !important;
768
- color: #111827;
769
- border-radius: 0.5rem;
770
- padding: 0.625rem;
771
- --tw-text-opacity: 1;
772
- color: rgb(33 40 55 / var(--tw-text-opacity, 1));
777
+ /* src/atom/Checkbox/Checkbox.module.scss */
778
+ .Checkbox-module__checkbox___xxg5L {
779
+ display: flex;
780
+ align-items: center;
773
781
  }
774
- .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
775
- background-color: white !important;
782
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_small___Kknlo .ant-checkbox .ant-checkbox-inner {
783
+ height: 16px;
784
+ width: 16px;
785
+ }
786
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner {
787
+ height: 20px;
788
+ width: 20px;
789
+ }
790
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner::after {
791
+ inset-inline-start: 27%;
792
+ }
793
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner {
794
+ height: 24px;
795
+ width: 24px;
796
+ }
797
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner::after {
798
+ inset-inline-start: 33%;
799
+ }
800
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked .ant-checkbox-inner {
801
+ border-color: #ec5d25;
802
+ background-color: #ec5d25;
803
+ }
804
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.ant-checkbox-wrapper:hover
805
+ .ant-checkbox-checked:not(.ant-checkbox-disabled)
806
+ .ant-checkbox-inner {
807
+ --tw-bg-opacity: 1;
808
+ background-color: rgb(185 71 16 / var(--tw-bg-opacity, 1));
809
+ }
810
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked:focus-visible {
811
+ outline: 2px solid #0a65e7;
812
+ }
813
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 {
814
+ cursor: not-allowed;
815
+ }
816
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner {
817
+ opacity: 0.5;
818
+ border-color: #ec5d25;
819
+ background-color: #ec5d25;
820
+ }
821
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner::after {
822
+ border-color: #ffffff;
823
+ }
824
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox .ant-checkbox-inner {
825
+ border-color: #b6bac3;
826
+ }
827
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:hover .ant-checkbox-inner {
828
+ border-color: #6b7280;
829
+ }
830
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:focus-visible {
831
+ outline: 2px solid #0a65e7;
832
+ }
833
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 {
834
+ cursor: not-allowed;
835
+ }
836
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 .ant-checkbox .ant-checkbox-inner {
837
+ border-color: #b6bac3;
838
+ background-color: #f9fafb;
839
+ }
840
+ .Checkbox-module__checkbox___xxg5L .ant-checkbox-disabled + span {
841
+ color: #363e4f;
842
+ }
843
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_normal___faYKo {
844
+ color: #363e4f;
845
+ font-weight: 400;
846
+ font-size: 0.875rem;
847
+ line-height: 20px;
848
+ }
849
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_emphasized___-koYj {
850
+ color: #363e4f;
851
+ font-weight: 500;
852
+ font-size: 0.875rem;
853
+ line-height: 20px;
854
+ }
855
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner {
856
+ opacity: 0.5;
857
+ border-color: #ec5d25;
858
+ background-color: #ec5d25;
859
+ }
860
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner::after {
861
+ border-color: #ffffff;
862
+ }
863
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner {
864
+ border-color: #ec5d25 !important;
865
+ background-color: #ec5d25 !important;
866
+ }
867
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner::after {
868
+ inset-inline-start: 50%;
869
+ width: 60%;
870
+ height: 3px;
871
+ border-radius: 4px;
872
+ background: white;
776
873
  }
777
874
 
778
875
  /* src/atom/Radio/Radio.module.scss */
@@ -843,50 +940,17 @@
843
940
  line-height: 20px;
844
941
  }
845
942
 
846
- /* src/atom/LoadingSpinner/LoadingSpinner.module.scss */
847
- .LoadingSpinner-module__spinnerContainer___DiPLf {
848
- display: flex;
849
- justify-content: center;
850
- align-items: center;
851
- height: 100%;
852
- margin-top: 2rem;
853
- margin-bottom: 2rem;
854
- }
855
-
856
- /* src/atom/Slider/Slider.module.scss */
857
- .Slider-module__label___9Uea- {
858
- font-size: 13px;
859
- line-height: 18px;
943
+ /* src/atom/Tooltip/Tooltip.module.scss */
944
+ .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
945
+ background-color: white !important;
946
+ color: #111827;
947
+ border-radius: 0.5rem;
948
+ padding: 0.625rem;
860
949
  --tw-text-opacity: 1;
861
- color: rgb(54 62 79 / var(--tw-text-opacity, 1));
862
- }
863
-
864
- .Slider-module__slider___JCS-c.ant-slider {
865
- margin-left: 0px;
866
- margin-right: 0px;
867
- }
868
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
869
- box-shadow: 0 0 0 2px #ec5d25;
870
- transform: scale(1.25);
871
- }
872
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
873
- content: unset;
874
- }
875
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
876
- inset-inline-start: -1px;
877
- inset-block-start: -1px;
878
- }
879
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
880
- --tw-bg-opacity: 1;
881
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
882
- height: 2px;
883
- }
884
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
885
- background-color: transparent;
950
+ color: rgb(33 40 55 / var(--tw-text-opacity, 1));
886
951
  }
887
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
888
- --tw-bg-opacity: 1;
889
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
952
+ .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
953
+ background-color: white !important;
890
954
  }
891
955
 
892
956
  /* src/atom/Tag/Tag.module.scss */
@@ -949,927 +1013,886 @@
949
1013
  background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
950
1014
  }
951
1015
 
952
- /* src/atom/Button/Button.module.scss */
953
- .Button-module__button___cLCyl {
954
- display: flex;
955
- align-items: center;
956
- justify-content: center;
957
- gap: 0.25rem;
958
- border-radius: 0.5rem;
959
- }
960
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
961
- height: 56px;
962
- padding-left: 1rem;
963
- padding-right: 1rem;
964
- }
965
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
966
- width: 56px;
1016
+ /* src/atom/Switch/Switch.module.scss */
1017
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
1018
+ height: 0.75rem;
1019
+ min-width: 1.5rem;
967
1020
  }
968
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
969
- height: 40px;
970
- padding-left: 0.75rem;
971
- padding-right: 0.75rem;
1021
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
1022
+ height: 0.5rem;
1023
+ width: 0.5rem;
972
1024
  }
973
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
974
- width: 40px;
1025
+ .Switch-module__switch___fUHZL.Switch-module__medium___0Qcg-.ant-switch {
1026
+ height: 20px;
1027
+ min-width: 40px;
975
1028
  }
976
- .Button-module__button___cLCyl.Button-module__size_small___IUeei {
977
- height: 32px;
978
- padding-left: 0.5rem;
979
- padding-right: 0.5rem;
1029
+ .Switch-module__switch___fUHZL.Switch-module__medium___0Qcg-.ant-switch .ant-switch-handle {
1030
+ height: 16px;
1031
+ width: 16px;
980
1032
  }
981
- .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
982
- width: 32px;
1033
+ .Switch-module__switch___fUHZL.Switch-module__medium___0Qcg-.ant-switch.ant-switch-checked .ant-switch-handle {
1034
+ inset-inline-start: calc(100% - 18px);
983
1035
  }
984
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz- {
1036
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
985
1037
  --tw-bg-opacity: 1;
986
1038
  background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
987
- border-width: 1px;
988
- border-style: solid;
989
- --tw-border-opacity: 1;
990
- border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
991
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
992
1039
  }
993
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:active {
1040
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
994
1041
  --tw-bg-opacity: 1;
995
1042
  background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
996
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
997
- }
998
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
999
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1000
- }
1001
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd {
1002
- --tw-text-opacity: 1;
1003
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1004
- }
1005
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd:hover {
1006
- --tw-text-opacity: 1;
1007
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1008
- }
1009
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9 {
1010
- --tw-text-opacity: 1;
1011
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1012
- }
1013
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9:hover {
1014
- --tw-text-opacity: 1;
1015
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1016
- }
1017
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__disabled___nwPn4 {
1018
- --tw-text-opacity: 1;
1019
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1020
1043
  }
1021
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA {
1044
+
1045
+ /* src/atom/Table/Table.module.scss */
1046
+ @charset "UTF-8";
1047
+ /* ============================================================
1048
+ Outer wrapper — the rounded gray card that contains the table
1049
+ ============================================================ */
1050
+ .Table-module__tableWrapper___3cqiD{
1051
+ border-radius: 0.75rem;
1022
1052
  border-width: 1px;
1023
1053
  border-style: solid;
1024
- --tw-bg-opacity: 1;
1025
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1026
1054
  --tw-border-opacity: 1;
1027
- border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
1028
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1029
- }
1030
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:active {
1055
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1031
1056
  --tw-bg-opacity: 1;
1032
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1033
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1057
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1058
+ overflow: hidden;
1034
1059
  }
1035
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:focus-visible {
1036
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1060
+ .Table-module__tableWrapper___3cqiD.Table-module__isAccordion___-uIs6, .Table-module__tableWrapper___3cqiD.Table-module__isToolbar___LdS-m {
1061
+ background: transparent !important;
1062
+ border: none !important;
1063
+ border-radius: 0;
1064
+ padding: 0;
1037
1065
  }
1038
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd {
1039
- --tw-text-opacity: 1;
1040
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1066
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th:not(.Table-module__ant-table-selection-column___H9vtu),
1067
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td:not(.Table-module__ant-table-selection-column___H9vtu){
1068
+ padding-left: 1.5rem !important;
1069
+ padding-right: 1.5rem !important;
1070
+ padding-bottom: 1rem !important;
1071
+ padding-top: 0.75rem !important;
1041
1072
  }
1042
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd:hover {
1043
- --tw-text-opacity: 1;
1044
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1073
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1074
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td{
1075
+ --tw-text-opacity: 1 !important;
1076
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
1077
+ font-weight: 500 !important;
1078
+ font-size: 0.688rem !important;
1079
+ line-height: 14px !important;
1045
1080
  }
1046
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9 {
1047
- --tw-text-opacity: 1;
1048
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1081
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomBodyCell___sf8j8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td:not(.Table-module__ant-table-selection-column___H9vtu){
1082
+ padding-left: 1.5rem;
1083
+ padding-right: 1.5rem;
1084
+ padding-top: 1rem;
1085
+ padding-bottom: 1rem;
1049
1086
  }
1050
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9:hover {
1051
- --tw-text-opacity: 1;
1052
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1087
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomBodyCell___sf8j8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td{
1088
+ --tw-text-opacity: 1 !important;
1089
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
1090
+ font-weight: 400 !important;
1091
+ font-size: 0.75rem !important;
1092
+ line-height: 16px !important;
1053
1093
  }
1054
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp {
1055
- border-width: 1px;
1056
- --tw-bg-opacity: 1;
1057
- background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1058
- border-style: solid;
1059
- --tw-border-opacity: 1;
1060
- border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
1061
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1094
+
1095
+ /* ============================================================
1096
+ AntD Table overrides
1097
+ ============================================================ */
1098
+ .Table-module__table___5d7g0.ant-table-wrapper {
1099
+ padding: 4px;
1100
+ background: #F1F3F5;
1062
1101
  }
1063
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:active {
1064
- --tw-bg-opacity: 1;
1065
- background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1066
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1102
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table{
1103
+ background-color: transparent;
1104
+ font-size: 0.875rem;
1105
+ line-height: 1.25rem;
1067
1106
  }
1068
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:focus-visible {
1069
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1107
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-container {
1108
+ /* Lift the white body card off the gray wrapper */
1109
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
1070
1110
  }
1071
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd {
1072
- --tw-text-opacity: 1;
1073
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1111
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1112
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1113
+ background: transparent !important;
1114
+ border-bottom: none !important;
1074
1115
  }
1075
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd:hover {
1076
- --tw-text-opacity: 1;
1077
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1116
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th::before,
1117
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td::before {
1118
+ display: none !important;
1078
1119
  }
1079
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9 {
1080
- --tw-text-opacity: 1;
1081
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1120
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1121
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1122
+ /* Fixed columns need a solid background to prevent overlapping */
1082
1123
  }
1083
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9:hover {
1084
- --tw-text-opacity: 1;
1085
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1124
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th.ant-table-cell-fix-left, .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th.ant-table-cell-fix-right,
1125
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td.ant-table-cell-fix-left,
1126
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td.ant-table-cell-fix-right {
1127
+ background: #F1F3F5 !important;
1128
+ z-index: 2 !important;
1086
1129
  }
1087
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd {
1088
- --tw-bg-opacity: 1;
1089
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1090
- border-width: 1px;
1091
- border-style: solid;
1092
- --tw-border-opacity: 1;
1093
- border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1094
- box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
1130
+ .Table-module__table___5d7g0.ant-table-wrapper {
1131
+ /* ---- Force Fix Column Shadow Always Visible ---- */
1095
1132
  }
1096
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:hover {
1097
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1098
- --tw-border-opacity: 1;
1099
- border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1133
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-cell-fix-left-last::after {
1134
+ position: absolute;
1135
+ top: 0;
1136
+ right: 0;
1137
+ bottom: -1px;
1138
+ width: 40px;
1139
+ transform: translateX(100%);
1140
+ transition: box-shadow 0.3s;
1141
+ content: "";
1142
+ pointer-events: none;
1143
+ /* Large, soft shadow extending right */
1144
+ box-shadow: inset 20px 0 20px -20px rgba(0, 0, 0, 0.15) !important;
1145
+ opacity: 1 !important;
1100
1146
  }
1101
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:focus-visible {
1102
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1147
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-cell-fix-right-first::after {
1148
+ position: absolute;
1149
+ top: 0;
1150
+ bottom: -1px;
1151
+ left: 0;
1152
+ width: 40px;
1153
+ transform: translateX(-100%);
1154
+ transition: box-shadow 0.3s;
1155
+ content: "";
1156
+ pointer-events: none;
1157
+ /* Large, soft shadow extending left */
1158
+ box-shadow: inset -20px 0 20px -20px rgba(0, 0, 0, 0.15) !important;
1159
+ opacity: 1 !important;
1103
1160
  }
1104
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia {
1105
- background-color: transparent;
1106
- border-width: 0px;
1107
- border-style: none;
1108
- box-shadow: none;
1161
+ .Table-module__table___5d7g0.ant-table-wrapper {
1162
+ /* ---- Body cells ---- */
1109
1163
  }
1110
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:hover {
1111
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1112
- border-style: none;
1113
- --tw-bg-opacity: 1;
1114
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1164
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td{
1165
+ --tw-bg-opacity: 1 !important;
1166
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
1167
+ border-bottom: none !important;
1115
1168
  }
1116
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:active {
1117
- --tw-bg-opacity: 1;
1118
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
1169
+ .Table-module__table___5d7g0.ant-table-wrapper {
1170
+ /* Round the four corners of the white body card */
1119
1171
  }
1120
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
1121
- outline: 2px solid rgba(236, 93, 37, 0.2);
1172
+ .Table-module__table___5d7g0.ant-table-wrapper .Table-module__firstRow___Xq-Hi > td:first-child {
1173
+ border-top-left-radius: 12px !important;
1122
1174
  }
1123
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9 {
1124
- background-color: transparent;
1125
- padding: 0px;
1126
- border-width: 0px;
1127
- border-style: none;
1128
- height: auto;
1129
- box-shadow: none;
1175
+ .Table-module__table___5d7g0.ant-table-wrapper .Table-module__firstRow___Xq-Hi > td:last-child {
1176
+ border-top-right-radius: 12px !important;
1130
1177
  }
1131
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
1132
- text-decoration: underline;
1178
+ .Table-module__table___5d7g0.ant-table-wrapper .Table-module__lastRow___ahv4g > td:first-child {
1179
+ border-bottom-left-radius: 12px !important;
1133
1180
  }
1134
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover {
1135
- box-shadow: none;
1136
- border-style: none;
1137
- background-color: transparent;
1181
+ .Table-module__table___5d7g0.ant-table-wrapper .Table-module__lastRow___ahv4g > td:last-child {
1182
+ border-bottom-right-radius: 12px !important;
1138
1183
  }
1139
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
1140
- background-color: transparent;
1184
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:first-child > td:first-child {
1185
+ border-top-left-radius: 12px;
1141
1186
  }
1142
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
1143
- outline: none;
1187
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:first-child > td:last-child {
1188
+ border-top-right-radius: 12px;
1144
1189
  }
1145
-
1146
- /* src/atom/Checkbox/Checkbox.module.scss */
1147
- .Checkbox-module__checkbox___xxg5L {
1148
- display: flex;
1149
- align-items: center;
1190
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:last-child > td:first-child {
1191
+ border-bottom-left-radius: 12px;
1150
1192
  }
1151
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_small___Kknlo .ant-checkbox .ant-checkbox-inner {
1152
- height: 16px;
1153
- width: 16px;
1193
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:last-child > td:last-child {
1194
+ border-bottom-right-radius: 12px;
1154
1195
  }
1155
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner {
1156
- height: 20px;
1157
- width: 20px;
1196
+ .Table-module__table___5d7g0.ant-table-wrapper {
1197
+ /* ---- Loading & Empty State ---- */
1158
1198
  }
1159
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner::after {
1160
- inset-inline-start: 27%;
1199
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-spin-nested-loading .ant-spin .ant-spin-dot-item {
1200
+ background-color: #9ca3af !important;
1161
1201
  }
1162
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner {
1163
- height: 24px;
1164
- width: 24px;
1202
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-placeholder .ant-table-cell {
1203
+ background: #F1F3F5 !important;
1204
+ border-bottom: none !important;
1205
+ padding: 48px 24px !important;
1206
+ text-align: center !important;
1207
+ min-height: 300px;
1165
1208
  }
1166
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner::after {
1167
- inset-inline-start: 33%;
1209
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-placeholder .ant-table-cell.ant-table-cell-fix-left, .Table-module__table___5d7g0.ant-table-wrapper .ant-table-placeholder .ant-table-cell.ant-table-cell-fix-right {
1210
+ background: #F1F3F5 !important;
1168
1211
  }
1169
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked .ant-checkbox-inner {
1170
- border-color: #ec5d25;
1171
- background-color: #ec5d25;
1212
+ .Table-module__table___5d7g0.ant-table-wrapper {
1213
+ /* ---- Hover effect (controlled separately via .showHoverEffect) ---- */
1172
1214
  }
1173
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.ant-checkbox-wrapper:hover
1174
- .ant-checkbox-checked:not(.ant-checkbox-disabled)
1175
- .ant-checkbox-inner {
1215
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:hover > td{
1176
1216
  --tw-bg-opacity: 1;
1177
- background-color: rgb(185 71 16 / var(--tw-bg-opacity, 1));
1217
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1218
+ /* default: no visual hover change */
1178
1219
  }
1179
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked:focus-visible {
1180
- outline: 2px solid #0a65e7;
1220
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1221
+ display: flex;
1222
+ align-items: center;
1223
+ justify-content: space-between;
1224
+ flex-wrap: wrap;
1225
+ gap: 8px;
1226
+ padding-left: 1.5rem;
1227
+ padding-right: 1.5rem;
1228
+ padding-top: 1rem;
1229
+ padding-bottom: 1rem;
1230
+ background: #ffffff;
1231
+ border-radius: 12px;
1232
+ margin: 8px 4px 4px 4px !important;
1233
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
1234
+ /* AntD re-orders items; we use order to match design layout */
1181
1235
  }
1182
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 {
1183
- cursor: not-allowed;
1236
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options {
1237
+ order: -1;
1238
+ /* "Rows per page" on the far left */
1239
+ margin-inline-end: auto;
1240
+ display: flex;
1241
+ align-items: center;
1242
+ gap: 8px;
1243
+ /* Inject the "Rows per page:" label text via ::before */
1184
1244
  }
1185
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner {
1186
- opacity: 0.5;
1187
- border-color: #ec5d25;
1188
- background-color: #ec5d25;
1189
- }
1190
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner::after {
1191
- border-color: #ffffff;
1245
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options::before {
1246
+ content: "Rows per page:";
1247
+ font-size: 13px;
1248
+ color: #6b7280;
1249
+ white-space: nowrap;
1192
1250
  }
1193
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox .ant-checkbox-inner {
1194
- border-color: #b6bac3;
1251
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
1252
+ border-radius: 6px !important;
1253
+ border-color: #d1d5db !important;
1254
+ font-size: 13px;
1255
+ color: #374151;
1256
+ min-width: 64px;
1195
1257
  }
1196
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:hover .ant-checkbox-inner {
1197
- border-color: #6b7280;
1258
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-focused .ant-select-selector {
1259
+ border-color: #ec5d25 !important;
1260
+ box-shadow: 0 0 0 2px rgba(236, 93, 37, 0.15) !important;
1198
1261
  }
1199
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:focus-visible {
1200
- outline: 2px solid #0a65e7;
1262
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1263
+ /* Total text: "1–10 of 108 items" — centred */
1201
1264
  }
1202
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 {
1203
- cursor: not-allowed;
1265
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-total-text {
1266
+ order: 0;
1267
+ font-size: 13px;
1268
+ color: #6b7280;
1269
+ flex: 1;
1270
+ text-align: center;
1204
1271
  }
1205
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 .ant-checkbox .ant-checkbox-inner {
1206
- border-color: #b6bac3;
1207
- background-color: #f9fafb;
1272
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1273
+ /* Page buttons group — far right */
1208
1274
  }
1209
- .Checkbox-module__checkbox___xxg5L .ant-checkbox-disabled + span {
1210
- color: #363e4f;
1275
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev,
1276
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next,
1277
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item,
1278
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev,
1279
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next {
1280
+ order: 1;
1281
+ min-width: 32px;
1282
+ height: 32px;
1283
+ border-radius: 6px;
1284
+ font-size: 13px;
1285
+ display: inline-flex;
1286
+ align-items: center;
1287
+ justify-content: center;
1288
+ margin: 0;
1289
+ transition: background 0.15s, border-color 0.15s, color 0.15s;
1211
1290
  }
1212
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_normal___faYKo {
1213
- color: #363e4f;
1214
- font-weight: 400;
1215
- font-size: 0.875rem;
1216
- line-height: 20px;
1291
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev a,
1292
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev button,
1293
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next a,
1294
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next button,
1295
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item a,
1296
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item button,
1297
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev a,
1298
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev button,
1299
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next a,
1300
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next button {
1301
+ color: #374151;
1302
+ font-size: 13px;
1303
+ display: flex;
1304
+ align-items: center;
1305
+ justify-content: center;
1217
1306
  }
1218
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_emphasized___-koYj {
1219
- color: #363e4f;
1220
- font-weight: 500;
1221
- font-size: 0.875rem;
1222
- line-height: 20px;
1307
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1308
+ /* Specific borders and backgrounds */
1223
1309
  }
1224
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner {
1225
- opacity: 0.5;
1226
- border-color: #ec5d25;
1227
- background-color: #ec5d25;
1310
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev,
1311
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next {
1312
+ border: 1px solid #e5e7eb;
1313
+ background: #fff;
1228
1314
  }
1229
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1230
- border-color: #ffffff;
1315
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev:hover:not(.ant-pagination-disabled),
1316
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next:hover:not(.ant-pagination-disabled) {
1317
+ border-color: #d1d5db;
1318
+ background: #f3f4f6;
1231
1319
  }
1232
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner {
1233
- border-color: #ec5d25 !important;
1234
- background-color: #ec5d25 !important;
1320
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev:hover:not(.ant-pagination-disabled) a,
1321
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next:hover:not(.ant-pagination-disabled) a {
1322
+ color: #374151;
1235
1323
  }
1236
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1237
- inset-inline-start: 50%;
1238
- width: 60%;
1239
- height: 3px;
1240
- border-radius: 4px;
1241
- background: white;
1324
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item {
1325
+ border: 1px solid transparent;
1326
+ background: transparent;
1242
1327
  }
1243
-
1244
- /* src/atom/Switch/Switch.module.scss */
1245
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
1246
- height: 0.75rem;
1247
- min-width: 1.5rem
1328
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item:hover:not(.ant-pagination-disabled) {
1329
+ background: #f3f4f6;
1248
1330
  }
1249
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
1250
- height: 0.5rem;
1251
- width: 0.5rem
1331
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item:hover:not(.ant-pagination-disabled) a {
1332
+ color: #374151;
1252
1333
  }
1253
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
1254
- --tw-bg-opacity: 1;
1255
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1334
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev,
1335
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next {
1336
+ border: 1px solid transparent;
1337
+ background: transparent;
1256
1338
  }
1257
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
1258
- --tw-bg-opacity: 1;
1259
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1339
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1340
+ /* Active page button */
1260
1341
  }
1261
-
1262
- /* src/molecules/UserProfile/UserProfile.module.scss */
1263
- .UserProfile-module__userProfile___cRMm9 {
1264
- display: flex;
1265
- align-items: center;
1266
- gap: 0.625rem
1342
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active {
1343
+ border-color: #6B7280 !important;
1344
+ background: #fff !important;
1267
1345
  }
1268
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
1269
- display: flex;
1270
- flex-direction: column
1346
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active:hover {
1347
+ background: #fff !important;
1271
1348
  }
1272
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
1273
- display: flex;
1274
- align-items: center;
1275
- gap: 0.5rem
1349
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active a {
1350
+ color: #374151 !important;
1351
+ font-weight: 600;
1276
1352
  }
1277
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1278
- margin: 0px
1353
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1354
+ /* Ellipsis dots hover state */
1279
1355
  }
1280
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1281
- margin: 0px;
1282
- margin-top: 0.125rem
1356
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev .ant-pagination-item-ellipsis,
1357
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next .ant-pagination-item-ellipsis {
1358
+ color: #9ca3af !important;
1359
+ /* default grey dots */
1283
1360
  }
1284
-
1285
- /* src/atom/Modal/Modal.module.scss */
1286
- .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
1287
- margin-top: 0;
1288
- margin-top: 0px;
1361
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
1362
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-link-icon,
1363
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
1364
+ color: #000000 !important;
1289
1365
  }
1290
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
1291
- padding: 24px;
1292
- padding: 1.5rem;
1293
- display: flex;
1294
- justify-content: flex-end;
1366
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1367
+ /* Disabled prev/next */
1295
1368
  }
1296
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
1297
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
1298
- min-width: 92px;
1369
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-disabled {
1370
+ opacity: 0.4;
1371
+ cursor: not-allowed;
1299
1372
  }
1300
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
1301
- padding: 24px;
1302
- padding: 1.5rem;
1303
- padding-top: 0px;
1304
- display: flex;
1305
- justify-content: flex-end;
1373
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1374
+ /* Responsive behavior */
1306
1375
  }
1307
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
1308
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
1309
- width: 50%;
1376
+ @media (max-width: 640px) {
1377
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1378
+ justify-content: center;
1379
+ gap: 12px;
1380
+ }
1381
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options {
1382
+ width: 100%;
1383
+ justify-content: center;
1384
+ margin-inline-end: 0;
1385
+ order: 0;
1386
+ }
1387
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-total-text {
1388
+ width: 100%;
1389
+ order: -1;
1390
+ }
1310
1391
  }
1311
- .Modal-module__modal___PKrAi .ant-modal-content {
1312
- padding: 0;
1313
- border-radius: 0.75rem;
1314
- padding: 0px;
1392
+ .Table-module__table___5d7g0.ant-table-wrapper {
1393
+ /* ---- Checkbox customisation ---- */
1315
1394
  }
1316
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1317
- margin-bottom: 0px;
1318
- padding: 1rem;
1395
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner {
1396
+ background-color: #ec5d25 !important;
1397
+ border-color: #ec5d25 !important;
1319
1398
  }
1320
- @media (min-width: 576px) {
1321
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1322
- padding: 1.5rem;
1323
- }
1399
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
1400
+ inset-inline-start: 25% !important;
1324
1401
  }
1325
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
1326
- justify-content: flex-start;
1327
- padding-right: 1.25rem;
1328
- font-size: 1.25rem;
1329
- font-weight: 500;
1330
- line-height: 1.75rem;
1331
- --tw-text-opacity: 1;
1332
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1402
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner {
1403
+ border-color: #ec5d25 !important;
1333
1404
  }
1334
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1335
- display: flex;
1336
- align-items: flex-end;
1337
- justify-content: center;
1405
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1406
+ background-color: #ec5d25 !important;
1338
1407
  }
1339
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1340
- display: flex;
1341
- align-items: center;
1342
- justify-content: center;
1408
+ .Table-module__table___5d7g0.ant-table-wrapper {
1409
+ /* Hover state border to orange */
1343
1410
  }
1344
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1345
- padding: 0 1.5rem 1.5rem;
1346
- max-height: 65vh;
1347
- overflow: auto;
1411
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1412
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1413
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1414
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1415
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1416
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
1417
+ border-color: #ec5d25 !important;
1348
1418
  }
1349
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1350
- top: 1.5rem;
1351
- right: 1.5rem;
1352
- padding-bottom: 0.25rem;
1419
+ .Table-module__table___5d7g0.ant-table-wrapper {
1420
+ /* Active ripple effect/focus ring to orange */
1353
1421
  }
1354
- .Modal-module__modal___PKrAi .ant-btn-primary {
1355
- margin-inline-start: 0.5rem;
1422
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked::after {
1423
+ border-color: #ec5d25 !important;
1424
+ }
1425
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner {
1426
+ border-color: #ec5d25 !important;
1427
+ }
1428
+
1429
+ /* Global un-nested scope for Portals (Pagination Select Dropdown) */
1430
+ .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
1431
+ background-color: #FFF1E1 !important;
1432
+ color: #374151 !important;
1356
1433
  }
1357
1434
 
1358
- /* src/atom/Table/Table.module.scss */
1359
- @charset "UTF-8";
1360
1435
  /* ============================================================
1361
- Outer wrapper — the rounded gray card that contains the table
1436
+ Variant modifiers
1362
1437
  ============================================================ */
1363
- .Table-module__tableWrapper___3cqiD{
1364
- border-radius: 0.75rem;
1365
- border-width: 1px;
1366
- border-style: solid;
1367
- --tw-border-opacity: 1;
1368
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1369
- --tw-bg-opacity: 1;
1370
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1371
- overflow: hidden;
1438
+ /* hover variant — rows tint on mouse-over */
1439
+ .Table-module__showHoverEffect___IyKyO .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:hover > td{
1440
+ --tw-bg-opacity: 1 !important;
1441
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
1372
1442
  }
1373
- .Table-module__tableWrapper___3cqiD.Table-module__isAccordion___-uIs6, .Table-module__tableWrapper___3cqiD.Table-module__isToolbar___LdS-m {
1374
- background: transparent !important;
1375
- border: none !important;
1376
- border-radius: 0;
1377
- padding: 0;
1443
+
1444
+ .Table-module__columnHeader___Unr6d {
1445
+ display: flex;
1446
+ align-items: center;
1447
+ justify-content: space-between;
1448
+ width: 100%;
1449
+ gap: 8px;
1378
1450
  }
1379
- .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th:not(.Table-module__ant-table-selection-column___H9vtu),
1380
- .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td:not(.Table-module__ant-table-selection-column___H9vtu){
1381
- padding-left: 1.5rem !important;
1382
- padding-right: 1.5rem !important;
1383
- padding-bottom: 1rem !important;
1384
- padding-top: 0.75rem !important;
1451
+
1452
+ .Table-module__columnHeaderLeft___mp7pK {
1453
+ display: flex;
1454
+ align-items: center;
1455
+ gap: 4px;
1456
+ min-width: 0;
1457
+ flex: 1;
1385
1458
  }
1386
- .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1387
- .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td{
1388
- --tw-text-opacity: 1 !important;
1389
- color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
1390
- font-weight: 500 !important;
1391
- font-size: 0.688rem !important;
1392
- line-height: 14px !important;
1459
+
1460
+ /* Clickable sort area (label + sort arrow) */
1461
+ .Table-module__columnHeaderSortArea___jrIYo {
1462
+ display: inline-flex;
1463
+ align-items: center;
1464
+ gap: 6px;
1465
+ background: none;
1466
+ border: none;
1467
+ padding: 0;
1468
+ cursor: pointer;
1469
+ min-width: 0;
1470
+ font: inherit;
1471
+ color: inherit;
1393
1472
  }
1394
- .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomBodyCell___sf8j8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td:not(.Table-module__ant-table-selection-column___H9vtu){
1395
- padding-left: 1.5rem;
1396
- padding-right: 1.5rem;
1397
- padding-top: 1rem;
1398
- padding-bottom: 1rem;
1473
+ .Table-module__columnHeaderSortArea___jrIYo:focus-visible {
1474
+ outline: 2px solid #ec5d25;
1475
+ outline-offset: 2px;
1476
+ border-radius: 3px;
1399
1477
  }
1400
- .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomBodyCell___sf8j8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td{
1401
- --tw-text-opacity: 1 !important;
1402
- color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
1403
- font-weight: 400 !important;
1404
- font-size: 0.75rem !important;
1405
- line-height: 16px !important;
1478
+
1479
+ .Table-module__columnHeaderLabel___A-mRu {
1480
+ white-space: nowrap;
1481
+ overflow: hidden;
1482
+ text-overflow: ellipsis;
1483
+ line-height: normal;
1484
+ text-transform: none !important;
1485
+ font: inherit;
1486
+ color: inherit;
1406
1487
  }
1407
1488
 
1408
- /* ============================================================
1409
- AntD Table overrides
1410
- ============================================================ */
1411
- .Table-module__table___5d7g0.ant-table-wrapper {
1412
- padding: 4px;
1413
- background: #F1F3F5;
1489
+ .Table-module__columnHeaderSortIcon___mWVZN {
1490
+ display: inline-flex;
1491
+ align-items: center;
1492
+ flex-shrink: 0;
1493
+ color: #d1d5db;
1494
+ /* muted when unsorted */
1495
+ line-height: 0;
1414
1496
  }
1415
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table{
1416
- background-color: transparent;
1417
- font-size: 0.875rem;
1418
- line-height: 1.25rem;
1497
+ .Table-module__columnHeaderSortIcon___mWVZN.Table-module__columnHeaderSortIconActive___wHAqC {
1498
+ color: #374151;
1499
+ /* prominent when sort is applied */
1419
1500
  }
1420
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-container {
1421
- /* Lift the white body card off the gray wrapper */
1422
- box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
1501
+
1502
+ /* Filter icon button */
1503
+ .Table-module__columnHeaderFilterWrapper___DnSve {
1504
+ position: relative;
1505
+ flex-shrink: 0;
1423
1506
  }
1424
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1425
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1426
- background: transparent !important;
1427
- border-bottom: none !important;
1507
+
1508
+ .Table-module__columnHeaderFilterBtn___NR7DY {
1509
+ display: inline-flex;
1510
+ align-items: center;
1511
+ gap: 3px;
1512
+ background: none;
1513
+ border: none;
1514
+ padding: 2px 3px;
1515
+ cursor: pointer;
1516
+ color: #9ca3af;
1517
+ line-height: 0;
1518
+ border-radius: 4px;
1519
+ transition: color 0.15s, background 0.15s;
1428
1520
  }
1429
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th::before,
1430
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td::before {
1431
- display: none !important;
1521
+ .Table-module__columnHeaderFilterBtn___NR7DY:hover {
1522
+ color: #6b7280;
1523
+ background: #f3f4f6;
1432
1524
  }
1433
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1434
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1435
- /* Fixed columns need a solid background to prevent overlapping */
1525
+ .Table-module__columnHeaderFilterBtn___NR7DY:focus-visible {
1526
+ outline: 2px solid #ec5d25;
1527
+ outline-offset: 1px;
1436
1528
  }
1437
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th.ant-table-cell-fix-left, .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th.ant-table-cell-fix-right,
1438
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td.ant-table-cell-fix-left,
1439
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td.ant-table-cell-fix-right {
1440
- background: #F1F3F5 !important;
1441
- z-index: 2 !important;
1529
+ .Table-module__columnHeaderFilterBtn___NR7DY.Table-module__columnHeaderFilterBtnActive___JdO11 {
1530
+ color: #ec5d25;
1531
+ /* brand red when filter is applied */
1442
1532
  }
1443
- .Table-module__table___5d7g0.ant-table-wrapper {
1444
- /* ---- Force Fix Column Shadow Always Visible ---- */
1533
+
1534
+ .Table-module__columnHeaderFilterBadge___-Q2T2 {
1535
+ display: inline-flex;
1536
+ align-items: center;
1537
+ justify-content: center;
1538
+ min-width: 15px;
1539
+ height: 15px;
1540
+ padding: 0 4px;
1541
+ background: #ec5d25;
1542
+ color: #fff;
1543
+ font-size: 10px;
1544
+ font-weight: 600;
1545
+ border-radius: 8px;
1546
+ line-height: 1;
1445
1547
  }
1446
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-cell-fix-left-last::after {
1548
+
1549
+ /* Dropdown that renders children from the consumer */
1550
+ .Table-module__columnHeaderFilterDropdown___M-fD4 {
1447
1551
  position: absolute;
1448
- top: 0;
1552
+ top: calc(100% + 6px);
1449
1553
  right: 0;
1450
- bottom: -1px;
1451
- width: 40px;
1452
- transform: translateX(100%);
1453
- transition: box-shadow 0.3s;
1454
- content: "";
1455
- pointer-events: none;
1456
- /* Large, soft shadow extending right */
1457
- box-shadow: inset 20px 0 20px -20px rgba(0, 0, 0, 0.15) !important;
1458
- opacity: 1 !important;
1459
- }
1460
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-cell-fix-right-first::after {
1461
- position: absolute;
1462
- top: 0;
1463
- bottom: -1px;
1464
- left: 0;
1465
- width: 40px;
1466
- transform: translateX(-100%);
1467
- transition: box-shadow 0.3s;
1468
- content: "";
1469
- pointer-events: none;
1470
- /* Large, soft shadow extending left */
1471
- box-shadow: inset -20px 0 20px -20px rgba(0, 0, 0, 0.15) !important;
1472
- opacity: 1 !important;
1473
- }
1474
- .Table-module__table___5d7g0.ant-table-wrapper {
1475
- /* ---- Body cells ---- */
1476
- }
1477
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td{
1478
- --tw-bg-opacity: 1 !important;
1479
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
1480
- border-bottom: none !important;
1481
- }
1482
- .Table-module__table___5d7g0.ant-table-wrapper {
1483
- /* Round the four corners of the white body card */
1484
- }
1485
- .Table-module__table___5d7g0.ant-table-wrapper .Table-module__firstRow___Xq-Hi > td:first-child {
1486
- border-top-left-radius: 12px !important;
1487
- }
1488
- .Table-module__table___5d7g0.ant-table-wrapper .Table-module__firstRow___Xq-Hi > td:last-child {
1489
- border-top-right-radius: 12px !important;
1490
- }
1491
- .Table-module__table___5d7g0.ant-table-wrapper .Table-module__lastRow___ahv4g > td:first-child {
1492
- border-bottom-left-radius: 12px !important;
1493
- }
1494
- .Table-module__table___5d7g0.ant-table-wrapper .Table-module__lastRow___ahv4g > td:last-child {
1495
- border-bottom-right-radius: 12px !important;
1496
- }
1497
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:first-child > td:first-child {
1498
- border-top-left-radius: 12px;
1499
- }
1500
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:first-child > td:last-child {
1501
- border-top-right-radius: 12px;
1502
- }
1503
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:last-child > td:first-child {
1504
- border-bottom-left-radius: 12px;
1554
+ z-index: 100;
1555
+ background: #fff;
1556
+ border: 1px solid #e5e7eb;
1557
+ border-radius: 8px;
1558
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
1559
+ min-width: 180px;
1505
1560
  }
1506
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:last-child > td:last-child {
1507
- border-bottom-right-radius: 12px;
1561
+
1562
+ /* src/atom/Button/Button.module.scss */
1563
+ .Button-module__button___cLCyl {
1564
+ display: flex;
1565
+ align-items: center;
1566
+ justify-content: center;
1567
+ gap: 0.25rem;
1568
+ border-radius: 0.5rem;
1508
1569
  }
1509
- .Table-module__table___5d7g0.ant-table-wrapper {
1510
- /* ---- Loading & Empty State ---- */
1570
+ .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
1571
+ height: 56px;
1572
+ padding-left: 1rem;
1573
+ padding-right: 1rem;
1511
1574
  }
1512
- .Table-module__table___5d7g0.ant-table-wrapper .ant-spin-nested-loading .ant-spin .ant-spin-dot-item {
1513
- background-color: #9ca3af !important;
1575
+ .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
1576
+ width: 56px;
1514
1577
  }
1515
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-placeholder .ant-table-cell {
1516
- background: #F1F3F5 !important;
1517
- border-bottom: none !important;
1518
- padding: 48px 24px !important;
1519
- text-align: center !important;
1520
- min-height: 300px;
1578
+ .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
1579
+ height: 40px;
1580
+ padding-left: 0.75rem;
1581
+ padding-right: 0.75rem;
1521
1582
  }
1522
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-placeholder .ant-table-cell.ant-table-cell-fix-left, .Table-module__table___5d7g0.ant-table-wrapper .ant-table-placeholder .ant-table-cell.ant-table-cell-fix-right {
1523
- background: #F1F3F5 !important;
1583
+ .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
1584
+ width: 40px;
1524
1585
  }
1525
- .Table-module__table___5d7g0.ant-table-wrapper {
1526
- /* ---- Hover effect (controlled separately via .showHoverEffect) ---- */
1586
+ .Button-module__button___cLCyl.Button-module__size_small___IUeei {
1587
+ height: 32px;
1588
+ padding-left: 0.5rem;
1589
+ padding-right: 0.5rem;
1527
1590
  }
1528
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:hover > td{
1529
- --tw-bg-opacity: 1;
1530
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1531
- /* default: no visual hover change */
1591
+ .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
1592
+ width: 32px;
1532
1593
  }
1533
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1534
- display: flex;
1535
- align-items: center;
1536
- justify-content: space-between;
1537
- flex-wrap: wrap;
1538
- gap: 8px;
1539
- padding-left: 1.5rem;
1540
- padding-right: 1.5rem;
1541
- padding-top: 1rem;
1542
- padding-bottom: 1rem;
1543
- background: #ffffff;
1544
- border-radius: 12px;
1545
- margin: 8px 4px 4px 4px !important;
1546
- box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
1547
- /* AntD re-orders items; we use order to match design layout */
1594
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz- {
1595
+ --tw-bg-opacity: 1;
1596
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1597
+ border-width: 1px;
1598
+ border-style: solid;
1599
+ --tw-border-opacity: 1;
1600
+ border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
1601
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1548
1602
  }
1549
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options {
1550
- order: -1;
1551
- /* "Rows per page" on the far left */
1552
- margin-inline-end: auto;
1553
- display: flex;
1554
- align-items: center;
1555
- gap: 8px;
1556
- /* Inject the "Rows per page:" label text via ::before */
1603
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:active {
1604
+ --tw-bg-opacity: 1;
1605
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1606
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1557
1607
  }
1558
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options::before {
1559
- content: "Rows per page:";
1560
- font-size: 13px;
1561
- color: #6b7280;
1562
- white-space: nowrap;
1608
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
1609
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1563
1610
  }
1564
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
1565
- border-radius: 6px !important;
1566
- border-color: #d1d5db !important;
1567
- font-size: 13px;
1568
- color: #374151;
1569
- min-width: 64px;
1611
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd {
1612
+ --tw-text-opacity: 1;
1613
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1570
1614
  }
1571
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-focused .ant-select-selector {
1572
- border-color: #ec5d25 !important;
1573
- box-shadow: 0 0 0 2px rgba(236, 93, 37, 0.15) !important;
1615
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd:hover {
1616
+ --tw-text-opacity: 1;
1617
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1574
1618
  }
1575
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1576
- /* Total text: "1–10 of 108 items" — centred */
1619
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9 {
1620
+ --tw-text-opacity: 1;
1621
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1577
1622
  }
1578
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-total-text {
1579
- order: 0;
1580
- font-size: 13px;
1581
- color: #6b7280;
1582
- flex: 1;
1583
- text-align: center;
1623
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9:hover {
1624
+ --tw-text-opacity: 1;
1625
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1584
1626
  }
1585
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1586
- /* Page buttons group — far right */
1627
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__disabled___nwPn4 {
1628
+ --tw-text-opacity: 1;
1629
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1587
1630
  }
1588
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev,
1589
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next,
1590
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item,
1591
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev,
1592
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next {
1593
- order: 1;
1594
- min-width: 32px;
1595
- height: 32px;
1596
- border-radius: 6px;
1597
- font-size: 13px;
1598
- display: inline-flex;
1599
- align-items: center;
1600
- justify-content: center;
1601
- margin: 0;
1602
- transition: background 0.15s, border-color 0.15s, color 0.15s;
1631
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA {
1632
+ border-width: 1px;
1633
+ border-style: solid;
1634
+ --tw-bg-opacity: 1;
1635
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1636
+ --tw-border-opacity: 1;
1637
+ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
1638
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1603
1639
  }
1604
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev a,
1605
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev button,
1606
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next a,
1607
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next button,
1608
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item a,
1609
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item button,
1610
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev a,
1611
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev button,
1612
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next a,
1613
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next button {
1614
- color: #374151;
1615
- font-size: 13px;
1616
- display: flex;
1617
- align-items: center;
1618
- justify-content: center;
1640
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:active {
1641
+ --tw-bg-opacity: 1;
1642
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1643
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1619
1644
  }
1620
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1621
- /* Specific borders and backgrounds */
1645
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:focus-visible {
1646
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1622
1647
  }
1623
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev,
1624
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next {
1625
- border: 1px solid #e5e7eb;
1626
- background: #fff;
1648
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd {
1649
+ --tw-text-opacity: 1;
1650
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1627
1651
  }
1628
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev:hover:not(.ant-pagination-disabled),
1629
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next:hover:not(.ant-pagination-disabled) {
1630
- border-color: #d1d5db;
1631
- background: #f3f4f6;
1652
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd:hover {
1653
+ --tw-text-opacity: 1;
1654
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1632
1655
  }
1633
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev:hover:not(.ant-pagination-disabled) a,
1634
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next:hover:not(.ant-pagination-disabled) a {
1635
- color: #374151;
1656
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9 {
1657
+ --tw-text-opacity: 1;
1658
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1636
1659
  }
1637
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item {
1638
- border: 1px solid transparent;
1639
- background: transparent;
1660
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9:hover {
1661
+ --tw-text-opacity: 1;
1662
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1640
1663
  }
1641
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item:hover:not(.ant-pagination-disabled) {
1642
- background: #f3f4f6;
1664
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp {
1665
+ border-width: 1px;
1666
+ --tw-bg-opacity: 1;
1667
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1668
+ border-style: solid;
1669
+ --tw-border-opacity: 1;
1670
+ border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
1671
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1643
1672
  }
1644
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item:hover:not(.ant-pagination-disabled) a {
1645
- color: #374151;
1673
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:active {
1674
+ --tw-bg-opacity: 1;
1675
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1676
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1646
1677
  }
1647
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev,
1648
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next {
1649
- border: 1px solid transparent;
1650
- background: transparent;
1678
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:focus-visible {
1679
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1651
1680
  }
1652
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1653
- /* Active page button */
1681
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd {
1682
+ --tw-text-opacity: 1;
1683
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1654
1684
  }
1655
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active {
1656
- border-color: #6B7280 !important;
1657
- background: #fff !important;
1685
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd:hover {
1686
+ --tw-text-opacity: 1;
1687
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1658
1688
  }
1659
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active:hover {
1660
- background: #fff !important;
1689
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9 {
1690
+ --tw-text-opacity: 1;
1691
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1661
1692
  }
1662
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active a {
1663
- color: #374151 !important;
1664
- font-weight: 600;
1693
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9:hover {
1694
+ --tw-text-opacity: 1;
1695
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1665
1696
  }
1666
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1667
- /* Ellipsis dots hover state */
1697
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd {
1698
+ --tw-bg-opacity: 1;
1699
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1700
+ border-width: 1px;
1701
+ border-style: solid;
1702
+ --tw-border-opacity: 1;
1703
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1704
+ box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
1668
1705
  }
1669
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev .ant-pagination-item-ellipsis,
1670
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next .ant-pagination-item-ellipsis {
1671
- color: #9ca3af !important;
1672
- /* default grey dots */
1706
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:hover {
1707
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1708
+ --tw-border-opacity: 1;
1709
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1673
1710
  }
1674
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
1675
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-link-icon,
1676
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
1677
- color: #000000 !important;
1711
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:focus-visible {
1712
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1678
1713
  }
1679
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1680
- /* Disabled prev/next */
1714
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia {
1715
+ background-color: transparent;
1716
+ border-width: 0px;
1717
+ border-style: none;
1718
+ box-shadow: none;
1681
1719
  }
1682
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-disabled {
1683
- opacity: 0.4;
1684
- cursor: not-allowed;
1720
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:hover {
1721
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1722
+ border-style: none;
1723
+ --tw-bg-opacity: 1;
1724
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1685
1725
  }
1686
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1687
- /* Responsive behavior */
1726
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:active {
1727
+ --tw-bg-opacity: 1;
1728
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
1688
1729
  }
1689
- @media (max-width: 640px) {
1690
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1691
- justify-content: center;
1692
- gap: 12px;
1693
- }
1694
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options {
1695
- width: 100%;
1696
- justify-content: center;
1697
- margin-inline-end: 0;
1698
- order: 0;
1699
- }
1700
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-total-text {
1701
- width: 100%;
1702
- order: -1;
1703
- }
1730
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
1731
+ outline: 2px solid rgba(236, 93, 37, 0.2);
1704
1732
  }
1705
- .Table-module__table___5d7g0.ant-table-wrapper {
1706
- /* ---- Checkbox customisation ---- */
1733
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9 {
1734
+ background-color: transparent;
1735
+ padding: 0px;
1736
+ border-width: 0px;
1737
+ border-style: none;
1738
+ height: auto;
1739
+ box-shadow: none;
1707
1740
  }
1708
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner {
1709
- background-color: #ec5d25 !important;
1710
- border-color: #ec5d25 !important;
1741
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
1742
+ text-decoration: underline;
1743
+ }
1744
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover {
1745
+ box-shadow: none;
1746
+ border-style: none;
1747
+ background-color: transparent;
1711
1748
  }
1712
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
1713
- inset-inline-start: 25% !important;
1749
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
1750
+ background-color: transparent;
1714
1751
  }
1715
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner {
1716
- border-color: #ec5d25 !important;
1752
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
1753
+ outline: none;
1717
1754
  }
1718
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1719
- background-color: #ec5d25 !important;
1755
+
1756
+ /* src/atom/Slider/Slider.module.scss */
1757
+ .Slider-module__label___9Uea- {
1758
+ font-size: 13px;
1759
+ line-height: 18px;
1760
+ --tw-text-opacity: 1;
1761
+ color: rgb(54 62 79 / var(--tw-text-opacity, 1));
1720
1762
  }
1721
- .Table-module__table___5d7g0.ant-table-wrapper {
1722
- /* Hover state border to orange */
1763
+
1764
+ .Slider-module__slider___JCS-c.ant-slider {
1765
+ margin-left: 0px;
1766
+ margin-right: 0px;
1723
1767
  }
1724
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1725
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1726
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1727
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1728
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1729
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
1730
- border-color: #ec5d25 !important;
1768
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
1769
+ box-shadow: 0 0 0 2px #ec5d25;
1770
+ transform: scale(1.25);
1731
1771
  }
1732
- .Table-module__table___5d7g0.ant-table-wrapper {
1733
- /* Active ripple effect/focus ring to orange */
1772
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
1773
+ content: unset;
1734
1774
  }
1735
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked::after {
1736
- border-color: #ec5d25 !important;
1775
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
1776
+ inset-inline-start: -1px;
1777
+ inset-block-start: -1px;
1737
1778
  }
1738
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner {
1739
- border-color: #ec5d25 !important;
1779
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
1780
+ --tw-bg-opacity: 1;
1781
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1782
+ height: 2px;
1740
1783
  }
1741
-
1742
- /* Global un-nested scope for Portals (Pagination Select Dropdown) */
1743
- .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
1744
- background-color: #FFF1E1 !important;
1745
- color: #374151 !important;
1784
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
1785
+ background-color: transparent;
1746
1786
  }
1747
-
1748
- /* ============================================================
1749
- Variant modifiers
1750
- ============================================================ */
1751
- /* hover variant — rows tint on mouse-over */
1752
- .Table-module__showHoverEffect___IyKyO .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:hover > td{
1753
- --tw-bg-opacity: 1 !important;
1754
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
1787
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
1788
+ --tw-bg-opacity: 1;
1789
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1755
1790
  }
1756
1791
 
1757
- .Table-module__columnHeader___Unr6d {
1792
+ /* src/atom/LoadingSpinner/LoadingSpinner.module.scss */
1793
+ .LoadingSpinner-module__spinnerContainer___DiPLf {
1758
1794
  display: flex;
1795
+ justify-content: center;
1759
1796
  align-items: center;
1760
- justify-content: space-between;
1761
- width: 100%;
1762
- gap: 8px;
1797
+ height: 100%;
1798
+ margin-top: 2rem;
1799
+ margin-bottom: 2rem;
1763
1800
  }
1764
1801
 
1765
- .Table-module__columnHeaderLeft___mp7pK {
1766
- display: flex;
1767
- align-items: center;
1768
- gap: 4px;
1769
- min-width: 0;
1770
- flex: 1;
1802
+ /* src/molecules/UserProfile/UserProfile.module.scss */
1803
+ .UserProfile-module__userProfile___cRMm9 {
1804
+ display: flex;
1805
+ align-items: center;
1806
+ gap: 0.625rem
1771
1807
  }
1772
-
1773
- /* Clickable sort area (label + sort arrow) */
1774
- .Table-module__columnHeaderSortArea___jrIYo {
1775
- display: inline-flex;
1776
- align-items: center;
1777
- gap: 6px;
1778
- background: none;
1779
- border: none;
1780
- padding: 0;
1781
- cursor: pointer;
1782
- min-width: 0;
1783
- font: inherit;
1784
- color: inherit;
1808
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
1809
+ display: flex;
1810
+ flex-direction: column
1785
1811
  }
1786
- .Table-module__columnHeaderSortArea___jrIYo:focus-visible {
1787
- outline: 2px solid #ec5d25;
1788
- outline-offset: 2px;
1789
- border-radius: 3px;
1812
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
1813
+ display: flex;
1814
+ align-items: center;
1815
+ gap: 0.5rem
1790
1816
  }
1791
-
1792
- .Table-module__columnHeaderLabel___A-mRu {
1793
- white-space: nowrap;
1794
- overflow: hidden;
1795
- text-overflow: ellipsis;
1796
- line-height: normal;
1797
- text-transform: none !important;
1798
- font: inherit;
1799
- color: inherit;
1817
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1818
+ margin: 0px
1819
+ }
1820
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1821
+ margin: 0px;
1822
+ margin-top: 0.125rem
1800
1823
  }
1801
1824
 
1802
- .Table-module__columnHeaderSortIcon___mWVZN {
1803
- display: inline-flex;
1804
- align-items: center;
1805
- flex-shrink: 0;
1806
- color: #d1d5db;
1807
- /* muted when unsorted */
1808
- line-height: 0;
1825
+ /* src/atom/Modal/Modal.module.scss */
1826
+ .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
1827
+ margin-top: 0;
1828
+ margin-top: 0px;
1809
1829
  }
1810
- .Table-module__columnHeaderSortIcon___mWVZN.Table-module__columnHeaderSortIconActive___wHAqC {
1811
- color: #374151;
1812
- /* prominent when sort is applied */
1830
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
1831
+ padding: 24px;
1832
+ padding: 1.5rem;
1833
+ display: flex;
1834
+ justify-content: flex-end;
1813
1835
  }
1814
-
1815
- /* Filter icon button */
1816
- .Table-module__columnHeaderFilterWrapper___DnSve {
1817
- position: relative;
1818
- flex-shrink: 0;
1836
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
1837
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
1838
+ min-width: 92px;
1819
1839
  }
1820
-
1821
- .Table-module__columnHeaderFilterBtn___NR7DY {
1822
- display: inline-flex;
1823
- align-items: center;
1824
- gap: 3px;
1825
- background: none;
1826
- border: none;
1827
- padding: 2px 3px;
1828
- cursor: pointer;
1829
- color: #9ca3af;
1830
- line-height: 0;
1831
- border-radius: 4px;
1832
- transition: color 0.15s, background 0.15s;
1840
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
1841
+ padding: 24px;
1842
+ padding: 1.5rem;
1843
+ padding-top: 0px;
1844
+ display: flex;
1845
+ justify-content: flex-end;
1833
1846
  }
1834
- .Table-module__columnHeaderFilterBtn___NR7DY:hover {
1835
- color: #6b7280;
1836
- background: #f3f4f6;
1847
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
1848
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
1849
+ width: 50%;
1837
1850
  }
1838
- .Table-module__columnHeaderFilterBtn___NR7DY:focus-visible {
1839
- outline: 2px solid #ec5d25;
1840
- outline-offset: 1px;
1851
+ .Modal-module__modal___PKrAi .ant-modal-content {
1852
+ padding: 0;
1853
+ border-radius: 0.75rem;
1854
+ padding: 0px;
1841
1855
  }
1842
- .Table-module__columnHeaderFilterBtn___NR7DY.Table-module__columnHeaderFilterBtnActive___JdO11 {
1843
- color: #ec5d25;
1844
- /* brand red when filter is applied */
1856
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1857
+ margin-bottom: 0px;
1858
+ padding: 1rem;
1845
1859
  }
1846
-
1847
- .Table-module__columnHeaderFilterBadge___-Q2T2 {
1848
- display: inline-flex;
1860
+ @media (min-width: 576px) {
1861
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1862
+ padding: 1.5rem;
1863
+ }
1864
+ }
1865
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
1866
+ justify-content: flex-start;
1867
+ padding-right: 1.25rem;
1868
+ font-size: 1.25rem;
1869
+ font-weight: 500;
1870
+ line-height: 1.75rem;
1871
+ --tw-text-opacity: 1;
1872
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1873
+ }
1874
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1875
+ display: flex;
1876
+ align-items: flex-end;
1877
+ justify-content: center;
1878
+ }
1879
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1880
+ display: flex;
1849
1881
  align-items: center;
1850
1882
  justify-content: center;
1851
- min-width: 15px;
1852
- height: 15px;
1853
- padding: 0 4px;
1854
- background: #ec5d25;
1855
- color: #fff;
1856
- font-size: 10px;
1857
- font-weight: 600;
1858
- border-radius: 8px;
1859
- line-height: 1;
1860
1883
  }
1861
-
1862
- /* Dropdown that renders children from the consumer */
1863
- .Table-module__columnHeaderFilterDropdown___M-fD4 {
1864
- position: absolute;
1865
- top: calc(100% + 6px);
1866
- right: 0;
1867
- z-index: 100;
1868
- background: #fff;
1869
- border: 1px solid #e5e7eb;
1870
- border-radius: 8px;
1871
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
1872
- min-width: 180px;
1884
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1885
+ padding: 0 1.5rem 1.5rem;
1886
+ max-height: 65vh;
1887
+ overflow: auto;
1888
+ }
1889
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1890
+ top: 1.5rem;
1891
+ right: 1.5rem;
1892
+ padding-bottom: 0.25rem;
1893
+ }
1894
+ .Modal-module__modal___PKrAi .ant-btn-primary {
1895
+ margin-inline-start: 0.5rem;
1873
1896
  }
1874
1897
 
1875
1898
  /* src/atom/RangePicker/RangePicker.module.scss */
@@ -1907,13 +1930,11 @@
1907
1930
  border-radius: 16px;
1908
1931
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
1909
1932
  overflow: hidden;
1910
- width: 100%;
1911
- max-width: 712px;
1933
+ width: 712px;
1912
1934
  font-family: "Inter", system-ui, -apple-system, sans-serif;
1913
1935
  }
1914
1936
  .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__singleCalendar___qy2-H {
1915
- width: 100%;
1916
- max-width: 450px;
1937
+ width: 450px;
1917
1938
  }
1918
1939
  @media (max-width: 768px) {
1919
1940
  .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__singleCalendar___qy2-H {
@@ -1922,11 +1943,10 @@
1922
1943
  }
1923
1944
  }
1924
1945
  .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__hidePresets___-m2-P {
1925
- max-width: 574px;
1946
+ width: 574px;
1926
1947
  }
1927
1948
  .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__hidePresets___-m2-P.AdvancedDateRangePicker-module__singleCalendar___qy2-H {
1928
- width: 100%;
1929
- max-width: 292px;
1949
+ width: 292px;
1930
1950
  }
1931
1951
  @media (max-width: 768px) {
1932
1952
  .AdvancedDateRangePicker-module__root___udir8 {
@@ -1953,7 +1973,7 @@
1953
1973
  max-width: 140px;
1954
1974
  flex-shrink: 0;
1955
1975
  border-right: 1px solid #f3f4f6;
1956
- padding: 12px 8px;
1976
+ padding: 12px 6px;
1957
1977
  display: flex;
1958
1978
  flex-direction: column;
1959
1979
  background: #ffffff;
@@ -1996,7 +2016,7 @@
1996
2016
  border-radius: 6px;
1997
2017
  transition: all 0.2s;
1998
2018
  white-space: nowrap;
1999
- font-family: Inter, sans-serif;
2019
+ font-family: "Inter", system-ui, -apple-system, sans-serif;
2000
2020
  font-size: 13px;
2001
2021
  font-style: normal;
2002
2022
  font-weight: 400;