@itilite/lumina-ui 1.0.4-alpha → 1.0.6-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,40 +762,211 @@
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;
765
+ /* src/atom/Tooltip/Tooltip.module.scss */
766
+ .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
767
+ background-color: white !important;
768
+ color: #111827;
769
+ border-radius: 0.5rem;
770
+ padding: 0.625rem;
769
771
  --tw-text-opacity: 1;
770
- color: rgb(54 62 79 / var(--tw-text-opacity, 1));
772
+ color: rgb(33 40 55 / var(--tw-text-opacity, 1));
773
+ }
774
+ .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
775
+ background-color: white !important;
771
776
  }
772
777
 
773
- .Slider-module__slider___JCS-c.ant-slider {
774
- margin-left: 0px;
775
- margin-right: 0px;
778
+ /* src/atom/Button/Button.module.scss */
779
+ .Button-module__button___cLCyl {
780
+ display: flex;
781
+ align-items: center;
782
+ justify-content: center;
783
+ gap: 0.25rem;
784
+ border-radius: 0.5rem;
776
785
  }
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);
786
+ .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
787
+ height: 56px;
788
+ padding-left: 1rem;
789
+ padding-right: 1rem;
780
790
  }
781
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
782
- content: unset;
791
+ .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
792
+ width: 56px;
783
793
  }
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;
794
+ .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
795
+ height: 40px;
796
+ padding-left: 0.75rem;
797
+ padding-right: 0.75rem;
787
798
  }
788
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
799
+ .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
800
+ width: 40px;
801
+ }
802
+ .Button-module__button___cLCyl.Button-module__size_small___IUeei {
803
+ height: 32px;
804
+ padding-left: 0.5rem;
805
+ padding-right: 0.5rem;
806
+ }
807
+ .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
808
+ width: 32px;
809
+ }
810
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz- {
789
811
  --tw-bg-opacity: 1;
790
812
  background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
791
- height: 2px;
813
+ border-width: 1px;
814
+ border-style: solid;
815
+ --tw-border-opacity: 1;
816
+ border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
817
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
792
818
  }
793
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
819
+ .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 {
820
+ --tw-bg-opacity: 1;
821
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
822
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
823
+ }
824
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
825
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
826
+ }
827
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd {
828
+ --tw-text-opacity: 1;
829
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
830
+ }
831
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd:hover {
832
+ --tw-text-opacity: 1;
833
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
834
+ }
835
+ .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 {
836
+ --tw-text-opacity: 1;
837
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
838
+ }
839
+ .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 {
840
+ --tw-text-opacity: 1;
841
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
842
+ }
843
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__disabled___nwPn4 {
844
+ --tw-text-opacity: 1;
845
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
846
+ }
847
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA {
848
+ border-width: 1px;
849
+ border-style: solid;
850
+ --tw-bg-opacity: 1;
851
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
852
+ --tw-border-opacity: 1;
853
+ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
854
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
855
+ }
856
+ .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 {
857
+ --tw-bg-opacity: 1;
858
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
859
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
860
+ }
861
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:focus-visible {
862
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
863
+ }
864
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd {
865
+ --tw-text-opacity: 1;
866
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
867
+ }
868
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd:hover {
869
+ --tw-text-opacity: 1;
870
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
871
+ }
872
+ .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 {
873
+ --tw-text-opacity: 1;
874
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
875
+ }
876
+ .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 {
877
+ --tw-text-opacity: 1;
878
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
879
+ }
880
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp {
881
+ border-width: 1px;
882
+ --tw-bg-opacity: 1;
883
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
884
+ border-style: solid;
885
+ --tw-border-opacity: 1;
886
+ border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
887
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
888
+ }
889
+ .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 {
890
+ --tw-bg-opacity: 1;
891
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
892
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
893
+ }
894
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:focus-visible {
895
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
896
+ }
897
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd {
898
+ --tw-text-opacity: 1;
899
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
900
+ }
901
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd:hover {
902
+ --tw-text-opacity: 1;
903
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
904
+ }
905
+ .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 {
906
+ --tw-text-opacity: 1;
907
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
908
+ }
909
+ .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 {
910
+ --tw-text-opacity: 1;
911
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
912
+ }
913
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd {
914
+ --tw-bg-opacity: 1;
915
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
916
+ border-width: 1px;
917
+ border-style: solid;
918
+ --tw-border-opacity: 1;
919
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
920
+ box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
921
+ }
922
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:hover {
923
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
924
+ --tw-border-opacity: 1;
925
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
926
+ }
927
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:focus-visible {
928
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
929
+ }
930
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia {
794
931
  background-color: transparent;
932
+ border-width: 0px;
933
+ border-style: none;
934
+ box-shadow: none;
795
935
  }
