@itilite/lumina-ui 1.0.3-alpha → 1.0.4-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -762,6 +762,110 @@
762
762
 
763
763
 
764
764
  /* CSS Modules */
765
+ /* src/atom/Slider/Slider.module.scss */
766
+ .Slider-module__label___9Uea- {
767
+ font-size: 13px;
768
+ line-height: 18px;
769
+ --tw-text-opacity: 1;
770
+ color: rgb(54 62 79 / var(--tw-text-opacity, 1));
771
+ }
772
+
773
+ .Slider-module__slider___JCS-c.ant-slider {
774
+ margin-left: 0px;
775
+ margin-right: 0px;
776
+ }
777
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
778
+ box-shadow: 0 0 0 2px #ec5d25;
779
+ transform: scale(1.25);
780
+ }
781
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
782
+ content: unset;
783
+ }
784
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
785
+ inset-inline-start: -1px;
786
+ inset-block-start: -1px;
787
+ }
788
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
789
+ --tw-bg-opacity: 1;
790
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
791
+ height: 2px;
792
+ }
793
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
794
+ background-color: transparent;
795
+ }
796
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
797
+ --tw-bg-opacity: 1;
798
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
799
+ }
800
+
801
+ /* src/atom/Radio/Radio.module.scss */
802
+ .Radio-module__radio___1CPAk {
803
+ display: flex;
804
+ align-items: center;
805
+ }
806
+ .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
807
+ height: 16px;
808
+ width: 16px;
809
+ }
810
+ .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
811
+ height: 20px;
812
+ width: 20px;
813
+ }
814
+ .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
815
+ height: 24px;
816
+ width: 24px;
817
+ }
818
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
819
+ border-color: #EC5D25;
820
+ background-color: #EC5D25;
821
+ }
822
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
823
+ border-color: #B94710;
824
+ background-color: #B94710;
825
+ }
826
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
827
+ outline: 2px solid #0A65E7;
828
+ }
829
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
830
+ cursor: not-allowed;
831
+ }
832
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
833
+ border-color: #B6BAC3;
834
+ background-color: #B6BAC3;
835
+ }
836
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
837
+ transform: scale(0.375);
838
+ background-color: #FFFFFF;
839
+ }
840
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
841
+ border-color: #B6BAC3;
842
+ }
843
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
844
+ border-color: #6B7280;
845
+ }
846
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
847
+ outline: 2px solid #0A65E7;
848
+ }
849
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
850
+ cursor: not-allowed;
851
+ }
852
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
853
+ border-color: #B6BAC3;
854
+ background-color: #F9FAFB;
855
+ }
856
+ .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
857
+ color: #363E4F;
858
+ font-weight: 400;
859
+ font-size: 0.875rem;
860
+ line-height: 20px;
861
+ }
862
+ .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
863
+ color: #363E4F;
864
+ font-weight: 500;
865
+ font-size: 0.875rem;
866
+ line-height: 20px;
867
+ }
868
+
765
869
  /* src/atom/Tooltip/Tooltip.module.scss */
766
870
  .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
767
871
  background-color: white !important;
@@ -775,6 +879,84 @@
775
879
  background-color: white !important;
776
880
  }
777
881
 
882
+ /* src/atom/Switch/Switch.module.scss */
883
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
884
+ height: 0.75rem;
885
+ min-width: 1.5rem
886
+ }
887
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
888
+ height: 0.5rem;
889
+ width: 0.5rem
890
+ }
891
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
892
+ --tw-bg-opacity: 1;
893
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
894
+ }
895
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
896
+ --tw-bg-opacity: 1;
897
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
898
+ }
899
+
900
+ /* src/atom/Tag/Tag.module.scss */
901
+ .Tag-module__tag___PIkhI {
902
+ border-radius: 0.25rem;
903
+ padding: 0.25rem;
904
+ font-weight: 500;
905
+ font-size: 12px;
906
+ line-height: .75rem;
907
+ --tw-bg-opacity: 1;
908
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
909
+ height: -moz-max-content;
910
+ height: max-content;
911
+ --tw-text-opacity: 1;
912
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
913
+ border-width: 0px
914
+ }
915
+ .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
916
+ padding-top: 2px;
917
+ padding-bottom: 2px;
918
+ padding-left: 0.25rem;
919
+ padding-right: 0.25rem;
920
+ font-size: 0.625rem;
921
+ line-height: .75rem
922
+ }
923
+ .Tag-module__tag___PIkhI.Tag-module__success___99fad {
924
+ --tw-bg-opacity: 1;
925
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
926
+ }
927
+ .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
928
+ --tw-bg-opacity: 1;
929
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
930
+ }
931
+ .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
932
+ --tw-bg-opacity: 1;
933
+ background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1))
934
+ }
935
+ .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
936
+ --tw-bg-opacity: 1;
937
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
938
+ }
939
+ .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
940
+ --tw-bg-opacity: 1;
941
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
942
+ }
943
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
944
+ --tw-bg-opacity: 1;
945
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
946
+ }
947
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
948
+ --tw-bg-opacity: 1;
949
+ background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1))
950
+ }
951
+ .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
952
+ --tw-bg-opacity: 1;
953
+ background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1))
954
+ }
955
+ .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
956
+ --tw-bg-opacity: 1;
957
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
958
+ }
959
+
778
960
  /* src/atom/Checkbox/Checkbox.module.scss */
779
961
  .Checkbox-module__checkbox___xxg5L {
780
962
  display: flex;
@@ -873,463 +1055,524 @@
873
1055
  background: white;
874
1056
  }
875
1057
 
876
- /* src/atom/LoadingSpinner/LoadingSpinner.module.scss */
877
- .LoadingSpinner-module__spinnerContainer___DiPLf {
878
- display: flex;
879
- justify-content: center;
880
- align-items: center;
881
- height: 100%;
882
- margin-top: 2rem;
883
- margin-bottom: 2rem;
1058
+ /* src/atom/Table/Table.module.scss */
1059
+ @charset "UTF-8";
1060
+ /* ============================================================
1061
+ Outer wrapper — the rounded gray card that contains the table
1062
+ ============================================================ */
1063
+ .Table-module__tableWrapper___3cqiD{
1064
+ border-radius: 0.75rem;
1065
+ border-width: 1px;
1066
+ border-style: solid;
1067
+ --tw-border-opacity: 1;
1068
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1069
+ --tw-bg-opacity: 1;
1070
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1071
+ overflow: hidden;
884
1072
  }
885
-
886
- /* src/atom/Slider/Slider.module.scss */
887
- .Slider-module__label___9Uea- {
888
- font-size: 13px;
889
- line-height: 18px;
890
- --tw-text-opacity: 1;
891
- color: rgb(54 62 79 / var(--tw-text-opacity, 1));
1073
+ .Table-module__tableWrapper___3cqiD.Table-module__isAccordion___-uIs6, .Table-module__tableWrapper___3cqiD.Table-module__isToolbar___LdS-m {
1074
+ background: transparent !important;
1075
+ border: none !important;
1076
+ border-radius: 0;
1077
+ padding: 0;
892
1078
  }
893
1079
 
894
- .Slider-module__slider___JCS-c.ant-slider {
895
- margin-left: 0px;
896
- margin-right: 0px;
897
- }
898
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
899
- box-shadow: 0 0 0 2px #ec5d25;
900
- transform: scale(1.25);
901
- }
902
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
903
- content: unset;
904
- }
905
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
906
- inset-inline-start: -1px;
907
- inset-block-start: -1px;
908
- }
909
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
910
- --tw-bg-opacity: 1;
911
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
912
- height: 2px;
1080
+ /* ============================================================
1081
+ AntD Table overrides
1082
+ ============================================================ */
1083
+ .Table-module__table___5d7g0.ant-table-wrapper {
1084
+ padding: 4px;
1085
+ background: #F1F3F5;
913
1086
  }
