@itilite/lumina-ui 1.0.4-alpha → 1.0.5-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,110 +762,6 @@
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
-
869
765
  /* src/atom/Tooltip/Tooltip.module.scss */
870
766
  .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
871
767
  background-color: white !important;
@@ -897,66 +793,6 @@
897
793
  background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
898
794
  }
899
795
 
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
-
960
796
  /* src/atom/Checkbox/Checkbox.module.scss */
961
797
  .Checkbox-module__checkbox___xxg5L {
962
798
  display: flex;
@@ -1055,524 +891,372 @@
1055
891
  background: white;
1056
892
  }
1057
893
 
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;
1072
- }
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;
894
+ /* src/atom/Slider/Slider.module.scss */
895
+ .Slider-module__label___9Uea- {
896
+ font-size: 13px;
897
+ line-height: 18px;
898
+ --tw-text-opacity: 1;
899
+ color: rgb(54 62 79 / var(--tw-text-opacity, 1));
1078
900
  }
1079
901
 
1080
- /* ============================================================
1081
- AntD Table overrides
1082
- ============================================================ */
1083
- .Table-module__table___5d7g0.ant-table-wrapper {
1084
- padding: 4px;
1085
- background: #F1F3F5;
1086
- }
1087
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table{
1088
- background-color: transparent;
1089
- font-size: 0.875rem;
1090
- line-height: 1.25rem;
902
+ .Slider-module__slider___JCS-c.ant-slider {
903
+ margin-left: 0px;
904
+ margin-right: 0px;
1091
905
  }
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));
906
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
907
+ box-shadow: 0 0 0 2px #ec5d25;
908
+ transform: scale(1.25);
1095
909
  }
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;
910
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
911
+ content: unset;
1109
912
  }
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;
913
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
914
+ inset-inline-start: -1px;
915
+ inset-block-start: -1px;
1113
916
  }
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 */
917
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
918
+ --tw-bg-opacity: 1;
919
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
920
+ height: 2px;
1117
921
  }
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;
922
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
923
+ background-color: transparent;
1123
924
  }
1124
- .Table-module__table___5d7g0.ant-table-wrapper {
1125
- /* ---- Force Fix Column Shadow Always Visible ---- */
925
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
926
+ --tw-bg-opacity: 1;
927
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1126
928
  }
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;
929
+
930
+ /* src/atom/LoadingSpinner/LoadingSpinner.module.scss */
931
+ .LoadingSpinner-module__spinnerContainer___DiPLf {
932
+ display: flex;
933
+ justify-content: center;
934
+ align-items: center;
935
+ height: 100%;
936
+ margin-top: 2rem;
937
+ margin-bottom: 2rem;
1140
938
  }
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;
939
+
940
+ /* src/atom/Button/Button.module.scss */
941
+ .Button-module__button___cLCyl {
942
+ display: flex;
943
+ align-items: center;
944
+ justify-content: center;
945
+ gap: 0.25rem;
946
+ border-radius: 0.5rem;
947
+ }
948
+ .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
949
+ height: 56px;
950
+ padding-left: 1rem;
951
+ padding-right: 1rem;
952
+ }
953
+ .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
954
+ width: 56px;
955
+ }
956
+ .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
957
+ height: 40px;
958
+ padding-left: 0.75rem;
959
+ padding-right: 0.75rem;
960
+ }
961
+ .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
1146
962
  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;
1154
963
  }
1155
- .Table-module__table___5d7g0.ant-table-wrapper {
1156
- /* ---- Body cells ---- */
964
+ .Button-module__button___cLCyl.Button-module__size_small___IUeei {
965
+ height: 32px;
966
+ padding-left: 0.5rem;
967
+ padding-right: 0.5rem;
1157
968
  }
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;
969
+ .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
970
+ width: 32px;
1171
971
  }