796
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
936
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:hover {
937
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
938
+ border-style: none;
797
939
  --tw-bg-opacity: 1;
798
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
940
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
941
+ }
942
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:active {
943
+ --tw-bg-opacity: 1;
944
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
945
+ }
946
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
947
+ outline: 2px solid rgba(236, 93, 37, 0.2);
948
+ }
949
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9 {
950
+ background-color: transparent;
951
+ padding: 0px;
952
+ border-width: 0px;
953
+ border-style: none;
954
+ height: auto;
955
+ box-shadow: none;
956
+ }
957
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
958
+ text-decoration: underline;
959
+ }
960
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover {
961
+ box-shadow: none;
962
+ border-style: none;
963
+ background-color: transparent;
964
+ }
965
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
966
+ background-color: transparent;
967
+ }
968
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
969
+ outline: none;
799
970
  }
800
971
 
801
972
  /* src/atom/Radio/Radio.module.scss */
@@ -866,95 +1037,40 @@
866
1037
  line-height: 20px;
867
1038
  }
868
1039
 
869
- /* src/atom/Tooltip/Tooltip.module.scss */
870
- .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
871
- background-color: white !important;
872
- color: #111827;
873
- border-radius: 0.5rem;
874
- padding: 0.625rem;
1040
+ /* src/atom/Slider/Slider.module.scss */
1041
+ .Slider-module__label___9Uea- {
1042
+ font-size: 13px;
1043
+ line-height: 18px;
875
1044
  --tw-text-opacity: 1;
876
- color: rgb(33 40 55 / var(--tw-text-opacity, 1));
877
- }
878
- .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
879
- background-color: white !important;
1045
+ color: rgb(54 62 79 / var(--tw-text-opacity, 1));
880
1046
  }
881
1047
 
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
1048
+ .Slider-module__slider___JCS-c.ant-slider {
1049
+ margin-left: 0px;
1050
+ margin-right: 0px;
886
1051
  }
887
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
888
- height: 0.5rem;
889
- width: 0.5rem
1052
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
1053
+ box-shadow: 0 0 0 2px #ec5d25;
1054
+ transform: scale(1.25);
890
1055
  }
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))
1056
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
1057
+ content: unset;
894
1058
  }
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))
1059
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
1060
+ inset-inline-start: -1px;
1061
+ inset-block-start: -1px;
898
1062
  }
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 {
1063
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
948
1064
  --tw-bg-opacity: 1;
949
- background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1))
1065
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1066
+ height: 2px;
950
1067
  }
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))
1068
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
1069
+ background-color: transparent;
954
1070
  }
955
- .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
1071
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
956
1072
  --tw-bg-opacity: 1;
957
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1073
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
958
1074
  }
959
1075
 
960
1076
  /* src/atom/Checkbox/Checkbox.module.scss */
@@ -1055,6 +1171,190 @@
1055
1171
  background: white;
1056
1172
  }
1057
1173
 
