732732.dark-mode # platformDropdownList li [aria-selected = "true" ] {
733733 background-color : transparent !important ;
734734 color : # fff !important ;
735+ }
736+
737+ /* Enhanced focus styles for organization input */
738+ # orgInput : focus {
739+ border-color : # 3b82f6 !important ;
740+ box-shadow : 0 0 0 3px rgba (59 , 130 , 246 , 0.1 ) !important ;
741+ background-color : # f8fafc !important ;
742+ outline : none;
743+ }
744+
745+ /* Organization input active state (manual highlighting) */
746+ # orgInput .org-input-active {
747+ border-color : # 3b82f6 !important ;
748+ box-shadow : 0 0 0 3px rgba (59 , 130 , 246 , 0.15 ) !important ;
749+ background-color : # f0f9ff !important ;
750+ }
751+
752+ .dark-mode # orgInput : focus {
753+ border-color : # 3b82f6 !important ;
754+ box-shadow : 0 0 0 3px rgba (59 , 130 , 246 , 0.1 ) !important ;
755+ background-color : # 374151 !important ;
756+ }
757+
758+ .dark-mode # orgInput .org-input-active {
759+ border-color : # 3b82f6 !important ;
760+ box-shadow : 0 0 0 3px rgba (59 , 130 , 246 , 0.15 ) !important ;
761+ background-color : # 1e3a8a !important ;
762+ }
763+
764+ /* Organization validation message styles */
765+ # orgValidationMessage {
766+ transition : all 0.3s ease;
767+ margin-top : -8px ;
768+ margin-bottom : 8px ;
769+ }
770+
771+ # orgValidationMessage .success {
772+ background-color : # ecfdf5 ;
773+ border : 1px solid # a7f3d0 ;
774+ color : # 065f46 ;
775+ }
776+
777+ # orgValidationMessage .error {
778+ background-color : # fef2f2 ;
779+ border : 1px solid # fca5a5 ;
780+ color : # dc2626 ;
781+ }
782+
783+ # orgValidationMessage .warning {
784+ background-color : # fffbeb ;
785+ border : 1px solid # fde68a ;
786+ color : # d97706 ;
787+ }
788+
789+ /* Dark mode validation styles */
790+ .dark-mode # orgValidationMessage .success {
791+ background-color : # 064e3b ;
792+ border-color : # 065f46 ;
793+ color : # a7f3d0 ;
794+ }
795+
796+ .dark-mode # orgValidationMessage .error {
797+ background-color : # 7f1d1d ;
798+ border-color : # dc2626 ;
799+ color : # fca5a5 ;
800+ }
801+
802+ .dark-mode # orgValidationMessage .warning {
803+ background-color : # 78350f ;
804+ border-color : # d97706 ;
805+ color : # fde68a ;
735806}
0 commit comments