914
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
1087
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table{
915
1088
  background-color: transparent;
1089
+ font-size: 0.875rem;
1090
+ line-height: 1.25rem;
916
1091
  }
917
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
918
- --tw-bg-opacity: 1;
919
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1092
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-container {
1093
+ /* Lift the white body card off the gray wrapper */
1094
+ filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.06));
920
1095
  }
921
-
922
- /* src/atom/Tag/Tag.module.scss */
923
- .Tag-module__tag___PIkhI {
924
- border-radius: 0.25rem;
925
- padding: 0.25rem;
926
- font-weight: 500;
927
- font-size: 12px;
928
- line-height: .75rem;
929
- --tw-bg-opacity: 1;
930
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
931
- height: -moz-max-content;
932
- height: max-content;
933
- --tw-text-opacity: 1;
934
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
935
- border-width: 0px
1096
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1097
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1098
+ background: transparent !important;
1099
+ --tw-text-opacity: 1 !important;
1100
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
1101
+ font-weight: 500 !important;
1102
+ font-size: 0.688rem !important;
1103
+ line-height: 14px !important;
1104
+ padding-left: 1.5rem !important;
1105
+ padding-right: 1.5rem !important;
1106
+ padding-bottom: 1rem !important;
1107
+ padding-top: 0.75rem !important;
1108
+ border-bottom: none !important;
936
1109
  }
937
- .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
938
- padding-top: 2px;
939
- padding-bottom: 2px;
940
- padding-left: 0.25rem;
941
- padding-right: 0.25rem;
942
- font-size: 0.625rem;
943
- line-height: .75rem
1110
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th::before,
1111
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td::before {
1112
+ display: none !important;
944
1113
  }
945
- .Tag-module__tag___PIkhI.Tag-module__success___99fad {
946
- --tw-bg-opacity: 1;
947
- background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1114
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1115
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1116
+ /* Fixed columns need a solid background to prevent overlapping */
948
1117
  }
949
- .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
950
- --tw-bg-opacity: 1;
951
- background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1118
+ .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,
1119
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td.ant-table-cell-fix-left,
1120
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td.ant-table-cell-fix-right {
1121
+ background: #F1F3F5 !important;
1122
+ z-index: 2 !important;
952
1123
  }
953
- .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
954
- --tw-bg-opacity: 1;
955
- background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1))
1124
+ .Table-module__table___5d7g0.ant-table-wrapper {
1125
+ /* ---- Force Fix Column Shadow Always Visible ---- */
956
1126
  }
957
- .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
958
- --tw-bg-opacity: 1;
959
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1127
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-cell-fix-left-last::after {
1128
+ position: absolute;
1129
+ top: 0;
1130
+ right: 0;
1131
+ bottom: -1px;
1132
+ width: 40px;
1133
+ transform: translateX(100%);
1134
+ transition: box-shadow 0.3s;
1135
+ content: "";
1136
+ pointer-events: none;
1137
+ /* Large, soft shadow extending right */
1138
+ box-shadow: inset 20px 0 20px -20px rgba(0, 0, 0, 0.15) !important;
1139
+ opacity: 1 !important;
960
1140
  }
961
- .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
962
- --tw-bg-opacity: 1;
963
- background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1141
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-cell-fix-right-first::after {
1142
+ position: absolute;
1143
+ top: 0;
1144
+ bottom: -1px;
1145
+ left: 0;
1146
+ width: 40px;
1147
+ transform: translateX(-100%);
1148
+ transition: box-shadow 0.3s;
1149
+ content: "";
1150
+ pointer-events: none;
1151
+ /* Large, soft shadow extending left */
1152
+ box-shadow: inset -20px 0 20px -20px rgba(0, 0, 0, 0.15) !important;
1153
+ opacity: 1 !important;
964
1154
  }
965
- .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
966
- --tw-bg-opacity: 1;
967
- background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1155
+ .Table-module__table___5d7g0.ant-table-wrapper {
1156
+ /* ---- Body cells ---- */
968
1157
  }
969
- .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
970
- --tw-bg-opacity: 1;
971
- background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1))
1158
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td{
1159
+ padding-left: 1.5rem;
1160
+ padding-right: 1.5rem;
1161
+ padding-top: 1rem;
1162
+ padding-bottom: 1rem;
1163
+ --tw-bg-opacity: 1 !important;
1164
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
1165
+ --tw-text-opacity: 1 !important;
1166
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
1167
+ font-weight: 400 !important;
1168
+ font-size: 0.75rem !important;
1169
+ line-height: 16px !important;
1170
+ border-bottom: none !important;
972
1171
  }
973
- .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
974
- --tw-bg-opacity: 1;
975
- background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1))
1172
+ .Table-module__table___5d7g0.ant-table-wrapper {
1173
+ /* Round the four corners of the white body card */
976
1174
  }
977
- .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
978
- --tw-bg-opacity: 1;
979
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1175
+ .Table-module__table___5d7g0.ant-table-wrapper .Table-module__firstRow___Xq-Hi > td:first-child {
1176
+ border-top-left-radius: 12px !important;
980
1177
  }
981
-
982
- /* src/atom/Modal/Modal.module.scss */
983
- .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
984
- margin-top: 0;
985
- margin-top: 0px;
1178
+ .Table-module__table___5d7g0.ant-table-wrapper .Table-module__firstRow___Xq-Hi > td:last-child {
1179
+ border-top-right-radius: 12px !important;
986
1180
  }
987
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
988
- padding: 24px;
989
- padding: 1.5rem;
990
- display: flex;
991
- justify-content: flex-end;
1181
+ .Table-module__table___5d7g0.ant-table-wrapper .Table-module__lastRow___ahv4g > td:first-child {
1182
+ border-bottom-left-radius: 12px !important;
992
1183
  }
993
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
994
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
995
- min-width: 92px;
1184
+ .Table-module__table___5d7g0.ant-table-wrapper .Table-module__lastRow___ahv4g > td:last-child {
1185
+ border-bottom-right-radius: 12px !important;
996
1186
  }
997
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
998
- padding: 24px;
999
- padding: 1.5rem;
1000
- padding-top: 0px;
1001
- display: flex;
1002
- justify-content: flex-end;
1187
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:first-child > td:first-child {
1188
+ border-top-left-radius: 12px;
1003
1189
  }
1004
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
1005
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
1006
- width: 50%;
1190
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:first-child > td:last-child {
1191
+ border-top-right-radius: 12px;
1007
1192
  }