1174
+ /* src/molecules/UserProfile/UserProfile.module.scss */
1175
+ .UserProfile-module__userProfile___cRMm9 {
1176
+ display: flex;
1177
+ align-items: center;
1178
+ gap: 0.625rem
1179
+ }
1180
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
1181
+ display: flex;
1182
+ flex-direction: column
1183
+ }
1184
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
1185
+ display: flex;
1186
+ align-items: center;
1187
+ gap: 0.5rem
1188
+ }
1189
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1190
+ margin: 0px
1191
+ }
1192
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1193
+ margin: 0px;
1194
+ margin-top: 0.125rem
1195
+ }
1196
+
1197
+ /* src/atom/Tag/Tag.module.scss */
1198
+ .Tag-module__tag___PIkhI {
1199
+ border-radius: 0.25rem;
1200
+ padding: 0.25rem;
1201
+ font-weight: 500;
1202
+ font-size: 12px;
1203
+ line-height: .75rem;
1204
+ --tw-bg-opacity: 1;
1205
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1206
+ height: -moz-max-content;
1207
+ height: max-content;
1208
+ --tw-text-opacity: 1;
1209
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1210
+ border-width: 0px
1211
+ }
1212
+ .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
1213
+ padding-top: 2px;
1214
+ padding-bottom: 2px;
1215
+ padding-left: 0.25rem;
1216
+ padding-right: 0.25rem;
1217
+ font-size: 0.625rem;
1218
+ line-height: .75rem
1219
+ }
1220
+ .Tag-module__tag___PIkhI.Tag-module__success___99fad {
1221
+ --tw-bg-opacity: 1;
1222
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1223
+ }
1224
+ .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
1225
+ --tw-bg-opacity: 1;
1226
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1227
+ }
1228
+ .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
1229
+ --tw-bg-opacity: 1;
1230
+ background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1))
1231
+ }
1232
+ .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
1233
+ --tw-bg-opacity: 1;
1234
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1235
+ }
1236
+ .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
1237
+ --tw-bg-opacity: 1;
1238
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1239
+ }
1240
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
1241
+ --tw-bg-opacity: 1;
1242
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1243
+ }
1244
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
1245
+ --tw-bg-opacity: 1;
1246
+ background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1))
1247
+ }
1248
+ .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
1249
+ --tw-bg-opacity: 1;
1250
+ background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1))
1251
+ }
1252
+ .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
1253
+ --tw-bg-opacity: 1;
1254
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1255
+ }
1256
+
1257
+ /* src/atom/Modal/Modal.module.scss */
1258
+ .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
1259
+ margin-top: 0;
1260
+ margin-top: 0px;
1261
+ }
1262
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
1263
+ padding: 24px;
1264
+ padding: 1.5rem;
1265
+ display: flex;
1266
+ justify-content: flex-end;
1267
+ }
1268
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
1269
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
1270
+ min-width: 92px;
1271
+ }
1272
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
1273
+ padding: 24px;
1274
+ padding: 1.5rem;
1275
+ padding-top: 0px;
1276
+ display: flex;
1277
+ justify-content: flex-end;
1278
+ }
1279
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
1280
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
1281
+ width: 50%;
1282
+ }
1283
+ .Modal-module__modal___PKrAi .ant-modal-content {
1284
+ padding: 0;
1285
+ border-radius: 0.75rem;
1286
+ padding: 0px;
1287
+ }
1288
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1289
+ margin-bottom: 0px;
1290
+ padding: 1rem;
1291
+ }
1292
+ @media (min-width: 576px) {
1293
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1294
+ padding: 1.5rem;
1295
+ }
1296
+ }
1297
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
1298
+ justify-content: flex-start;
1299
+ padding-right: 1.25rem;
1300
+ font-size: 1.25rem;
1301
+ font-weight: 500;
1302
+ line-height: 1.75rem;
1303
+ --tw-text-opacity: 1;
1304
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1305
+ }
1306
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1307
+ display: flex;
1308
+ align-items: flex-end;
1309
+ justify-content: center;
1310
+ }
1311
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1312
+ display: flex;
1313
+ align-items: center;
1314
+ justify-content: center;
1315
+ }
1316
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1317
+ padding: 0 1.5rem 1.5rem;
1318
+ max-height: 65vh;
1319
+ overflow: auto;
1320
+ }
1321
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1322
+ top: 1.5rem;
1323
+ right: 1.5rem;
1324
+ padding-bottom: 0.25rem;
1325
+ }
1326
+ .Modal-module__modal___PKrAi .ant-btn-primary {
1327
+ margin-inline-start: 0.5rem;
1328
+ }
1329
+
1330
+ /* src/atom/Switch/Switch.module.scss */
1331
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
1332
+ height: 0.75rem;
1333
+ min-width: 1.5rem
1334
+ }
1335
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
1336
+ height: 0.5rem;
1337
+ width: 0.5rem
1338
+ }
1339
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
1340
+ --tw-bg-opacity: 1;
1341
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1342
+ }
1343
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
1344
+ --tw-bg-opacity: 1;
1345
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1346
+ }
1347
+
1348
+ /* src/atom/LoadingSpinner/LoadingSpinner.module.scss */
1349
+ .LoadingSpinner-module__spinnerContainer___DiPLf {
1350
+ display: flex;
1351
+ justify-content: center;
1352
+ align-items: center;
1353
+ height: 100%;
1354
+ margin-top: 2rem;
1355
+ margin-bottom: 2rem;
1356
+ }
1357
+
1058
1358
  /* src/atom/Table/Table.module.scss */
