/* Instalab 360: required country + national telephone field. */
.il-phone { margin:2px 0; padding:0; min-width:0; border:0; text-align:left; }
.il-phone legend { float:none; width:100%; margin:0 0 10px; padding:0; color:#fff; font:500 15px/1.4 var(--font-sans); }
.il-phone__row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.18fr); gap:10px; }
.il-phone__label { display:block; min-width:0; }
.il-phone__label > span { display:block; margin:0 0 6px 2px; color:rgba(255,255,255,.75); font:400 12px/1.4 var(--font-sans); }
.il-phone select { appearance:none; -webkit-appearance:none; padding-right:34px; text-overflow:ellipsis; cursor:pointer; color-scheme:light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='white' stroke-width='1.7'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; }
.il-phone select option { color:#242424; background:#fff; }
.il-phone .il-field:focus-visible { outline:2px solid #ff8459; outline-offset:2px; }
.il-phone input:disabled { opacity:.58; cursor:not-allowed; }
.il-phone__hint { margin:8px 2px 0; color:rgba(255,255,255,.65); font:400 12px/1.5 var(--font-sans); overflow-wrap:anywhere; min-height:18px; }
.il-phone__error { margin:7px 2px 0; color:#ffd2c7; font:400 13px/1.45 var(--font-sans); }
.il-phone__error[hidden] { display:none; }
.il-phone [aria-invalid="true"] { border-color:#ff8a75; background-color:rgba(255,90,31,.16); }
@media (max-width:480px) { .il-phone__row { grid-template-columns:minmax(0,1fr); gap:12px; } }