.amour-phone-field { position:relative; display:block; width:100%; min-width:0; text-align:left; }
.amour-phone-field > input.amour-phone-input[type="tel"] {
  box-sizing:border-box; display:block; width:100%; min-width:0; min-height:48px;
  margin:0 !important; padding-left:78px; padding-right:12px;
  border:1px solid #623065; border-radius:10px; background:#0c0612; color:#fff;
  font-size:16px; line-height:1.5; direction:ltr; text-align:left;
}
.amour-phone-field > input.amour-phone-input::placeholder { color:#a990b7; opacity:1; }
.amour-phone-field:focus-within > input.amour-phone-input[type="tel"] {
  outline:none; border-color:#e92bca; box-shadow:0 0 0 3px #e92bca1c;
}
.amour-phone-picker {
  position:absolute; inset:1px auto 1px 1px; z-index:1; display:flex; align-items:center;
  justify-content:center; gap:8px; width:65px; border-right:1px solid #62306580;
  border-radius:9px 0 0 9px; background:#ffffff05;
}
.amour-phone-flag { font-size:22px; line-height:1; pointer-events:none; }
.amour-phone-arrow {
  width:6px; height:6px; margin-top:-3px; border-right:1.5px solid #d7b7df;
  border-bottom:1.5px solid #d7b7df; transform:rotate(45deg); pointer-events:none;
}
.amour-phone-picker > select.amour-phone-country {
  position:absolute; inset:0; box-sizing:border-box; width:100%; height:100%; min-height:0;
  margin:0; padding:0; opacity:0; cursor:pointer; font-size:16px; color-scheme:dark;
}
.amour-phone-country option { background:#17101e; color:#fff; }
.amour-phone-picker:has(select:focus-visible) { outline:2px solid #f28de4; outline-offset:-3px; }
.amour-phone-field:has(input:disabled), .amour-phone-field:has(input[readonly]) { opacity:.6; }
.amour-phone-picker > select:disabled { cursor:default; }
@media (forced-colors:active) {
  .amour-phone-field:focus-within > input.amour-phone-input[type="tel"] { outline:2px solid Highlight; }
  .amour-phone-picker { border-right-color:ButtonText; }
  .amour-phone-arrow { border-color:ButtonText; }
}