1172
- .Table-module__table___5d7g0.ant-table-wrapper {
1173
- /* Round the four corners of the white body card */
972
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz- {
973
+ --tw-bg-opacity: 1;
974
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
975
+ border-width: 1px;
976
+ border-style: solid;
977
+ --tw-border-opacity: 1;
978
+ border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
979
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1174
980
  }
1175
- .Table-module__table___5d7g0.ant-table-wrapper .Table-module__firstRow___Xq-Hi > td:first-child {
1176
- border-top-left-radius: 12px !important;
981
+ .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 {
982
+ --tw-bg-opacity: 1;
983
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
984
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1177
985
  }
1178
- .Table-module__table___5d7g0.ant-table-wrapper .Table-module__firstRow___Xq-Hi > td:last-child {
1179
- border-top-right-radius: 12px !important;
986
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
987
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1180
988
  }
1181
- .Table-module__table___5d7g0.ant-table-wrapper .Table-module__lastRow___ahv4g > td:first-child {
1182
- border-bottom-left-radius: 12px !important;
989
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd {
990
+ --tw-text-opacity: 1;
991
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1183
992
  }
1184
- .Table-module__table___5d7g0.ant-table-wrapper .Table-module__lastRow___ahv4g > td:last-child {
1185
- border-bottom-right-radius: 12px !important;
993
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd:hover {
994
+ --tw-text-opacity: 1;
995
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1186
996
  }
1187
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:first-child > td:first-child {
1188
- border-top-left-radius: 12px;
997
+ .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 {
998
+ --tw-text-opacity: 1;
999
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1189
1000
  }
1190
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:first-child > td:last-child {
1191
- border-top-right-radius: 12px;
1001
+ .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 {
1002
+ --tw-text-opacity: 1;
1003
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1192
1004
  }
1193
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:last-child > td:first-child {
1194
- border-bottom-left-radius: 12px;
1005
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__disabled___nwPn4 {
1006
+ --tw-text-opacity: 1;
1007
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1195
1008
  }
1196
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:last-child > td:last-child {
1197
- border-bottom-right-radius: 12px;
1009
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA {
1010
+ border-width: 1px;
1011
+ border-style: solid;
1012
+ --tw-bg-opacity: 1;
1013
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1014
+ --tw-border-opacity: 1;
1015
+ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
1016
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1198
1017
  }
1199
- .Table-module__table___5d7g0.ant-table-wrapper {
1200
- /* ---- Loading & Empty State ---- */
1018
+ .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 {
1019
+ --tw-bg-opacity: 1;
1020
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1021
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1201
1022
  }
1202
- .Table-module__table___5d7g0.ant-table-wrapper .ant-spin-nested-loading .ant-spin .ant-spin-dot-item {
1203
- background-color: #9ca3af !important;
1023
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:focus-visible {
1024
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1204
1025
  }
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;
1026
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd {
1027
+ --tw-text-opacity: 1;
1028
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1211
1029
  }
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;
1030
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd:hover {
1031
+ --tw-text-opacity: 1;
1032
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1214
1033
  }
1215
- .Table-module__table___5d7g0.ant-table-wrapper {
1216
- /* ---- Hover effect (controlled separately via .showHoverEffect) ---- */
1034
+ .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 {
1035
+ --tw-text-opacity: 1;
1036
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1217
1037
  }
1218
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:hover > td{
1038
+ .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 {
1039
+ --tw-text-opacity: 1;
1040
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1041
+ }
1042
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp {
1043
+ border-width: 1px;
1219
1044
  --tw-bg-opacity: 1;
1220
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1221
- /* default: no visual hover change */
1045
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1046
+ border-style: solid;
1047
+ --tw-border-opacity: 1;
1048
+ border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
1049
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1222
1050
  }
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 */
1051
+ .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 {
1052
+ --tw-bg-opacity: 1;
1053
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1054
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1238
1055
  }
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;
1243
- display: flex;
1244
- align-items: center;
1245
- gap: 8px;
1246
- /* Inject the "Rows per page:" label text via ::before */
1056
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:focus-visible {
1057
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1247
1058
  }
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;
1059
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd {
1060
+ --tw-text-opacity: 1;
1061
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1253
1062
  }
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;
1063
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd:hover {
1064
+ --tw-text-opacity: 1;
1065
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1260
1066
  }
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;
1067
+ .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 {
1068
+ --tw-text-opacity: 1;
1069
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1264
1070
  }
1265
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1266
- /* Total text: "1–10 of 108 items" — centred */
1071
+ .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 {
1072
+ --tw-text-opacity: 1;
1073
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1267
1074
  }
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;
1075
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd {
1076
+ --tw-bg-opacity: 1;
1077
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1078
+ border-width: 1px;
1079
+ border-style: solid;
1080
+ --tw-border-opacity: 1;
1081
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1082
+ box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
1274
1083
  }
1275
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1276
- /* Page buttons group far right */
1084
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:hover {
1085
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1086
+ --tw-border-opacity: 1;
1087
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1277
1088
  }
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;
1295
- }
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;
1311
- }
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;
1319
- }
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;
1326
- }
1327
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1328
- /* Active page button */
1329
- }
1330
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active {
1331
- border-color: #6B7280 !important;
1332
- background: #fff;
1333
- }
1334
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active a {
1335
- color: #374151 !important;
1336
- font-weight: 600;
1089
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:focus-visible {
1090
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1337
1091
  }
1338
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1339
- /* Ellipsis dots hover state */
1092
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia {
1093
+ background-color: transparent;
1094
+ border-width: 0px;
1095
+ border-style: none;
1096
+ box-shadow: none;
1340
1097
  }
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 */
1098
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:hover {
1099
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1100
+ border-style: none;
1101
+ --tw-bg-opacity: 1;
1102
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1345
1103
  }
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;
1104
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:active {
1105
+ --tw-bg-opacity: 1;
1106
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
1350
1107
  }
1351
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1352
- /* Disabled prev/next */
1108
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
1109
+ outline: 2px solid rgba(236, 93, 37, 0.2);
1353
1110
  }
1354
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-disabled {
1355
- opacity: 0.4;
1356
- cursor: not-allowed;
1111
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9 {
1112
+ background-color: transparent;
1113
+ padding: 0px;
1114
+ border-width: 0px;
1115
+ border-style: none;
1116
+ height: auto;
1117
+ box-shadow: none;
1357
1118
  }
1358
- .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1359
- /* Responsive behavior */
1119
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
1120
+ text-decoration: underline;
1360
1121
  }
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
- }
1122
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover {
1123
+ box-shadow: none;
1124
+ border-style: none;
1125
+ background-color: transparent;
1376
1126
  }
1377
- .Table-module__table___5d7g0.ant-table-wrapper {
1378
- /* ---- Checkbox customisation ---- */
1127
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
1128
+ background-color: transparent;
1379
1129
  }
1380
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner {
1381
- background-color: #ec5d25 !important;
1382
- border-color: #ec5d25 !important;
1130
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
1131
+ outline: none;
1383
1132
  }
1384
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
1385
- inset-inline-start: 25% !important;
1133
+
1134
+ /* src/atom/Radio/Radio.module.scss */
1135
+ .Radio-module__radio___1CPAk {
1136
+ display: flex;
1137
+ align-items: center;
1386
1138
  }
1387
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner {
1388
- border-color: #ec5d25 !important;
1139
+ .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
1140
+ height: 16px;
1141
+ width: 16px;
1389
1142
  }
1390
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1391
- background-color: #ec5d25 !important;
1143
+ .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
1144
+ height: 20px;
1145
+ width: 20px;
1392
1146
  }
1393
- .Table-module__table___5d7g0.ant-table-wrapper {
1394
- /* Hover state border to orange */
1147
+ .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
1148
+ height: 24px;
1149
+ width: 24px;
1395
1150
  }
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;
1151
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
1152
+ border-color: #EC5D25;
1153
+ background-color: #EC5D25;
1403
1154
  }
1404
- .Table-module__table___5d7g0.ant-table-wrapper {
1405
- /* Active ripple effect/focus ring to orange */
1155
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
1156
+ border-color: #B94710;
1157
+ background-color: #B94710;
1406
1158
  }
1407
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked::after {
1408
- border-color: #ec5d25 !important;
1159
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
1160
+ outline: 2px solid #0A65E7;
1409
1161
  }
1410
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner {
1411
- border-color: #ec5d25 !important;
1162
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
1163
+ cursor: not-allowed;
1412
1164
  }
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;
1165
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
1166
+ border-color: #B6BAC3;
1167
+ background-color: #B6BAC3;
1418
1168
  }
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;
1169
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
1170
+ transform: scale(0.375);
1171
+ background-color: #FFFFFF;
1427
1172
  }
1428
-
1429
- .Table-module__columnHeader___Unr6d {
1430
- display: flex;
1431
- align-items: center;
1432
- justify-content: space-between;
1433
- width: 100%;
1434
- gap: 8px;
1173
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
1174
+ border-color: #B6BAC3;
1435
1175
  }
1436
-
1437
- .Table-module__columnHeaderLeft___mp7pK {
1438
- display: flex;
1439
- align-items: center;
1440
- gap: 4px;
1441
- min-width: 0;
1442
- flex: 1;
1176
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
1177
+ border-color: #6B7280;
1443
1178
  }
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;
1179
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
1180
+ outline: 2px solid #0A65E7;
1455
1181
  }
1456
- .Table-module__columnHeaderSortArea___jrIYo:focus-visible {
1457
- outline: 2px solid #ec5d25;
1458
- outline-offset: 2px;
1459
- border-radius: 3px;
1182
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
1183
+ cursor: not-allowed;
1460
1184
  }
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;
1185
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
1186
+ border-color: #B6BAC3;
1187
+ background-color: #F9FAFB;
1468
1188
  }
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;
1189
+ .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
1190
+ color: #363E4F;
1191
+ font-weight: 400;
1192
+ font-size: 0.875rem;
1193
+ line-height: 20px;
1477
1194
  }