1008
- .Modal-module__modal___PKrAi .ant-modal-content {
1009
- padding: 0;
1010
- border-radius: 0.75rem;
1011
- padding: 0px;
1193
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:last-child > td:first-child {
1194
+ border-bottom-left-radius: 12px;
1012
1195
  }
1013
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1014
- margin-bottom: 0px;
1015
- padding: 1rem;
1196
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:last-child > td:last-child {
1197
+ border-bottom-right-radius: 12px;
1016
1198
  }
1017
- @media (min-width: 576px) {
1018
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1019
- padding: 1.5rem;
1020
- }
1199
+ .Table-module__table___5d7g0.ant-table-wrapper {
1200
+ /* ---- Loading & Empty State ---- */
1021
1201
  }
1022
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
1023
- justify-content: flex-start;
1024
- padding-right: 1.25rem;
1025
- font-size: 1.25rem;
1026
- font-weight: 500;
1027
- line-height: 1.75rem;
1028
- --tw-text-opacity: 1;
1029
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1202
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-spin-nested-loading .ant-spin .ant-spin-dot-item {
1203
+ background-color: #9ca3af !important;
1030
1204
  }
1031
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1032
- display: flex;
1033
- align-items: flex-end;
1034
- justify-content: center;
1205
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-placeholder .ant-table-cell {
1206
+ background: #F1F3F5 !important;
1207
+ border-bottom: none !important;
1208
+ padding: 48px 24px !important;
1209
+ text-align: center !important;
1210
+ min-height: 300px;
1035
1211
  }
1036
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1037
- display: flex;
1038
- align-items: center;
1039
- justify-content: center;
1212
+ .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 {
1213
+ background: #F1F3F5 !important;
1040
1214
  }
1041
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1042
- padding: 0 1.5rem 1.5rem;
1043
- max-height: 65vh;
1044
- overflow: auto;
1215
+ .Table-module__table___5d7g0.ant-table-wrapper {
1216
+ /* ---- Hover effect (controlled separately via .showHoverEffect) ---- */
1045
1217
  }
1046
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1047
- top: 1.5rem;
1048
- right: 1.5rem;
1049
- padding-bottom: 0.25rem;
1218
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:hover > td{
1219
+ --tw-bg-opacity: 1;
1220
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1221
+ /* default: no visual hover change */
1050
1222
  }
1051
- .Modal-module__modal___PKrAi .ant-btn-primary {
1052
- margin-inline-start: 0.5rem;
1223
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1224
+ display: flex;
1225
+ align-items: center;
1226
+ justify-content: space-between;
1227
+ flex-wrap: wrap;
1228
+ gap: 8px;
1229
+ padding-left: 1.5rem;
1230
+ padding-right: 1.5rem;
1231
+ padding-top: 1rem;
1232
+ padding-bottom: 1rem;
1233
+ background: #ffffff;
1234
+ border-radius: 12px;
1235
+ margin: 8px 4px 4px 4px !important;
1236
+ filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.06));
1237
+ /* AntD re-orders items; we use order to match design layout */
1053
1238
  }
1054
-
1055
- /* src/atom/Radio/Radio.module.scss */
1056
- .Radio-module__radio___1CPAk {
1239
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options {
1240
+ order: -1;
1241
+ /* "Rows per page" on the far left */
1242
+ margin-inline-end: auto;
1057
1243
  display: flex;
1058
1244
  align-items: center;
1245
+ gap: 8px;
1246
+ /* Inject the "Rows per page:" label text via ::before */
1059
1247
  }
1060
- .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
1061
- height: 16px;
1062
- width: 16px;
1248
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options::before {
1249
+ content: "Rows per page:";
1250
+ font-size: 13px;
1251
+ color: #6b7280;
1252
+ white-space: nowrap;
1063
1253
  }
1064
- .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
1065
- height: 20px;
1066
- width: 20px;
1254
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
1255
+ border-radius: 6px !important;
1256
+ border-color: #d1d5db !important;
1257
+ font-size: 13px;
1258
+ color: #374151;
1259
+ min-width: 64px;
1067
1260
  }
1068
- .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
1069
- height: 24px;
1070
- width: 24px;
1261
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-focused .ant-select-selector {
1262
+ border-color: #ec5d25 !important;
1263
+ box-shadow: 0 0 0 2px rgba(236, 93, 37, 0.15) !important;
1071
1264
  }
1072
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
1073
- border-color: #EC5D25;
1074
- background-color: #EC5D25;
1075
- }
1076
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
1077
- border-color: #B94710;
1078
- background-color: #B94710;
1265
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1266
+ /* Total text: "1–10 of 108 items" — centred */
1079
1267
  }
1080
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
1081
- outline: 2px solid #0A65E7;
1268
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-total-text {
1269
+ order: 0;
1270
+ font-size: 13px;
1271
+ color: #6b7280;
1272
+ flex: 1;
1273
+ text-align: center;
1082
1274
  }
1083
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
1084
- cursor: not-allowed;
1275
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1276
+ /* Page buttons group — far right */
1085
1277
  }
1086
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
1087
- border-color: #B6BAC3;
1088
- background-color: #B6BAC3;
1278
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev,
1279
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next,
1280
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item,
1281
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev,
1282
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next {
1283
+ order: 1;
1284
+ min-width: 32px;
1285
+ height: 32px;
1286
+ border-radius: 6px;
1287
+ border: 1px solid #e5e7eb;
1288
+ background: #fff;
1289
+ font-size: 13px;
1290
+ display: inline-flex;
1291
+ align-items: center;
1292
+ justify-content: center;
1293
+ margin: 0;
1294
+ transition: background 0.15s, border-color 0.15s, color 0.15s;
1089
1295
  }
1090
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
1091
- transform: scale(0.375);
1092
- background-color: #FFFFFF;
1296
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev a,
1297
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev button,
1298
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next a,
1299
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next button,
1300
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item a,
1301
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item button,
1302
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev a,
1303
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev button,
1304
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next a,
1305
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next button {
1306
+ color: #374151;
1307
+ font-size: 13px;
1308
+ display: flex;
1309
+ align-items: center;
1310
+ justify-content: center;
1093
1311
  }
1094
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
1095
- border-color: #B6BAC3;
1312
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev:hover:not(.ant-pagination-disabled),
1313
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next:hover:not(.ant-pagination-disabled),
1314
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item:hover:not(.ant-pagination-disabled),
1315
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev:hover:not(.ant-pagination-disabled),
1316
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next:hover:not(.ant-pagination-disabled) {
1317
+ border-color: #d1d5db;
1318
+ background: #f3f4f6;
1096
1319
  }
1097
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
1098
- border-color: #6B7280;
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
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item:hover:not(.ant-pagination-disabled) a,
1323
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev:hover:not(.ant-pagination-disabled) a,
1324
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next:hover:not(.ant-pagination-disabled) a {
1325
+ color: #374151;
1099
1326
  }
1100
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
1101
- outline: 2px solid #0A65E7;
1327
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1328
+ /* Active page button */
1102
1329
  }
1103
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
1104
- cursor: not-allowed;
1330
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active {
1331
+ border-color: #6B7280 !important;
1332
+ background: #fff;
1105
1333
  }
1106
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
1107
- border-color: #B6BAC3;
1108
- background-color: #F9FAFB;
1334
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active a {
1335
+ color: #374151 !important;
1336
+ font-weight: 600;
1109
1337
  }
1110
- .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
1111
- color: #363E4F;
1112
- font-weight: 400;
1113
- font-size: 0.875rem;
1114
- line-height: 20px;
1338
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1339
+ /* Ellipsis dots hover state */
1115
1340
  }
1116
- .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
1117
- color: #363E4F;
1118
- font-weight: 500;
1119
- font-size: 0.875rem;
1120
- line-height: 20px;
1341
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev .ant-pagination-item-ellipsis,
1342
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next .ant-pagination-item-ellipsis {
1343
+ color: #9ca3af !important;
1344
+ /* default grey dots */
1121
1345
  }