1059
1359
  @charset "UTF-8";
1060
1360
  /* ============================================================
@@ -1076,26 +1376,8 @@
1076
1376
  border-radius: 0;
1077
1377
  padding: 0;
1078
1378
  }
1079
-
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;
1091
- }
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));
1095
- }
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;
1379
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1380
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td{
1099
1381
  --tw-text-opacity: 1 !important;
1100
1382
  color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
1101
1383
  font-weight: 500 !important;
@@ -1105,6 +1387,52 @@
1105
1387
  padding-right: 1.5rem !important;
1106
1388
  padding-bottom: 1rem !important;
1107
1389
  padding-top: 0.75rem !important;
1390
+ }
1391
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomBodyCell___sf8j8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td{
1392
+ padding-left: 1.5rem;
1393
+ padding-right: 1.5rem;
1394
+ padding-top: 1rem;
1395
+ padding-bottom: 1rem;
1396
+ --tw-bg-opacity: 1 !important;
1397
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
1398
+ --tw-text-opacity: 1 !important;
1399
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
1400
+ font-weight: 400 !important;
1401
+ font-size: 0.75rem !important;
1402
+ line-height: 16px !important;
1403
+ }
1404
+ .Table-module__tableWrapper___3cqiD.Table-module__hasRowSpacing___bGT0u .Table-module__table___5d7g0.ant-table-wrapper .ant-table table {
1405
+ border-collapse: separate !important;
1406
+ border-spacing: 0 var(--lumina-table-row-spacing, 8px) !important;
1407
+ }
1408
+ .Table-module__tableWrapper___3cqiD.Table-module__hasRowSpacing___bGT0u .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td:first-child {
1409
+ border-top-left-radius: 8px !important;
1410
+ border-bottom-left-radius: 8px !important;
1411
+ }
1412
+ .Table-module__tableWrapper___3cqiD.Table-module__hasRowSpacing___bGT0u .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td:last-child {
1413
+ border-top-right-radius: 8px !important;
1414
+ border-bottom-right-radius: 8px !important;
1415
+ }
1416
+
1417
+ /* ============================================================
1418
+ AntD Table overrides
1419
+ ============================================================ */
1420
+ .Table-module__table___5d7g0.ant-table-wrapper {
1421
+ padding: 4px;
1422
+ background: #F1F3F5;
1423
+ }
1424
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table{
1425
+ background-color: transparent;
1426
+ font-size: 0.875rem;
1427
+ line-height: 1.25rem;
1428
+ }
1429
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-container {
1430
+ /* Lift the white body card off the gray wrapper */
1431
+ filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.06));
1432
+ }
1433
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1434
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1435
+ background: transparent !important;
1108
1436
  border-bottom: none !important;
1109
1437
  }
1110
1438
  .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th::before,
@@ -1155,18 +1483,7 @@
1155
1483
  .Table-module__table___5d7g0.ant-table-wrapper {
1156
1484
  /* ---- Body cells ---- */
1157
1485
  }
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;
1486
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td {
1170
1487
  border-bottom: none !important;
1171
1488
  }
1172
1489
  .Table-module__table___5d7g0.ant-table-wrapper {
@@ -1390,479 +1707,179 @@
1390
1707
  .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1391
1708
  background-color: #ec5d25 !important;
1392
1709
  }