1478
- .Table-module__columnHeaderSortIcon___mWVZN.Table-module__columnHeaderSortIconActive___wHAqC {
1479
- color: #374151;
1480
- /* prominent when sort is applied */
1195
+ .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
1196
+ color: #363E4F;
1197
+ font-weight: 500;
1198
+ font-size: 0.875rem;
1199
+ line-height: 20px;
1481
1200
  }
1482
1201
 
1483
- /* Filter icon button */
1484
- .Table-module__columnHeaderFilterWrapper___DnSve {
1485
- position: relative;
1486
- flex-shrink: 0;
1202
+ /* src/atom/Tag/Tag.module.scss */
1203
+ .Tag-module__tag___PIkhI {
1204
+ border-radius: 0.25rem;
1205
+ padding: 0.25rem;
1206
+ font-weight: 500;
1207
+ font-size: 12px;
1208
+ line-height: .75rem;
1209
+ --tw-bg-opacity: 1;
1210
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1211
+ height: -moz-max-content;
1212
+ height: max-content;
1213
+ --tw-text-opacity: 1;
1214
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1215
+ border-width: 0px
1487
1216
  }
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;
1217
+ .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
1218
+ padding-top: 2px;
1219
+ padding-bottom: 2px;
1220
+ padding-left: 0.25rem;
1221
+ padding-right: 0.25rem;
1222
+ font-size: 0.625rem;
1223
+ line-height: .75rem
1501
1224
  }
