|
902 | 902 |
|
903 | 903 | /* |
904 | 904 | * Section 1. Required wallet — full orange theme for nested chrome. |
905 | | - * Global enterprise/form-input styles default to emerald; override here. |
| 905 | + * Beat: |
| 906 | + * - .form-input green border + blue-grey fill (orbital.css) |
| 907 | + * - .orbitals-users-input-container.enterprise emerald border (profile CSS modules) |
| 908 | + * - .auxillaries-bitcode-surface .orbitals-users-input-container neutral !important |
| 909 | + * Specificity must include .auxillaries-bitcode-surface + !important. |
906 | 910 | */ |
907 | | -.wallet-required-section .orbitals-users-input-container.enterprise, |
908 | | -.wallet-required-section .orbitals-users-input-container { |
909 | | - background: rgba(28, 18, 12, 0.72) !important; |
910 | | - border: 1px solid rgba(251, 146, 60, 0.32) !important; |
911 | | - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important; |
| 911 | +.auxillaries-bitcode-surface .wallet-required-section .orbitals-users-input-container, |
| 912 | +.auxillaries-bitcode-surface .wallet-required-section .orbitals-users-input-container.enterprise, |
| 913 | +.wallet-required-section .orbitals-users-input-container, |
| 914 | +.wallet-required-section .orbitals-users-input-container.enterprise { |
| 915 | + background: rgba(28, 18, 12, 0.88) !important; |
| 916 | + border: 1px solid rgba(251, 146, 60, 0.48) !important; |
| 917 | + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22) !important; |
| 918 | + border-radius: 0 !important; |
| 919 | + overflow: hidden; |
912 | 920 | } |
913 | 921 |
|
| 922 | +.auxillaries-bitcode-surface .wallet-required-section .form-input, |
914 | 923 | .wallet-required-section .form-input { |
915 | | - color: rgba(255, 247, 237, 0.92) !important; |
916 | | - caret-color: rgba(251, 146, 60, 0.9); |
| 924 | + background: rgba(22, 14, 10, 0.92) !important; |
| 925 | + border: 1px solid rgba(251, 146, 60, 0.42) !important; |
| 926 | + border-radius: 0 !important; |
| 927 | + color: rgba(255, 247, 237, 0.94) !important; |
| 928 | + caret-color: rgba(251, 146, 60, 0.95); |
| 929 | + box-shadow: none !important; |
917 | 930 | } |
918 | 931 |
|
| 932 | +.auxillaries-bitcode-surface .wallet-required-section .form-input::placeholder, |
919 | 933 | .wallet-required-section .form-input::placeholder { |
920 | | - color: rgba(253, 186, 116, 0.45) !important; |
| 934 | + color: rgba(253, 186, 116, 0.48) !important; |
921 | 935 | } |
922 | 936 |
|
| 937 | +.auxillaries-bitcode-surface .wallet-required-section .form-input:focus, |
923 | 938 | .wallet-required-section .form-input:focus { |
924 | | - border-color: transparent !important; |
| 939 | + background: rgba(32, 18, 10, 0.96) !important; |
| 940 | + border-color: rgba(253, 186, 116, 0.72) !important; |
925 | 941 | outline: none !important; |
926 | | - box-shadow: none !important; |
| 942 | + box-shadow: |
| 943 | + 0 0 0 1px rgba(251, 146, 60, 0.35), |
| 944 | + 0 0 16px rgba(251, 146, 60, 0.18) !important; |
927 | 945 | } |
928 | 946 |
|
| 947 | +.auxillaries-bitcode-surface .wallet-required-section .input-focus-indicator, |
929 | 948 | .wallet-required-section .input-focus-indicator { |
930 | 949 | background: linear-gradient( |
931 | 950 | 90deg, |
|
935 | 954 | rgba(251, 146, 60, 0.85), |
936 | 955 | transparent |
937 | 956 | ) !important; |
938 | | - box-shadow: 0 0 12px rgba(251, 146, 60, 0.35) !important; |
| 957 | + box-shadow: 0 0 12px rgba(251, 146, 60, 0.4) !important; |
| 958 | +} |
| 959 | + |
| 960 | +.auxillaries-bitcode-surface .wallet-required-section .form-input:focus ~ .input-focus-indicator, |
| 961 | +.wallet-required-section .form-input:focus ~ .input-focus-indicator { |
| 962 | + width: 100% !important; |
| 963 | + opacity: 1 !important; |
939 | 964 | } |
940 | 965 |
|
941 | 966 | .wallet-required-section .wallet-section-secondary-button { |
|
0 commit comments