1393
- .Table-module__table___5d7g0.ant-table-wrapper {
1394
- /* Hover state border to orange */
1395
- }
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;
1403
- }
1404
- .Table-module__table___5d7g0.ant-table-wrapper {
1405
- /* Active ripple effect/focus ring to orange */
1406
- }
1407
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked::after {
1408
- border-color: #ec5d25 !important;
1409
- }
1410
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner {
1411
- border-color: #ec5d25 !important;
1412
- }
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;
1418
- }
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;
1427
- }
1428
-
1429
- .Table-module__columnHeader___Unr6d {
1430
- display: flex;
1431
- align-items: center;
1432
- justify-content: space-between;
1433
- width: 100%;
1434
- gap: 8px;
1435
- }
1436
-
1437
- .Table-module__columnHeaderLeft___mp7pK {
1438
- display: flex;
1439
- align-items: center;
1440
- gap: 4px;
1441
- min-width: 0;
1442
- flex: 1;
1443
- }
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;
1455
- }
1456
- .Table-module__columnHeaderSortArea___jrIYo:focus-visible {
1457
- outline: 2px solid #ec5d25;
1458
- outline-offset: 2px;
1459
- border-radius: 3px;
1460
- }
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;
1468
- }
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;
1477
- }
1478
- .Table-module__columnHeaderSortIcon___mWVZN.Table-module__columnHeaderSortIconActive___wHAqC {
1479
- color: #374151;
1480
- /* prominent when sort is applied */
1481
- }
1482
-
1483
- /* Filter icon button */
1484
- .Table-module__columnHeaderFilterWrapper___DnSve {
1485
- position: relative;
1486
- flex-shrink: 0;
1487
- }
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;
1501
- }
1502
- .Table-module__columnHeaderFilterBtn___NR7DY:hover {
1503
- color: #6b7280;
1504
- background: #f3f4f6;
1505
- }
1506
- .Table-module__columnHeaderFilterBtn___NR7DY:focus-visible {
1507
- outline: 2px solid #ec5d25;
1508
- outline-offset: 1px;
1509
- }
1510
- .Table-module__columnHeaderFilterBtn___NR7DY.Table-module__columnHeaderFilterBtnActive___JdO11 {
1511
- color: #ec5d25;
1512
- /* brand red when filter is applied */
1513
- }
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;
1528
- }
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;
1541
- }
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;
1554
- }
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;
1566
- }
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;
1576
- }
1577
-
1578
- /* src/molecules/UserProfile/UserProfile.module.scss */
1579
- .UserProfile-module__userProfile___cRMm9 {
1580
- display: flex;
1581
- align-items: center;
1582
- gap: 0.625rem
1583
- }
1584
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
1585
- display: flex;
1586
- flex-direction: column
1587
- }
1588
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
1589
- display: flex;
1590
- align-items: center;
1591
- gap: 0.5rem
1592
- }
1593
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1594
- margin: 0px
1595
- }
1596
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1597
- margin: 0px;
1598
- margin-top: 0.125rem
1599
- }
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;
1609
- display: flex;
1610
- justify-content: flex-end;
1611
- }
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;
1620
- display: flex;
1621
- justify-content: flex-end;
1622
- }
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%;
1626
- }
1627
- .Modal-module__modal___PKrAi .ant-modal-content {
1628
- padding: 0;
1629
- border-radius: 0.75rem;
1630
- padding: 0px;
1631
- }
1632
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1633
- margin-bottom: 0px;
1634
- padding: 1rem;
1635
- }
1636
- @media (min-width: 576px) {
1637
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1638
- padding: 1.5rem;
1639
- }
1640
- }
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));
1649
- }
1650
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1651
- display: flex;
1652
- align-items: flex-end;
1653
- justify-content: center;
1654
- }
1655
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1656
- display: flex;
1657
- align-items: center;
1658
- justify-content: center;
1659
- }
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 {
1676
- display: flex;
1677
- align-items: center;
1678
- justify-content: center;
1679
- gap: 0.25rem;
1680
- border-radius: 0.5rem;
1681
- }
1682
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
1683
- height: 56px;
1684
- padding-left: 1rem;
1685
- padding-right: 1rem;
1686
- }
1687
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
1688
- width: 56px;
1689
- }
1690
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
1691
- height: 40px;
1692
- padding-left: 0.75rem;
1693
- padding-right: 0.75rem;
1694
- }
1695
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
1696
- width: 40px;
1697
- }
1698
- .Button-module__button___cLCyl.Button-module__size_small___IUeei {
1699
- height: 32px;
1700
- padding-left: 0.5rem;
1701
- padding-right: 0.5rem;
1702
- }
1703
- .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
1704
- width: 32px;
1705
- }
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);
1714
- }
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);
1719
- }
1720
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
1721
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1722
- }
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));
1726
- }
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));
1730
- }
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));
1734
- }
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);
1751
- }
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);
1756
- }
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);
1759
- }
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));
1710
+ .Table-module__table___5d7g0.ant-table-wrapper {
1711
+ /* Hover state border to orange */
1763
1712
  }
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));
1713
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1714
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1715
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1716
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1717
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1718
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
1719
+ border-color: #ec5d25 !important;
1767
1720
  }
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));
1721
+ .Table-module__table___5d7g0.ant-table-wrapper {
1722
+ /* Active ripple effect/focus ring to orange */
1771
1723
  }
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));
1724
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked::after {
1725
+ border-color: #ec5d25 !important;
1775
1726
  }
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);
1727
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner {
1728
+ border-color: #ec5d25 !important;
1784
1729
  }
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);
1730
+
1731
+ /* Global un-nested scope for Portals (Pagination Select Dropdown) */
1732
+ .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
1733
+ background-color: #FFF1E1 !important;
1734
+ color: #374151 !important;
1789
1735
  }
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);
1736
+
1737
+ /* ============================================================
1738
+ Variant modifiers
1739
+ ============================================================ */
1740
+ /* hover variant — rows tint on mouse-over */
1741
+ .Table-module__showHoverEffect___IyKyO .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:hover > td{
1742
+ --tw-bg-opacity: 1 !important;
1743
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
1792
1744
  }
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));
1745
+
1746
+ .Table-module__columnHeader___Unr6d {
1747
+ display: flex;
1748
+ align-items: center;
1749
+ justify-content: space-between;
1750
+ width: 100%;
1751
+ gap: 8px;
1796
1752
  }
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));
1753
+
1754
+ .Table-module__columnHeaderLeft___mp7pK {
1755
+ display: flex;
1756
+ align-items: center;
1757
+ gap: 4px;
1758
+ min-width: 0;
1759
+ flex: 1;
1800
1760
  }
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));
1761
+
1762
+ /* Clickable sort area (label + sort arrow) */
1763
+ .Table-module__columnHeaderSortArea___jrIYo {
1764
+ display: inline-flex;
1765
+ align-items: center;
1766
+ gap: 6px;
1767
+ background: none;
1768
+ border: none;
1769
+ padding: 0;
1770
+ cursor: pointer;
1771
+ min-width: 0;
1804
1772
  }
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));
1773
+ .Table-module__columnHeaderSortArea___jrIYo:focus-visible {
1774
+ outline: 2px solid #ec5d25;
1775
+ outline-offset: 2px;
1776
+ border-radius: 3px;
1808
1777
  }
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);
1778
+
1779
+ .Table-module__columnHeaderLabel___A-mRu {
1780
+ white-space: nowrap;
1781
+ overflow: hidden;
1782
+ text-overflow: ellipsis;
1783
+ line-height: normal;
1784
+ text-transform: none !important;
1817
1785
  }
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));
1786
+
1787
+ .Table-module__columnHeaderSortIcon___mWVZN {
1788
+ display: inline-flex;
1789
+ align-items: center;
1790
+ flex-shrink: 0;
1791
+ color: #d1d5db;
1792
+ /* muted when unsorted */
1793
+ line-height: 0;
1822
1794
  }
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);
1795
+ .Table-module__columnHeaderSortIcon___mWVZN.Table-module__columnHeaderSortIconActive___wHAqC {
1796
+ color: #374151;
1797
+ /* prominent when sort is applied */
1825
1798
  }
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;
1799
+
1800
+ /* Filter icon button */
1801
+ .Table-module__columnHeaderFilterWrapper___DnSve {
1802
+ position: relative;
1803
+ flex-shrink: 0;
1831
1804
  }
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));
1805
+
1806
+ .Table-module__columnHeaderFilterBtn___NR7DY {
1807
+ display: inline-flex;
1808
+ align-items: center;
1809
+ gap: 3px;
1810
+ background: none;
1811
+ border: none;
1812
+ padding: 2px 3px;
1813
+ cursor: pointer;
1814
+ color: #9ca3af;
1815
+ line-height: 0;
1816
+ border-radius: 4px;
1817
+ transition: color 0.15s, background 0.15s;
1837
1818
  }
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));
1819
+ .Table-module__columnHeaderFilterBtn___NR7DY:hover {
1820
+ color: #6b7280;
1821
+ background: #f3f4f6;
1841
1822
  }
