.e2e-phone { --phone-accent: #bbc995; --phone-surface: #161c19; --phone-border: rgba(194,207,167,.22); display:grid !important; gap:7px; width:100%; min-width:0; text-transform:none !important; letter-spacing:normal !important; white-space:normal !important; overflow:visible !important; }
.e2e-phone .e2e-phone-control { display:flex !important; }
.e2e-phone .e2e-phone-country > span { color:inherit !important; font-size:14px !important; font-weight:600 !important; }
.e2e-phone .e2e-phone-original { display:none !important; }
.e2e-phone-control { display:flex; width:100%; min-width:0; min-height:50px; border:1px solid var(--phone-border); border-radius:12px; background:var(--phone-surface); transition:border-color .18s,box-shadow .18s; overflow:hidden; }
.e2e-phone-control:focus-within { border-color:var(--phone-accent); box-shadow:0 0 0 3px rgba(187,201,149,.12); }
.e2e-phone .e2e-phone-country { display:flex; flex:0 0 auto; align-items:center; gap:8px; border:0; border-right:1px solid var(--phone-border); border-radius:0; background:transparent; color:#edf2e7; padding:0 13px; margin:0; min-height:48px; font-family:inherit; font-size:14px; font-weight:600; line-height:1.2; cursor:pointer; }
.e2e-phone .e2e-phone-country:hover { background:rgba(187,201,149,.09); }
.e2e-phone .e2e-phone-chevron { display:block !important; flex:0 0 12px; width:12px !important; height:12px !important; align-self:center; margin:0; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s; }
.e2e-phone-country[aria-expanded="true"] .e2e-phone-chevron { transform:rotate(180deg); }
.e2e-phone-country,.e2e-phone-options button { touch-action:manipulation; }
.e2e-phone-country:focus-visible { outline:2px solid var(--phone-accent); outline-offset:-3px; }
.e2e-phone .e2e-phone-national { flex:1 1 0; min-width:0 !important; width:0 !important; min-height:48px; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; color:#f0f3ed; padding:12px 14px; margin:0; font-size:16px !important; font-variant-numeric:tabular-nums; outline:0; }
.e2e-phone-flag { width:24px; height:18px; border-radius:3px; object-fit:cover; box-shadow:0 0 0 1px rgba(255,255,255,.12); }
.e2e-phone .e2e-phone-message { display:block; color:#a2ac9e !important; font-size:11px !important; font-weight:400 !important; line-height:1.5; min-height:16px; white-space:normal; }
.e2e-phone.is-invalid .e2e-phone-control { border-color:#ed9993; box-shadow:0 0 0 3px rgba(237,153,147,.09); }
.e2e-phone.is-invalid .e2e-phone-message { color:#ffada6 !important; }
.e2e-phone.is-valid .e2e-phone-control { border-color:rgba(187,201,149,.5); }
.e2e-phone-plain[aria-invalid="true"] { border-color:#ed9993 !important; }
.e2e-phone-plain-error { display:block; color:#ffada6 !important; font-size:11px !important; font-weight:400 !important; letter-spacing:normal !important; text-transform:none !important; white-space:normal !important; line-height:1.5; }
.e2e-phone-plain-error[hidden] { display:none !important; }
.e2e-phone-panel { position:fixed; z-index:2147483646; display:flex; flex-direction:column; box-sizing:border-box; gap:8px; padding:10px; border:1px solid rgba(194,207,167,.3); border-radius:16px; background:#202723; box-shadow:0 18px 65px rgba(0,0,0,.45); color:#f1f4ec; font:14px/1.4 system-ui,sans-serif; text-align:left; }
.e2e-phone-panel * { box-sizing:border-box; }
.e2e-phone-panel input { width:100%; flex-shrink:0; min-height:44px; border:1px solid rgba(194,207,167,.28); border-radius:9px; background:#151b18; color:#f1f4ec; font:inherit; font-size:16px !important; padding:10px 12px; outline:0; }
.e2e-phone-panel input:focus { border-color:#bbc995; }
.e2e-phone-options { overflow:auto; overscroll-behavior:contain; min-height:0; }
.e2e-phone-options button { display:flex; align-items:center; gap:12px; width:100%; min-height:44px; padding:10px; border:0; border-radius:8px; background:transparent; color:inherit; text-align:left; font:inherit; cursor:pointer; }
.e2e-phone-options img { width:24px; height:18px; object-fit:cover; border-radius:3px; }
.e2e-phone-options small { margin-left:auto; color:#c0cba9; }
.e2e-phone-options button:hover,.e2e-phone-options .is-active { background:rgba(187,201,149,.13); }
.e2e-phone-options [aria-selected="true"] { color:#d1dfb4; background:rgba(187,201,149,.07); }
@media(max-width:480px) { .e2e-phone .e2e-phone-country { padding:0 10px; gap:6px; } .e2e-phone .e2e-phone-national { padding:12px 10px; } }
@media(prefers-reduced-motion:reduce) { .e2e-phone-control,.e2e-phone-chevron { transition:none !important; } }