1502
- .Table-module__columnHeaderFilterBtn___NR7DY:hover {
1503
- color: #6b7280;
1504
- background: #f3f4f6;
1225
+ .Tag-module__tag___PIkhI.Tag-module__success___99fad {
1226
+ --tw-bg-opacity: 1;
1227
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1505
1228
  }
1506
- .Table-module__columnHeaderFilterBtn___NR7DY:focus-visible {
1507
- outline: 2px solid #ec5d25;
1508
- outline-offset: 1px;
1229
+ .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
1230
+ --tw-bg-opacity: 1;
1231
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1509
1232
  }
1510
- .Table-module__columnHeaderFilterBtn___NR7DY.Table-module__columnHeaderFilterBtnActive___JdO11 {
1511
- color: #ec5d25;
1512
- /* brand red when filter is applied */
1233
+ .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
1234
+ --tw-bg-opacity: 1;
1235
+ background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1))
1513
1236
  }
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;
1237
+ .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
1238
+ --tw-bg-opacity: 1;
1239
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1528
1240
  }
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;
1241
+ .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
1242
+ --tw-bg-opacity: 1;
1243
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1541
1244
  }
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;
1245
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
1246
+ --tw-bg-opacity: 1;
1247
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1554
1248
  }
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;
1249
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
1250
+ --tw-bg-opacity: 1;
1251
+ background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1))
1566
1252
  }
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;
1253
+ .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
1254
+ --tw-bg-opacity: 1;
1255
+ background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1))
1256
+ }
1257
+ .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
1258
+ --tw-bg-opacity: 1;
1259
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1576
1260
  }