1842
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
1843
- outline: 2px solid rgba(236, 93, 37, 0.2);
1823
+ .Table-module__columnHeaderFilterBtn___NR7DY:focus-visible {
1824
+ outline: 2px solid #ec5d25;
1825
+ outline-offset: 1px;
1844
1826
  }
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;
1827
+ .Table-module__columnHeaderFilterBtn___NR7DY.Table-module__columnHeaderFilterBtnActive___JdO11 {
1828
+ color: #ec5d25;
1829
+ /* brand red when filter is applied */
1852
1830
  }
1853
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
1854
- text-decoration: underline;
1831
+
1832
+ .Table-module__columnHeaderFilterBadge___-Q2T2 {
1833
+ display: inline-flex;
1834
+ align-items: center;
1835
+ justify-content: center;
1836
+ min-width: 15px;
1837
+ height: 15px;
1838
+ padding: 0 4px;
1839
+ background: #ec5d25;
1840
+ color: #fff;
1841
+ font-size: 10px;
1842
+ font-weight: 600;
1843
+ border-radius: 8px;
1844
+ line-height: 1;
1855
1845
  }
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;
1846
+
1847
+ /* Dropdown that renders children from the consumer */
1848
+ .Table-module__columnHeaderFilterDropdown___M-fD4 {
1849
+ position: absolute;
1850
+ top: calc(100% + 6px);
1851
+ right: 0;
1852
+ z-index: 100;
1853
+ background: #fff;
1854
+ border: 1px solid #e5e7eb;
1855
+ border-radius: 8px;
1856
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
1857
+ min-width: 180px;
1860
1858
  }
