/* SafeLogic — міжнародний ввід телефону (self-contained, спирається на токени сторінки) */
.iti{display:flex;align-items:stretch;position:relative;border:1.5px solid var(--line,#D7E0EA);border-radius:11px;background:#fff}
.iti.foc{border-color:var(--orange,#FE9C4B)}
.iti.ok{border-color:#2fa36b}
.iti-btn{display:flex;align-items:center;gap:6px;padding:0 9px 0 12px;border:none;border-right:1px solid var(--line,#D7E0EA);background:transparent;cursor:pointer;font-size:16px;line-height:1;color:var(--ink-strong,#141414);font-family:inherit;white-space:nowrap;border-radius:11px 0 0 11px}
.iti-btn:hover{background:rgba(20,30,50,.03)}
.iti-btn .iti-fl{font-size:18px}
.iti-btn .iti-code{font-weight:600;font-size:15px}
.iti-btn .iti-car{font-size:11px;opacity:.5;margin-left:1px}
.iti-num{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:13px 34px 13px 12px;font-size:16px;font-family:inherit;color:var(--ink-strong,#141414)}
.iti-mark{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;opacity:0;transition:opacity .15s}
.iti-mark::after{content:"";display:block;width:6px;height:11px;margin:2px auto;border:solid #2fa36b;border-width:0 2.4px 2.4px 0;transform:rotate(45deg)}
.iti.ok .iti-mark{opacity:1}
.iti-hint{font-size:12.5px;color:var(--blue,#5D6C7B);margin:6px 2px 0;min-height:0}
.iti-hint.warn{color:#c2603a}

.iti-drop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;background:#fff;border:1px solid var(--line,#D7E0EA);border-radius:12px;box-shadow:0 18px 44px rgba(20,30,50,.18);overflow:hidden}
.iti-drop[hidden]{display:none}
.iti-search{width:100%;box-sizing:border-box;border:none;border-bottom:1px solid var(--line,#D7E0EA);padding:12px 14px;font-size:15px;font-family:inherit;outline:none;color:var(--ink-strong,#141414)}
.iti-list{max-height:264px;overflow-y:auto;list-style:none;margin:0;padding:6px;-webkit-overflow-scrolling:touch}
.iti-sep{padding:8px 10px 3px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blue,#5D6C7B)}
.iti-list li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:15px;color:var(--ink-strong,#141414)}
.iti-list li .iti-fl{font-size:18px}
.iti-list li .iti-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iti-list li .iti-dl{margin-left:auto;color:var(--blue,#5D6C7B);font-size:13px;font-variant-numeric:tabular-nums}
.iti-list li:hover,.iti-list li.hi{background:var(--orange-soft,#FFF4E8)}
.iti-empty{padding:14px;text-align:center;color:var(--blue,#5D6C7B);font-size:14px}
@media(max-width:560px){.iti-num{font-size:16px}.iti-list{max-height:230px}}