1577
1261
 
1578
1262
  /* src/molecules/UserProfile/UserProfile.module.scss */
@@ -1609,260 +1293,576 @@
1609
1293
  display: flex;
1610
1294
  justify-content: flex-end;
1611
1295
  }
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;
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;
1299
+ }
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;
1306
+ }
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%;
1310
+ }
1311
+ .Modal-module__modal___PKrAi .ant-modal-content {
1312
+ padding: 0;
1313
+ border-radius: 0.75rem;
1314
+ padding: 0px;
1315
+ }
1316
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1317
+ margin-bottom: 0px;
1318
+ padding: 1rem;
1319
+ }
1320
+ @media (min-width: 576px) {
1321
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1322
+ padding: 1.5rem;
1323
+ }
1324
+ }
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));
1333
+ }
1334
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1335
+ display: flex;
1336
+ align-items: flex-end;
1337
+ justify-content: center;
1338
+ }
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;
1343
+ }
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;
1348
+ }
1349
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1350
+ top: 1.5rem;
1351
+ right: 1.5rem;
1352
+ padding-bottom: 0.25rem;
1353
+ }
1354
+ .Modal-module__modal___PKrAi .ant-btn-primary {
1355
+ margin-inline-start: 0.5rem;
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) ---- */
1517
+ }
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 */
1522
+ }
1523
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1524
+ 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 */
1615
1538
  }
1616
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
1617
- padding: 24px;
1618
- padding: 1.5rem;
1619
- padding-top: 0px;
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;
1620
1543
  display: flex;
1621
- justify-content: flex-end;
1544
+ align-items: center;
1545
+ gap: 8px;
1546
+ /* Inject the "Rows per page:" label text via ::before */
1622
1547
  }
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%;
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;
1626
1553
  }
1627
- .Modal-module__modal___PKrAi .ant-modal-content {
1628
- padding: 0;
1629
- border-radius: 0.75rem;
1630
- padding: 0px;
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;
1631
1560
  }
1632
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1633
- margin-bottom: 0px;
1634
- padding: 1rem;
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;
1635
1564
  }
1636
- @media (min-width: 576px) {
1637
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1638
- padding: 1.5rem;
1639
- }
1565
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1566
+ /* Total text: "1–10 of 108 items" — centred */
1640
1567
  }
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));
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;
1649
1574
  }
1650
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1651
- display: flex;
1652
- align-items: flex-end;
1653
- justify-content: center;
1575
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1576
+ /* Page buttons group — far right */
1654
1577
  }
1655
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1656
- display: flex;
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;
1657
1591
  align-items: center;
1658
1592
  justify-content: center;
1593
+ margin: 0;
1594
+ transition: background 0.15s, border-color 0.15s, color 0.15s;
1659
1595
  }
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 {
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;
1676
1608
  display: flex;
1677
1609
  align-items: center;
1678
1610
  justify-content: center;
1679
- gap: 0.25rem;
1680
- border-radius: 0.5rem;
1681
1611
  }