1861
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
1862
- background-color: transparent;
1859
+
1860
+ /* src/atom/RangePicker/RangePicker.module.scss */
1861
+ .RangePicker-module__range_start___hGQp-::after {
1862
+ content: "";
1863
+ position: absolute;
1864
+ top: 50%;
1865
+ right: 0;
1866
+ transform: translateY(-50%);
1867
+ width: 50%;
1868
+ height: 36px;
1869
+ background-color: #f2efec; /* tw-bg-gray-200 equivalent */
1870
+ z-index: -1;
1863
1871
  }
1864
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
1865
- outline: none;
1872
+
1873
+ .RangePicker-module__range_end___JJNib::before {
1874
+ content: "";
1875
+ position: absolute;
1876
+ top: 50%;
1877
+ left: 0;
1878
+ transform: translateY(-50%);
1879
+ width: 52%;
1880
+ height: 36px;
1881
+ background-color: #f2efec; /* tw-bg-gray-200 equivalent */
1882
+ z-index: -1;
1866
1883
  }
1867
1884
 
1868
1885
  /* src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.module.scss */
@@ -1878,9 +1895,17 @@
1878
1895
  width: 707px;
1879
1896
  font-family: "Inter", system-ui, -apple-system, sans-serif;
1880
1897
  }
1898
+ .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__singleCalendar___qy2-H {
1899
+ width: 450px;
1900
+ }
1881
1901
  @media (max-width: 768px) {
1902
+ .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__singleCalendar___qy2-H {
1903
+ width: 100%;
1904
+ max-width: 450px;
1905
+ }
1882
1906
  .AdvancedDateRangePicker-module__root___udir8 {
1883
1907
  width: 100%;
1908
+ max-width: 450px;
1884
1909
  }
1885
1910
  }
1886
1911
 
@@ -1972,7 +1997,13 @@
1972
1997
  flex-direction: column;
1973
1998
  min-width: 0;
1974
1999
  }
2000
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__main___G4MU9 {
2001
+ width: 292px;
2002
+ }
1975
2003
  @media (max-width: 768px) {
2004
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__main___G4MU9 {
2005
+ width: 100%;
2006
+ }
1976
2007
  .AdvancedDateRangePicker-module__main___G4MU9 {
1977
2008
  width: 100%;
1978
2009
  }
@@ -1988,6 +2019,10 @@
1988
2019
  background: #f9fafb;
1989
2020
  border-bottom: 1px solid #e5e7eb;
1990
2021
  }