1122
-
1123
- /* src/atom/Switch/Switch.module.scss */
1124
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
1125
- height: 0.75rem;
1126
- min-width: 1.5rem
1346
+ .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,
1347
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-link-icon,
1348
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
1349
+ color: #000000 !important;
1127
1350
  }
1128
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
1129
- height: 0.5rem;
1130
- width: 0.5rem
1351
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1352
+ /* Disabled prev/next */
1131
1353
  }
1132
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
1133
- --tw-bg-opacity: 1;
1134
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1354
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-disabled {
1355
+ opacity: 0.4;
1356
+ cursor: not-allowed;
1135
1357
  }
1136
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
1137
- --tw-bg-opacity: 1;
1138
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1358
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1359
+ /* Responsive behavior */
1139
1360
  }
1140
-
1141
- /* src/atom/Button/Button.module.scss */
1142
- .Button-module__button___cLCyl {
1143
- display: flex;
1144
- align-items: center;
1145
- justify-content: center;
1146
- gap: 0.25rem;
1147
- border-radius: 0.5rem;
1361
+ @media (max-width: 640px) {
1362
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1363
+ justify-content: center;
1364
+ gap: 12px;
1365
+ }
1366
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options {
1367
+ width: 100%;
1368
+ justify-content: center;
1369
+ margin-inline-end: 0;
1370
+ order: 0;
1371
+ }
1372
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-total-text {
1373
+ width: 100%;
1374
+ order: -1;
1375
+ }
1148
1376
  }
1149
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
1150
- height: 56px;
1151
- padding-left: 1rem;
1152
- padding-right: 1rem;
1377
+ .Table-module__table___5d7g0.ant-table-wrapper {
1378
+ /* ---- Checkbox customisation ---- */
1153
1379
  }
1154
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
1155
- width: 56px;
1380
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner {
1381
+ background-color: #ec5d25 !important;
1382
+ border-color: #ec5d25 !important;
1156
1383
  }
1157
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
1158
- height: 40px;
1159
- padding-left: 0.75rem;
1160
- padding-right: 0.75rem;
1384
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
1385
+ inset-inline-start: 25% !important;
1161
1386
  }
1162
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
1163
- width: 40px;
1387
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner {
1388
+ border-color: #ec5d25 !important;
1164
1389
  }
1165
- .Button-module__button___cLCyl.Button-module__size_small___IUeei {
1166
- height: 32px;
1167
- padding-left: 0.5rem;
1168
- padding-right: 0.5rem;
1390
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1391
+ background-color: #ec5d25 !important;
1169
1392
  }
1170
- .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
1171
- width: 32px;
1393
+ .Table-module__table___5d7g0.ant-table-wrapper {
1394
+ /* Hover state border to orange */
1172
1395
  }
1173
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz- {
1174
- --tw-bg-opacity: 1;
1175
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1176
- border-width: 1px;
1177
- border-style: solid;
1178
- --tw-border-opacity: 1;
1179
- border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
1180
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1396
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1397
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1398
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1399
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1400
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1401
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
1402
+ border-color: #ec5d25 !important;
1181
1403
  }