1682
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
1683
- height: 56px;
1684
- padding-left: 1rem;
1685
- padding-right: 1rem;
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;
1686
1619
  }
1687
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
1688
- width: 56px;
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;
1689
1626
  }
1690
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
1691
- height: 40px;
1692
- padding-left: 0.75rem;
1693
- padding-right: 0.75rem;
1627
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1628
+ /* Active page button */
1694
1629
  }
1695
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
1696
- width: 40px;
1630
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active {
1631
+ border-color: #6B7280 !important;
1632
+ background: #fff;
1697
1633
  }
1698
- .Button-module__button___cLCyl.Button-module__size_small___IUeei {
1699
- height: 32px;
1700
- padding-left: 0.5rem;
1701
- padding-right: 0.5rem;
1634
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-item-active a {
1635
+ color: #374151 !important;
1636
+ font-weight: 600;
1702
1637
  }
1703
- .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
1704
- width: 32px;
1638
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1639
+ /* Ellipsis dots hover state */
1705
1640
  }
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);
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 */
1714
1645
  }
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);
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;
1719
1650
  }
1720
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
1721
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1651
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1652
+ /* Disabled prev/next */
1722
1653
  }
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));
1654
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-disabled {
1655
+ opacity: 0.4;
1656
+ cursor: not-allowed;
1726
1657
  }
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));
1658
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination {
1659
+ /* Responsive behavior */
1730
1660
  }
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));
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
+ }
1734
1676
  }
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));
1677
+ .Table-module__table___5d7g0.ant-table-wrapper {
1678
+ /* ---- Checkbox customisation ---- */
1738
1679
  }
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));
1680
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner {
1681
+ background-color: #ec5d25 !important;
1682
+ border-color: #ec5d25 !important;
1742
1683
  }
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);
1684
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
1685
+ inset-inline-start: 25% !important;
1751
1686
  }
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);
1687
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner {
1688
+ border-color: #ec5d25 !important;
1756
1689
  }
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);
1690
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1691
+ background-color: #ec5d25 !important;
1759
1692
  }
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));
1693
+ .Table-module__table___5d7g0.ant-table-wrapper {
1694
+ /* Hover state border to orange */
1763
1695
  }
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));
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;
1767
1703
  }
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));
1704
+ .Table-module__table___5d7g0.ant-table-wrapper {
1705
+ /* Active ripple effect/focus ring to orange */
1771
1706
  }
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));
1707
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked::after {
1708
+ border-color: #ec5d25 !important;
1775
1709
  }
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);
1710
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner {
1711
+ border-color: #ec5d25 !important;
1784
1712
  }
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);
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;
1789
1718
  }
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);
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;
1792
1727
  }
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));
1728
+
1729
+ .Table-module__columnHeader___Unr6d {
1730
+ display: flex;
1731
+ align-items: center;
1732
+ justify-content: space-between;
1733
+ width: 100%;
1734
+ gap: 8px;
1796
1735
  }
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));
1736
+
1737
+ .Table-module__columnHeaderLeft___mp7pK {
1738
+ display: flex;
1739
+ align-items: center;
1740
+ gap: 4px;
1741
+ min-width: 0;
1742
+ flex: 1;
1800
1743
  }
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));
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;
1804
1755
  }
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));
1756
+ .Table-module__columnHeaderSortArea___jrIYo:focus-visible {
1757
+ outline: 2px solid #ec5d25;
1758
+ outline-offset: 2px;
1759
+ border-radius: 3px;
1808
1760
  }
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);
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;
1817
1768
  }
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));
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;
1822
1777
  }
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);
1778
+ .Table-module__columnHeaderSortIcon___mWVZN.Table-module__columnHeaderSortIconActive___wHAqC {
1779
+ color: #374151;
1780
+ /* prominent when sort is applied */
1825
1781
  }
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;
1782
+
1783
+ /* Filter icon button */
1784
+ .Table-module__columnHeaderFilterWrapper___DnSve {
1785
+ position: relative;
1786
+ flex-shrink: 0;
1831
1787
  }
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));
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;
1837
1801
  }
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));
1802
+ .Table-module__columnHeaderFilterBtn___NR7DY:hover {
1803
+ color: #6b7280;
1804
+ background: #f3f4f6;
1841
1805
  }
