.me-phone-field {width:100%;min-width:0;--phone-bg:#0b0c11;--phone-text:#f5f4f8;--phone-line:#ffffff2d;--phone-accent:#b29bff;--phone-error:#ffb9be}
.me-phone-field.me-phone-light {--phone-bg:#faf7fd;--phone-text:#30283d;--phone-line:#dfcff3;--phone-accent:#8255bd;--phone-error:#b12746}
.me-phone-controls {display:grid;grid-template-columns:minmax(120px,40%) minmax(0,1fr);gap:8px;align-items:start}
.me-phone-field .me-phone-country,.me-phone-field .me-phone-number {box-sizing:border-box;min-width:0;width:100%;height:49px;margin:0;padding:10px 12px;border:1px solid var(--phone-line);border-radius:10px;background:var(--phone-bg);color:var(--phone-text);font:inherit;font-size:16px;line-height:1.5;text-align:left;letter-spacing:normal}
.me-phone-field .me-phone-country {appearance:auto;background-image:none!important;padding-right:5px;cursor:pointer;text-overflow:ellipsis}
.me-phone-field .me-phone-country option {background:var(--phone-bg);color:var(--phone-text)}
.me-phone-field .me-phone-country:focus,.me-phone-field .me-phone-number:focus {outline:2px solid var(--phone-accent);outline-offset:2px}
.me-phone-field .me-phone-error {margin:8px 0 0;color:var(--phone-error);font-size:13px;line-height:1.5;text-align:left}
.me-phone-field .me-phone-error[hidden] {display:none}
.me-phone-field .me-phone-number[aria-invalid=true] {border-color:var(--phone-error)}
@media(max-width:380px){.me-phone-controls{grid-template-columns:minmax(110px,40%) minmax(0,1fr);gap:6px}.me-phone-field .me-phone-country,.me-phone-field .me-phone-number{padding-left:8px}}