1182
- .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 {
1183
- --tw-bg-opacity: 1;
1184
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1185
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1404
+ .Table-module__table___5d7g0.ant-table-wrapper {
1405
+ /* Active ripple effect/focus ring to orange */
1186
1406
  }
1187
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
1188
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1407
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked::after {
1408
+ border-color: #ec5d25 !important;
1189
1409
  }
1190
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd {
1191
- --tw-text-opacity: 1;
1192
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1410
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner {
1411
+ border-color: #ec5d25 !important;
1193
1412
  }
1194
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd:hover {
1195
- --tw-text-opacity: 1;
1196
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1413
+
1414
+ /* Global un-nested scope for Portals (Pagination Select Dropdown) */
1415
+ .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
1416
+ background-color: #FFF1E1 !important;
1417
+ color: #374151 !important;
1197
1418
  }
1198
- .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 {
1199
- --tw-text-opacity: 1;
1200
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1419
+
1420
+ /* ============================================================
1421
+ Variant modifiers
1422
+ ============================================================ */
1423
+ /* hover variant — rows tint on mouse-over */
1424
+ .Table-module__showHoverEffect___IyKyO .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:hover > td{
1425
+ --tw-bg-opacity: 1 !important;
1426
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
1201
1427
  }
1202
- .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 {
1203
- --tw-text-opacity: 1;
1204
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1428
+
1429
+ .Table-module__columnHeader___Unr6d {
1430
+ display: flex;
1431
+ align-items: center;
1432
+ justify-content: space-between;
1433
+ width: 100%;
1434
+ gap: 8px;
1205
1435
  }
1206
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__disabled___nwPn4 {
1207
- --tw-text-opacity: 1;
1208
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1436
+
1437
+ .Table-module__columnHeaderLeft___mp7pK {
1438
+ display: flex;
1439
+ align-items: center;
1440
+ gap: 4px;
1441
+ min-width: 0;
1442
+ flex: 1;
1209
1443
  }
1210
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA {
1211
- border-width: 1px;
1212
- border-style: solid;
1213
- --tw-bg-opacity: 1;
1214
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1215
- --tw-border-opacity: 1;
1216
- border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
1217
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1218
- }
1219
- .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 {
1220
- --tw-bg-opacity: 1;
1221
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1222
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1223
- }
1224
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:focus-visible {
1225
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1226
- }
1227
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd {
1228
- --tw-text-opacity: 1;
1229
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1230
- }
1231
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd:hover {
1232
- --tw-text-opacity: 1;
1233
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1234
- }
1235
- .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 {
1236
- --tw-text-opacity: 1;
1237
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1238
- }
1239
- .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 {
1240
- --tw-text-opacity: 1;
1241
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1242
- }
1243
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp {
1244
- border-width: 1px;
1245
- --tw-bg-opacity: 1;
1246
- background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1247
- border-style: solid;
1248
- --tw-border-opacity: 1;
1249
- border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
1250
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1251
- }
1252
- .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 {
1253
- --tw-bg-opacity: 1;
1254
- background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1255
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1256
- }
1257
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:focus-visible {
1258
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1259
- }
1260
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd {
1261
- --tw-text-opacity: 1;
1262
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1263
- }
1264
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd:hover {
1265
- --tw-text-opacity: 1;
1266
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1444
+
1445
+ /* Clickable sort area (label + sort arrow) */
1446
+ .Table-module__columnHeaderSortArea___jrIYo {
1447
+ display: inline-flex;
1448
+ align-items: center;
1449
+ gap: 6px;
1450
+ background: none;
1451
+ border: none;
1452
+ padding: 0;
1453
+ cursor: pointer;
1454
+ min-width: 0;
1267
1455
  }
1268
- .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 {
1269
- --tw-text-opacity: 1;
1270
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1456
+ .Table-module__columnHeaderSortArea___jrIYo:focus-visible {
1457
+ outline: 2px solid #ec5d25;
1458
+ outline-offset: 2px;
1459
+ border-radius: 3px;
1271
1460
  }
1272
- .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 {
1273
- --tw-text-opacity: 1;
1274
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1461
+
1462
+ .Table-module__columnHeaderLabel___A-mRu {
1463
+ white-space: nowrap;
1464
+ overflow: hidden;
1465
+ text-overflow: ellipsis;
1466
+ line-height: normal;
1467
+ text-transform: none !important;
1275
1468
  }
1276
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd {
1277
- --tw-bg-opacity: 1;
1278
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1279
- border-width: 1px;
1280
- border-style: solid;
1281
- --tw-border-opacity: 1;
1282
- border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1283
- box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
1469
+
1470
+ .Table-module__columnHeaderSortIcon___mWVZN {
1471
+ display: inline-flex;
1472
+ align-items: center;
1473
+ flex-shrink: 0;
1474
+ color: #d1d5db;
1475
+ /* muted when unsorted */
1476
+ line-height: 0;
1284
1477
  }
1285
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:hover {
1286
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1287
- --tw-border-opacity: 1;
1288
- border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1478
+ .Table-module__columnHeaderSortIcon___mWVZN.Table-module__columnHeaderSortIconActive___wHAqC {
1479
+ color: #374151;
1480
+ /* prominent when sort is applied */
1289
1481
  }
1290
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:focus-visible {
1291
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1482
+
1483
+ /* Filter icon button */
1484
+ .Table-module__columnHeaderFilterWrapper___DnSve {
1485
+ position: relative;
1486
+ flex-shrink: 0;
1292
1487
  }
1293
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia {
1294
- background-color: transparent;
1295
- border-width: 0px;
1296
- border-style: none;
1297
- box-shadow: none;
1488
+
1489
+ .Table-module__columnHeaderFilterBtn___NR7DY {
1490
+ display: inline-flex;
1491
+ align-items: center;
1492
+ gap: 3px;
1493
+ background: none;
1494
+ border: none;
1495
+ padding: 2px 3px;
1496
+ cursor: pointer;
1497
+ color: #9ca3af;
1498
+ line-height: 0;
1499
+ border-radius: 4px;
1500
+ transition: color 0.15s, background 0.15s;
1298
1501
  }
1299
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:hover {
1300
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1301
- border-style: none;
1302
- --tw-bg-opacity: 1;
1303
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1502
+ .Table-module__columnHeaderFilterBtn___NR7DY:hover {
1503
+ color: #6b7280;
1504
+ background: #f3f4f6;
1304
1505
  }
1305
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:active {
1306
- --tw-bg-opacity: 1;
1307
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
1506
+ .Table-module__columnHeaderFilterBtn___NR7DY:focus-visible {
1507
+ outline: 2px solid #ec5d25;
1508
+ outline-offset: 1px;
1308
1509
  }
1309
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
1310
- outline: 2px solid rgba(236, 93, 37, 0.2);
1510
+ .Table-module__columnHeaderFilterBtn___NR7DY.Table-module__columnHeaderFilterBtnActive___JdO11 {
1511
+ color: #ec5d25;
1512
+ /* brand red when filter is applied */
1311
1513
  }
1312
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9 {
1313
- background-color: transparent;
1314
- padding: 0px;
1315
- border-width: 0px;
1316
- border-style: none;
1317
- height: auto;
1318
- box-shadow: none;
1514
+
1515
+ .Table-module__columnHeaderFilterBadge___-Q2T2 {
1516
+ display: inline-flex;
1517
+ align-items: center;
1518
+ justify-content: center;
1519
+ min-width: 15px;
1520
+ height: 15px;
1521
+ padding: 0 4px;
1522
+ background: #ec5d25;
1523
+ color: #fff;
1524
+ font-size: 10px;
1525
+ font-weight: 600;
1526
+ border-radius: 8px;
1527
+ line-height: 1;
1319
1528
  }
1320
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
1321
- text-decoration: underline;
1529
+
1530
+ /* Dropdown that renders children from the consumer */
1531
+ .Table-module__columnHeaderFilterDropdown___M-fD4 {
1532
+ position: absolute;
1533
+ top: calc(100% + 6px);
1534
+ right: 0;
1535
+ z-index: 100;
1536
+ background: #fff;
1537
+ border: 1px solid #e5e7eb;
1538
+ border-radius: 8px;
1539
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
1540
+ min-width: 180px;
1322
1541
  }
1323
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover {
1324
- box-shadow: none;
1325
- border-style: none;
1326
- background-color: transparent;
1542
+
1543
+ /* src/atom/RangePicker/RangePicker.module.scss */
1544
+ .RangePicker-module__range_start___hGQp-::after {
1545
+ content: "";
1546
+ position: absolute;
1547
+ top: 50%;
1548
+ right: 0;
1549
+ transform: translateY(-50%);
1550
+ width: 50%;
1551
+ height: 36px;
1552
+ background-color: #f2efec; /* tw-bg-gray-200 equivalent */
1553
+ z-index: -1;
1327
1554
  }
1328
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
1329
- background-color: transparent;
1555
+
1556
+ .RangePicker-module__range_end___JJNib::before {
1557
+ content: "";
1558
+ position: absolute;
1559
+ top: 50%;
1560
+ left: 0;
1561
+ transform: translateY(-50%);
1562
+ width: 52%;
1563
+ height: 36px;
1564
+ background-color: #f2efec; /* tw-bg-gray-200 equivalent */
1565
+ z-index: -1;
1330
1566
  }
1331
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
1332
- outline: none;
1567
+
1568
+ /* src/atom/LoadingSpinner/LoadingSpinner.module.scss */
1569
+ .LoadingSpinner-module__spinnerContainer___DiPLf {
1570
+ display: flex;
1571
+ justify-content: center;
1572
+ align-items: center;
1573
+ height: 100%;
1574
+ margin-top: 2rem;
1575
+ margin-bottom: 2rem;
1333
1576
  }
1334
1577
 
1335
1578
  /* src/molecules/UserProfile/UserProfile.module.scss */
@@ -1347,497 +1590,279 @@
1347
1590
  align-items: center;
1348
1591
  gap: 0.5rem
1349
1592
  }
1350
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1351
- margin: 0px
1352
- }
1353
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1354
- margin: 0px;
1355
- margin-top: 0.125rem
1356
- }
1357
-
1358
- /* src/atom/Table/Table.module.scss */
1359
- @charset "UTF-8";
1360
- /* ============================================================
1361
- Outer wrapper — the rounded gray card that contains the table
1362
- ============================================================ */
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;
1372
- }
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;
1378
- }
1379
-
1380
- /* ============================================================
1381
- AntD Table overrides
1382
- ============================================================ */
1383
- .Table-module__table___5d7g0.ant-table-wrapper {
1384
- padding: 4px;
1385
- background: #F1F3F5;
1386
- }
1387
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table{
1388
- background-color: transparent;
1389
- font-size: 0.875rem;
1390
- line-height: 1.25rem;
1391
- }
1392
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-container {
1393
- /* Lift the white body card off the gray wrapper */
1394
- filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.06));
1395
- }
1396
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1397
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1398
- background: transparent !important;
1399
- --tw-text-opacity: 1 !important;
1400
- color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
1401
- font-weight: 500 !important;
1402
- font-size: 0.688rem !important;
1403
- line-height: 14px !important;
1404
- padding-left: 1.5rem !important;
1405
- padding-right: 1.5rem !important;
1406
- padding-bottom: 1rem !important;
1407
- padding-top: 0.75rem !important;
1408
- border-bottom: none !important;
1409
- }
1410
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th::before,
1411
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td::before {
1412
- display: none !important;
1413
- }
1414
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1415
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1416
- /* Fixed columns need a solid background to prevent overlapping */
1417
- }
1418
- .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,
1419
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td.ant-table-cell-fix-left,
1420
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td.ant-table-cell-fix-right {
1421
- background: #F1F3F5 !important;
1422
- z-index: 2 !important;
1423
- }
1424
- .Table-module__table___5d7g0.ant-table-wrapper {
1425
- /* ---- Force Fix Column Shadow Always Visible ---- */
1426
- }
1427
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-cell-fix-left-last::after {
1428
- position: absolute;
1429
- top: 0;
1430
- right: 0;
1431
- bottom: -1px;
1432
- width: 40px;
1433
- transform: translateX(100%);
1434
- transition: box-shadow 0.3s;
1435
- content: "";
1436
- pointer-events: none;
1437
- /* Large, soft shadow extending right */
1438
- box-shadow: inset 20px 0 20px -20px rgba(0, 0, 0, 0.15) !important;
1439
- opacity: 1 !important;
1440
- }
1441
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-cell-fix-right-first::after {
1442
- position: absolute;
1443
- top: 0;
1444
- bottom: -1px;
1445
- left: 0;
1446
- width: 40px;
1447
- transform: translateX(-100%);
1448
- transition: box-shadow 0.3s;
1449
- content: "";
1450
- pointer-events: none;
1451
- /* Large, soft shadow extending left */
1452
- box-shadow: inset -20px 0 20px -20px rgba(0, 0, 0, 0.15) !important;
1453
- opacity: 1 !important;
1454
- }
1455
- .Table-module__table___5d7g0.ant-table-wrapper {
1456
- /* ---- Body cells ---- */
1457
- }
1458
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td{
1459
- padding-left: 1.5rem;
1460
- padding-right: 1.5rem;
1461
- padding-top: 1rem;
1462
- padding-bottom: 1rem;
1463
- --tw-bg-opacity: 1 !important;
1464
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
1465
- --tw-text-opacity: 1 !important;
1466
- color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
1467
- font-weight: 400 !important;
1468
- font-size: 0.75rem !important;
1469
- line-height: 16px !important;
1470
- border-bottom: none !important;
1471
- }
1472
- .Table-module__table___5d7g0.ant-table-wrapper {
1473
- /* Round the four corners of the white body card */
1474
- }
1475
- .Table-module__table___5d7g0.ant-table-wrapper .Table-module__firstRow___Xq-Hi > td:first-child {
1476
- border-top-left-radius: 12px !important;
1477
- }
1478
- .Table-module__table___5d7g0.ant-table-wrapper .Table-module__firstRow___Xq-Hi > td:last-child {
1479
- border-top-right-radius: 12px !important;
1480
- }
1481
- .Table-module__table___5d7g0.ant-table-wrapper .Table-module__lastRow___ahv4g > td:first-child {
1482
- border-bottom-left-radius: 12px !important;
1483
- }
1484
- .Table-module__table___5d7g0.ant-table-wrapper .Table-module__lastRow___ahv4g > td:last-child {
1485
- border-bottom-right-radius: 12px !important;
1486
- }
1487
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:first-child > td:first-child {
1488
- border-top-left-radius: 12px;
1489
- }
1490
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:first-child > td:last-child {
1491
- border-top-right-radius: 12px;
1492
- }
1493
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:last-child > td:first-child {
1494
- border-bottom-left-radius: 12px;
1495
- }
1496
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:last-child > td:last-child {
1497
- border-bottom-right-radius: 12px;
1498
- }
1499
- .Table-module__table___5d7g0.ant-table-wrapper {
1500
- /* ---- Loading & Empty State ---- */
1501
- }
1502
- .Table-module__table___5d7g0.ant-table-wrapper .ant-spin-nested-loading .ant-spin .ant-spin-dot-item {
1503
- background-color: #9ca3af !important;
1504
- }
1505
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-placeholder .ant-table-cell {
1506
- background: #F1F3F5 !important;
1507
- border-bottom: none !important;
1508
- padding: 48px 24px !important;
1509
- text-align: center !important;
1510
- min-height: 300px;
1511
- }
1512
- .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 {
1513
- background: #F1F3F5 !important;
1514
- }
1515
- .Table-module__table___5d7g0.ant-table-wrapper {
1516
- /* ---- Hover effect (controlled separately via .showHoverEffect) ---- */
1593
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1594
+ margin: 0px
1517
1595
  }
1518
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:hover > td{
1519
- --tw-bg-opacity: 1;
1520
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1521
- /* default: no visual hover change */
1596
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1597
+ margin: 0px;
1598
+ margin-top: 0.125rem
1522
1599
  }
1523
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1600
+
1601
+ /* src/atom/Modal/Modal.module.scss */
1602
+ .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
1603
+ margin-top: 0;
1604
+ margin-top: 0px;
1605
+ }
1606
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
1607
+ padding: 24px;
1608
+ padding: 1.5rem;
1524
1609
  display: flex;
1525
- align-items: center;
1526
- justify-content: space-between;
1527
- flex-wrap: wrap;
1528
- gap: 8px;
1529
- padding-left: 1.5rem;
1530
- padding-right: 1.5rem;
1531
- padding-top: 1rem;
1532
- padding-bottom: 1rem;
1533
- background: #ffffff;
1534
- border-radius: 12px;
1535
- margin: 8px 4px 4px 4px !important;
1536
- filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.06));
1537
- /* AntD re-orders items; we use order to match design layout */
1610
+ justify-content: flex-end;
1538
1611
  }
1539
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options {
1540
- order: -1;
1541
- /* "Rows per page" on the far left */
1542
- margin-inline-end: auto;
1612
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
1613
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
1614
+ min-width: 92px;
1615
+ }
1616
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
1617
+ padding: 24px;
1618
+ padding: 1.5rem;
1619
+ padding-top: 0px;
1543
1620
  display: flex;
1544
- align-items: center;
1545
- gap: 8px;
1546
- /* Inject the "Rows per page:" label text via ::before */
1621
+ justify-content: flex-end;
1547
1622
  }
1548
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options::before {
1549
- content: "Rows per page:";
1550
- font-size: 13px;
1551
- color: #6b7280;
1552
- white-space: nowrap;
1623
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
1624
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
1625
+ width: 50%;
1553
1626
  }
1554
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
1555
- border-radius: 6px !important;
1556
- border-color: #d1d5db !important;
1557
- font-size: 13px;
1558
- color: #374151;
1559
- min-width: 64px;
1627
+ .Modal-module__modal___PKrAi .ant-modal-content {
1628
+ padding: 0;
1629
+ border-radius: 0.75rem;
1630
+ padding: 0px;
1560
1631
  }
1561
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-focused .ant-select-selector {
1562
- border-color: #ec5d25 !important;
1563
- box-shadow: 0 0 0 2px rgba(236, 93, 37, 0.15) !important;
1632
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1633
+ margin-bottom: 0px;
1634
+ padding: 1rem;
1564
1635
  }
1565
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1566
- /* Total text: "1–10 of 108 items" — centred */
1636
+ @media (min-width: 576px) {
1637
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1638
+ padding: 1.5rem;
1639
+ }
1567
1640
  }
1568
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-total-text {
1569
- order: 0;
1570
- font-size: 13px;
1571
- color: #6b7280;
1572
- flex: 1;
1573
- text-align: center;
1641
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
1642
+ justify-content: flex-start;
1643
+ padding-right: 1.25rem;
1644
+ font-size: 1.25rem;
1645
+ font-weight: 500;
1646
+ line-height: 1.75rem;
1647
+ --tw-text-opacity: 1;
1648
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1574
1649
  }
1575
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1576
- /* Page buttons group — far right */
1650
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1651
+ display: flex;
1652
+ align-items: flex-end;
1653
+ justify-content: center;
1577
1654
  }