1842
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
1843
- outline: 2px solid rgba(236, 93, 37, 0.2);
1806
+ .Table-module__columnHeaderFilterBtn___NR7DY:focus-visible {
1807
+ outline: 2px solid #ec5d25;
1808
+ outline-offset: 1px;
1844
1809
  }
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;
1810
+ .Table-module__columnHeaderFilterBtn___NR7DY.Table-module__columnHeaderFilterBtnActive___JdO11 {
1811
+ color: #ec5d25;
1812
+ /* brand red when filter is applied */
1852
1813
  }
1853
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
1854
- text-decoration: underline;
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;
1855
1828
  }
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;
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;
1860
1841
  }
1861
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
1862
- background-color: transparent;
1842
+
1843
+ /* src/atom/RangePicker/RangePicker.module.scss */
1844
+ .RangePicker-module__range_start___hGQp-::after {
1845
+ content: "";
1846
+ position: absolute;
1847
+ top: 50%;
1848
+ right: 0;
1849
+ transform: translateY(-50%);
1850
+ width: 50%;
1851
+ height: 36px;
1852
+ background-color: #f2efec; /* tw-bg-gray-200 equivalent */
1853
+ z-index: -1;
1863
1854
  }
1864
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
1865
- outline: none;
1855
+
1856
+ .RangePicker-module__range_end___JJNib::before {
1857
+ content: "";
1858
+ position: absolute;
1859
+ top: 50%;
1860
+ left: 0;
1861
+ transform: translateY(-50%);
1862
+ width: 52%;
1863
+ height: 36px;
1864
+ background-color: #f2efec; /* tw-bg-gray-200 equivalent */
1865
+ z-index: -1;
1866
1866
  }
1867
1867
 
1868
1868
  /* src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.module.scss */
@@ -1878,9 +1878,17 @@
1878
1878
  width: 707px;
1879
1879
  font-family: "Inter", system-ui, -apple-system, sans-serif;
1880
1880
  }
1881
+ .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__singleCalendar___qy2-H {
1882
+ width: 450px;
1883
+ }
1881
1884
  @media (max-width: 768px) {
1885
+ .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__singleCalendar___qy2-H {
1886
+ width: 100%;
1887
+ max-width: 450px;
1888
+ }
1882
1889
  .AdvancedDateRangePicker-module__root___udir8 {
1883
1890
  width: 100%;
1891
+ max-width: 450px;
1884
1892
  }
1885
1893
  }
1886
1894
 
@@ -1972,7 +1980,13 @@
1972
1980
  flex-direction: column;
1973
1981
  min-width: 0;
1974
1982
  }
1983
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__main___G4MU9 {
1984
+ width: 292px;
1985
+ }
1975
1986
  @media (max-width: 768px) {
1987
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__main___G4MU9 {
1988
+ width: 100%;
1989
+ }
1976
1990
  .AdvancedDateRangePicker-module__main___G4MU9 {
1977
1991
  width: 100%;
1978
1992
  }
@@ -1988,6 +2002,10 @@
1988
2002
  background: #f9fafb;
1989
2003
  border-bottom: 1px solid #e5e7eb;
1990
2004
  }