2022
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__header___mxXEE {
2023
+ flex-direction: column;
2024
+ align-items: flex-start;
2025
+ }
1991
2026
  @media (max-width: 768px) {
1992
2027
  .AdvancedDateRangePicker-module__header___mxXEE {
1993
2028
  flex-direction: column;
@@ -2005,6 +2040,12 @@
2005
2040
  padding: 20px 16px;
2006
2041
  border-right: 1px solid #e5e7eb;
2007
2042
  }
2043
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__timezoneWrapper___886Qm {
2044
+ width: 100%;
2045
+ border-right: none;
2046
+ border-bottom: 1px solid #e5e7eb;
2047
+ padding: 16px;
2048
+ }
2008
2049
  @media (max-width: 768px) {
2009
2050
  .AdvancedDateRangePicker-module__timezoneWrapper___886Qm {
2010
2051
  width: 100%;
@@ -2021,6 +2062,10 @@
2021
2062
  gap: 0;
2022
2063
  align-items: stretch;
2023
2064
  }
2065
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ {
2066
+ flex-direction: column;
2067
+ width: 100%;
2068
+ }
2024
2069
  @media (max-width: 768px) {
2025
2070
  .AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ {
2026
2071
  flex-direction: column;
@@ -2056,6 +2101,9 @@
2056
2101
  flex-shrink: 0;
2057
2102
  align-self: stretch;
2058
2103
  }
2104
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__headerSeparator___Vwx6P {
2105
+ display: none;
2106
+ }
2059
2107
  @media (max-width: 768px) {
2060
2108
  .AdvancedDateRangePicker-module__headerSeparator___Vwx6P {
2061
2109
  display: none;
@@ -2109,6 +2157,10 @@
2109
2157
  width: 107.32px !important;
2110
2158
  height: 24px;
2111
2159
  }
2160
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__timezoneSelectContainer___8SMc4 {
2161
+ width: 100% !important;
2162
+ max-width: 120px !important;
2163
+ }
2112
2164
  @media (max-width: 768px) {
2113
2165
  .AdvancedDateRangePicker-module__timezoneSelectContainer___8SMc4 {
2114
2166
  width: 100% !important;
@@ -2141,6 +2193,10 @@
2141
2193
  font-weight: 500;
2142
2194
  line-height: 16px;
2143
2195
  }
2196
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__timezoneDisabledBadge___VBxOd {
2197
+ width: 100% !important;
2198
+ max-width: 120px !important;
2199
+ }
2144
2200
  @media (max-width: 768px) {
2145
2201
  .AdvancedDateRangePicker-module__timezoneDisabledBadge___VBxOd {
2146
2202
  width: 100% !important;
@@ -2162,6 +2218,9 @@
2162
2218
  flex-direction: column;
2163
2219
  gap: 4px;
2164
2220
  }
2221
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__dateTimeColumn___tdDV3 {
2222
+ width: 100%;
2223
+ }
2165
2224
  @media (max-width: 768px) {
2166
2225
  .AdvancedDateRangePicker-module__dateTimeColumn___tdDV3 {
2167
2226
  width: 100%;
@@ -2173,6 +2232,11 @@
2173
2232
  align-items: flex-start;
2174
2233
  gap: 6px;
2175
2234
  }
2235
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__dateTimeGroup___azF09 {
2236
+ width: 100%;
2237
+ justify-content: flex-start;
2238
+ gap: 16px;
2239
+ }
2176
2240
  @media (max-width: 768px) {
2177
2241
  .AdvancedDateRangePicker-module__dateTimeGroup___azF09 {
2178
2242
  width: 100%;
@@ -2182,7 +2246,7 @@
2182
2246
  }
2183
2247
 
2184
2248
  .AdvancedDateRangePicker-module__dateInput___0t9ww {
2185
- width: 90px;
2249
+ width: 92px;
2186
2250
  height: 24px;
2187
2251
  box-sizing: border-box;
2188
2252
  display: flex;
@@ -2266,7 +2330,6 @@
2266
2330
  }
2267
2331
  .AdvancedDateRangePicker-module__timeInput___Jalr9.AdvancedDateRangePicker-module__inputError___A5hid {
2268
2332
  border-color: #ef4444;
2269
- background: #fff5f5;
2270
2333
  }
2271
2334
 
2272
2335
  /* Error message — sits BELOW the input row for both date and time */
@@ -2284,6 +2347,9 @@
2284
2347
  padding: 20px 24px;
2285
2348
  flex: 1;
2286
2349
  }
2350
+ .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__body___f8XYj {
2351
+ padding: 16px;
2352
+ }
2287
2353
  @media (max-width: 768px) {
2288
2354
  .AdvancedDateRangePicker-module__body___f8XYj {
2289
2355
  padding: 16px;