1578
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev,
1579
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next,
1580
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item,
1581
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev,
1582
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next {
1583
- order: 1;
1584
- min-width: 32px;
1585
- height: 32px;
1586
- border-radius: 6px;
1587
- border: 1px solid #e5e7eb;
1588
- background: #fff;
1589
- font-size: 13px;
1590
- display: inline-flex;
1655
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1656
+ display: flex;
1591
1657
  align-items: center;
1592
1658
  justify-content: center;
1593
- margin: 0;
1594
- transition: background 0.15s, border-color 0.15s, color 0.15s;
1595
1659
  }
1596
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev a,
1597
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev button,
1598
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next a,
1599
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next button,
1600
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item a,
1601
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item button,
1602
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev a,
1603
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev button,
1604
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next a,
1605
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next button {
1606
- color: #374151;
1607
- font-size: 13px;
1660
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1661
+ padding: 0 1.5rem 1.5rem;
1662
+ max-height: 65vh;
1663
+ overflow: auto;
1664
+ }
1665
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1666
+ top: 1.5rem;
1667
+ right: 1.5rem;
1668
+ padding-bottom: 0.25rem;
1669
+ }
1670
+ .Modal-module__modal___PKrAi .ant-btn-primary {
1671
+ margin-inline-start: 0.5rem;
1672
+ }
1673
+
1674
+ /* src/atom/Button/Button.module.scss */
1675
+ .Button-module__button___cLCyl {
1608
1676
  display: flex;
1609
1677
  align-items: center;
1610
1678
  justify-content: center;
1679
+ gap: 0.25rem;
1680
+ border-radius: 0.5rem;
1611
1681
  }