2005
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__header___mxXEE {
2006
+ flex-direction: column;
2007
+ align-items: flex-start;
2008
+ }
1991
2009
  @media (max-width: 768px) {
1992
2010
  .AdvancedDateRangePicker-module__header___mxXEE {
1993
2011
  flex-direction: column;
@@ -2005,6 +2023,12 @@
2005
2023
  padding: 20px 16px;
2006
2024
  border-right: 1px solid #e5e7eb;
2007
2025
  }
2026
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__timezoneWrapper___886Qm {
2027
+ width: 100%;
2028
+ border-right: none;
2029
+ border-bottom: 1px solid #e5e7eb;
2030
+ padding: 16px;
2031
+ }
2008
2032
  @media (max-width: 768px) {
2009
2033
  .AdvancedDateRangePicker-module__timezoneWrapper___886Qm {
2010
2034
  width: 100%;
@@ -2021,6 +2045,10 @@
2021
2045
  gap: 0;
2022
2046
  align-items: stretch;
2023
2047
  }
2048
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ {
2049
+ flex-direction: column;
2050
+ width: 100%;
2051
+ }
2024
2052
  @media (max-width: 768px) {
2025
2053
  .AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ {
2026
2054
  flex-direction: column;
@@ -2056,6 +2084,9 @@
2056
2084
  flex-shrink: 0;
2057
2085
  align-self: stretch;
2058
2086
  }
2087
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__headerSeparator___Vwx6P {
2088
+ display: none;
2089
+ }
2059
2090
  @media (max-width: 768px) {
2060
2091
  .AdvancedDateRangePicker-module__headerSeparator___Vwx6P {
2061
2092
  display: none;
@@ -2109,6 +2140,10 @@
2109
2140
  width: 107.32px !important;
2110
2141
  height: 24px;
2111
2142
  }
2143
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__timezoneSelectContainer___8SMc4 {
2144
+ width: 100% !important;
2145
+ max-width: 120px !important;
2146
+ }
2112
2147
  @media (max-width: 768px) {
2113
2148
  .AdvancedDateRangePicker-module__timezoneSelectContainer___8SMc4 {
2114
2149
  width: 100% !important;
@@ -2141,6 +2176,10 @@
2141
2176
  font-weight: 500;
2142
2177
  line-height: 16px;
2143
2178
  }
2179
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__timezoneDisabledBadge___VBxOd {
2180
+ width: 100% !important;
2181
+ max-width: 120px !important;
2182
+ }
2144
2183
  @media (max-width: 768px) {
2145
2184
  .AdvancedDateRangePicker-module__timezoneDisabledBadge___VBxOd {
2146
2185
  width: 100% !important;
@@ -2162,6 +2201,9 @@
2162
2201
  flex-direction: column;
2163
2202
  gap: 4px;
2164
2203
  }
2204
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__dateTimeColumn___tdDV3 {
2205
+ width: 100%;
2206
+ }
2165
2207
  @media (max-width: 768px) {
2166
2208
  .AdvancedDateRangePicker-module__dateTimeColumn___tdDV3 {
2167
2209
  width: 100%;
@@ -2173,6 +2215,11 @@
2173
2215
  align-items: flex-start;
2174
2216
  gap: 6px;
2175
2217
  }
2218
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__dateTimeGroup___azF09 {
2219
+ width: 100%;
2220
+ justify-content: flex-start;
2221
+ gap: 16px;
2222
+ }
2176
2223
  @media (max-width: 768px) {
2177
2224
  .AdvancedDateRangePicker-module__dateTimeGroup___azF09 {
2178
2225
  width: 100%;
@@ -2182,7 +2229,7 @@
2182
2229
  }
2183
2230
 
2184
2231
  .AdvancedDateRangePicker-module__dateInput___0t9ww {
2185
- width: 90px;
2232
+ width: 92px;
2186
2233
  height: 24px;
2187
2234
  box-sizing: border-box;
2188
2235
  display: flex;
@@ -2284,6 +2331,9 @@
2284
2331
  padding: 20px 24px;
2285
2332
  flex: 1;
2286
2333
  }
2334
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__body___f8XYj {
2335
+ padding: 16px;
2336
+ }
2287
2337
  @media (max-width: 768px) {
2288
2338
  .AdvancedDateRangePicker-module__body___f8XYj {
2289
2339
  padding: 16px;