1612
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev:hover:not(.ant-pagination-disabled),
1613
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next:hover:not(.ant-pagination-disabled),
1614
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item:hover:not(.ant-pagination-disabled),
1615
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev:hover:not(.ant-pagination-disabled),
1616
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next:hover:not(.ant-pagination-disabled) {
1617
- border-color: #d1d5db;
1618
- background: #f3f4f6;
1682
+ .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
1683
+ height: 56px;
1684
+ padding-left: 1rem;
1685
+ padding-right: 1rem;
1619
1686
  }
1620
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-prev:hover:not(.ant-pagination-disabled) a,
1621
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-next:hover:not(.ant-pagination-disabled) a,
1622
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item:hover:not(.ant-pagination-disabled) a,
1623
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev:hover:not(.ant-pagination-disabled) a,
1624
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next:hover:not(.ant-pagination-disabled) a {
1625
- color: #374151;
1687
+ .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
1688
+ width: 56px;
1626
1689
  }
1627
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1628
- /* Active page button */
1690
+ .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
1691
+ height: 40px;
1692
+ padding-left: 0.75rem;
1693
+ padding-right: 0.75rem;
1629
1694
  }
1630
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active {
1631
- border-color: #6B7280 !important;
1632
- background: #fff;
1695
+ .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
1696
+ width: 40px;
1633
1697
  }
1634
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active a {
1635
- color: #374151 !important;
1636
- font-weight: 600;
1698
+ .Button-module__button___cLCyl.Button-module__size_small___IUeei {
1699
+ height: 32px;
1700
+ padding-left: 0.5rem;
1701
+ padding-right: 0.5rem;
1637
1702
  }
1638
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1639
- /* Ellipsis dots hover state */
1703
+ .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
1704
+ width: 32px;
1640
1705
  }
1641
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-prev .ant-pagination-item-ellipsis,
1642
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next .ant-pagination-item-ellipsis {
1643
- color: #9ca3af !important;
1644
- /* default grey dots */
1706
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz- {
1707
+ --tw-bg-opacity: 1;
1708
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1709
+ border-width: 1px;
1710
+ border-style: solid;
1711
+ --tw-border-opacity: 1;
1712
+ border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
1713
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1645
1714
  }
1646
- .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,
1647
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-link-icon,
1648
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
1649
- color: #000000 !important;
1715
+ .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 {
1716
+ --tw-bg-opacity: 1;
1717
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1718
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1650
1719
  }
1651
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1652
- /* Disabled prev/next */
1720
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
1721
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1653
1722
  }
1654
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-disabled {
1655
- opacity: 0.4;
1656
- cursor: not-allowed;
1723
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd {
1724
+ --tw-text-opacity: 1;
1725
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1657
1726
  }
1658
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1659
- /* Responsive behavior */
1727
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd:hover {
1728
+ --tw-text-opacity: 1;
1729
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1660
1730
  }
1661
- @media (max-width: 640px) {
1662
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1663
- justify-content: center;
1664
- gap: 12px;
1665
- }
1666
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options {
1667
- width: 100%;
1668
- justify-content: center;
1669
- margin-inline-end: 0;
1670
- order: 0;
1671
- }
1672
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-total-text {
1673
- width: 100%;
1674
- order: -1;
1675
- }
1731
+ .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 {
1732
+ --tw-text-opacity: 1;
1733
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1676
1734
  }
1677
- .Table-module__table___5d7g0.ant-table-wrapper {
1678
- /* ---- Checkbox customisation ---- */
1735
+ .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 {
1736
+ --tw-text-opacity: 1;
1737
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1738
+ }
1739
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__disabled___nwPn4 {
1740
+ --tw-text-opacity: 1;
1741
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1742
+ }
1743
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA {
1744
+ border-width: 1px;
1745
+ border-style: solid;
1746
+ --tw-bg-opacity: 1;
1747
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1748
+ --tw-border-opacity: 1;
1749
+ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
1750
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1679
1751
  }
1680
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner {
1681
- background-color: #ec5d25 !important;
1682
- border-color: #ec5d25 !important;
1752
+ .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 {
1753
+ --tw-bg-opacity: 1;
1754
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1755
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1683
1756
  }
1684
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
1685
- inset-inline-start: 25% !important;
1757
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:focus-visible {
1758
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1686
1759
  }
1687
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner {
1688
- border-color: #ec5d25 !important;
1760
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd {
1761
+ --tw-text-opacity: 1;
1762
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1689
1763
  }
1690
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1691
- background-color: #ec5d25 !important;
1764
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd:hover {
1765
+ --tw-text-opacity: 1;
1766
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1692
1767
  }
1693
- .Table-module__table___5d7g0.ant-table-wrapper {
1694
- /* Hover state border to orange */
1768
+ .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 {
1769
+ --tw-text-opacity: 1;
1770
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1695
1771
  }
1696
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1697
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1698
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1699
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1700
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1701
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
1702
- border-color: #ec5d25 !important;
1772
+ .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 {
1773
+ --tw-text-opacity: 1;
1774
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1703
1775
  }
1704
- .Table-module__table___5d7g0.ant-table-wrapper {
1705
- /* Active ripple effect/focus ring to orange */
1776
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp {
1777
+ border-width: 1px;
1778
+ --tw-bg-opacity: 1;
1779
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1780
+ border-style: solid;
1781
+ --tw-border-opacity: 1;
1782
+ border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
1783
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1706
1784
  }
1707
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked::after {
1708
- border-color: #ec5d25 !important;
1785
+ .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 {
1786
+ --tw-bg-opacity: 1;
1787
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1788
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1709
1789
  }
1710
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner {
1711
- border-color: #ec5d25 !important;
1790
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:focus-visible {
1791
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1712
1792
  }
1713
-
1714
- /* Global un-nested scope for Portals (Pagination Select Dropdown) */
1715
- .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
1716
- background-color: #FFF1E1 !important;
1717
- color: #374151 !important;
1793
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd {
1794
+ --tw-text-opacity: 1;
1795
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1718
1796
  }
1719
-
1720
- /* ============================================================
1721
- Variant modifiers
1722
- ============================================================ */
1723
- /* hover variant — rows tint on mouse-over */
1724
- .Table-module__showHoverEffect___IyKyO .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:hover > td{
1725
- --tw-bg-opacity: 1 !important;
1726
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
1797
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd:hover {
1798
+ --tw-text-opacity: 1;
1799
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1727
1800
  }
1728
-
1729
- .Table-module__columnHeader___Unr6d {
1730
- display: flex;
1731
- align-items: center;
1732
- justify-content: space-between;
1733
- width: 100%;
1734
- gap: 8px;
1801
+ .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 {
1802
+ --tw-text-opacity: 1;
1803
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1735
1804
  }
1736
-
1737
- .Table-module__columnHeaderLeft___mp7pK {
1738
- display: flex;
1739
- align-items: center;
1740
- gap: 4px;
1741
- min-width: 0;
1742
- flex: 1;
1805
+ .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 {
1806
+ --tw-text-opacity: 1;
1807
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1743
1808
  }
1744
-
1745
- /* Clickable sort area (label + sort arrow) */
1746
- .Table-module__columnHeaderSortArea___jrIYo {
1747
- display: inline-flex;
1748
- align-items: center;
1749
- gap: 6px;
1750
- background: none;
1751
- border: none;
1752
- padding: 0;
1753
- cursor: pointer;
1754
- min-width: 0;
1809
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd {
1810
+ --tw-bg-opacity: 1;
1811
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1812
+ border-width: 1px;
1813
+ border-style: solid;
1814
+ --tw-border-opacity: 1;
1815
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1816
+ box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
1755
1817
  }
1756
- .Table-module__columnHeaderSortArea___jrIYo:focus-visible {
1757
- outline: 2px solid #ec5d25;
1758
- outline-offset: 2px;
1759
- border-radius: 3px;
1818
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:hover {
1819
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1820
+ --tw-border-opacity: 1;
1821
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1760
1822
  }
1761
-
1762
- .Table-module__columnHeaderLabel___A-mRu {
1763
- white-space: nowrap;
1764
- overflow: hidden;
1765
- text-overflow: ellipsis;
1766
- line-height: normal;
1767
- text-transform: none !important;
1823
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:focus-visible {
1824
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1768
1825
  }
1769
-
1770
- .Table-module__columnHeaderSortIcon___mWVZN {
1771
- display: inline-flex;
1772
- align-items: center;
1773
- flex-shrink: 0;
1774
- color: #d1d5db;
1775
- /* muted when unsorted */
1776
- line-height: 0;
1826
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia {
1827
+ background-color: transparent;
1828
+ border-width: 0px;
1829
+ border-style: none;
1830
+ box-shadow: none;
1777
1831
  }
1778
- .Table-module__columnHeaderSortIcon___mWVZN.Table-module__columnHeaderSortIconActive___wHAqC {
1779
- color: #374151;
1780
- /* prominent when sort is applied */
1832
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:hover {
1833
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1834
+ border-style: none;
1835
+ --tw-bg-opacity: 1;
1836
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1781
1837
  }
1782
-
1783
- /* Filter icon button */
1784
- .Table-module__columnHeaderFilterWrapper___DnSve {
1785
- position: relative;
1786
- flex-shrink: 0;
1838
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:active {
1839
+ --tw-bg-opacity: 1;
1840
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
1787
1841
  }
1788
-
1789
- .Table-module__columnHeaderFilterBtn___NR7DY {
1790
- display: inline-flex;
1791
- align-items: center;
1792
- gap: 3px;
1793
- background: none;
1794
- border: none;
1795
- padding: 2px 3px;
1796
- cursor: pointer;
1797
- color: #9ca3af;
1798
- line-height: 0;
1799
- border-radius: 4px;
1800
- transition: color 0.15s, background 0.15s;
1842
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
1843
+ outline: 2px solid rgba(236, 93, 37, 0.2);
1801
1844
  }
1802
- .Table-module__columnHeaderFilterBtn___NR7DY:hover {
1803
- color: #6b7280;
1804
- background: #f3f4f6;
1845
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9 {
1846
+ background-color: transparent;
1847
+ padding: 0px;
1848
+ border-width: 0px;
1849
+ border-style: none;
1850
+ height: auto;
1851
+ box-shadow: none;
1805
1852
  }
1806
- .Table-module__columnHeaderFilterBtn___NR7DY:focus-visible {
1807
- outline: 2px solid #ec5d25;
1808
- outline-offset: 1px;
1853
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
1854
+ text-decoration: underline;
1809
1855
  }
1810
- .Table-module__columnHeaderFilterBtn___NR7DY.Table-module__columnHeaderFilterBtnActive___JdO11 {
1811
- color: #ec5d25;
1812
- /* brand red when filter is applied */
1856
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover {
1857
+ box-shadow: none;
1858
+ border-style: none;
1859
+ background-color: transparent;
1813
1860
  }
1814
-
1815
- .Table-module__columnHeaderFilterBadge___-Q2T2 {
1816
- display: inline-flex;
1817
- align-items: center;
1818
- justify-content: center;
1819
- min-width: 15px;
1820
- height: 15px;
1821
- padding: 0 4px;
1822
- background: #ec5d25;
1823
- color: #fff;
1824
- font-size: 10px;
1825
- font-weight: 600;
1826
- border-radius: 8px;
1827
- line-height: 1;
1861
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
1862
+ background-color: transparent;
1828
1863
  }
1829
-
1830
- /* Dropdown that renders children from the consumer */
1831
- .Table-module__columnHeaderFilterDropdown___M-fD4 {
1832
- position: absolute;
1833
- top: calc(100% + 6px);
1834
- right: 0;
1835
- z-index: 100;
1836
- background: #fff;
1837
- border: 1px solid #e5e7eb;
1838
- border-radius: 8px;
1839
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
1840
- min-width: 180px;
1864
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
1865
+ outline: none;
1841
1866
  }
1842
1867
 
1843
1868
  /* src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.module.scss */
@@ -2157,7 +2182,7 @@
2157
2182
  }
2158
2183
 
2159
2184
  .AdvancedDateRangePicker-module__dateInput___0t9ww {
2160
- width: 82px;
2185
+ width: 90px;
2161
2186
  height: 24px;
2162
2187
  box-sizing: border-box;
2163
2188
  display: flex;
@@ -2312,29 +2337,4 @@
2312
2337
  width: 100%;
2313
2338
  padding: 14px;
2314
2339
  }
2315
- }
2316
-
2317
- /* src/atom/RangePicker/RangePicker.module.scss */
2318
- .RangePicker-module__range_start___hGQp-::after {
2319
- content: "";
2320
- position: absolute;
2321
- top: 50%;
2322
- right: 0;
2323
- transform: translateY(-50%);
2324
- width: 50%;
2325
- height: 36px;
2326
- background-color: #f2efec; /* tw-bg-gray-200 equivalent */
2327
- z-index: -1;
2328
- }
2329
-
2330
- .RangePicker-module__range_end___JJNib::before {
2331
- content: "";
2332
- position: absolute;
2333
- top: 50%;
2334
- left: 0;
2335
- transform: translateY(-50%);
2336
- width: 52%;
2337
- height: 36px;
2338
- background-color: #f2efec; /* tw-bg-gray-200 equivalent */
2339
- z-index: -1;
2340
2340
  }