/* FOAID form fields: searchable dropdown, phone with country code, PIN lookup */
.fx-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important;border:0!important}
.fx-trig{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:50px;padding:0 42px 0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0e0e0e;color:#fff;font:inherit;font-size:15px;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.fx-trig:hover{border-color:rgba(255,255,255,.32)}
.fx-trig:focus-visible,.fx-trig.fx-open{outline:0;border-color:#E06A8A;box-shadow:0 0 0 4px rgba(188,36,74,.18)}
.fx-lab{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.fx-val{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-ph{color:#6f6f6f}
.fx-chev{position:absolute;right:14px;top:50%;margin-top:-8px;color:#9a9a9a;transition:transform .25s cubic-bezier(.22,.8,.24,1)}
.fx-open .fx-chev{transform:rotate(180deg);color:#E06A8A}
.fx-flag{width:20px;height:14px;border-radius:3px;object-fit:cover;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.12)}

.fx-back{position:fixed;inset:0;z-index:2147483000;background:transparent}
.fx-back.fx-sheet{background:rgba(0,0,0,.55);opacity:0;transition:opacity .25s}
.fx-back.fx-sheet.in{opacity:1}
.fx-pop{position:fixed;z-index:2147483001;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top center;transition:opacity .16s,transform .2s cubic-bezier(.22,.8,.24,1)}
.fx-pop.in{opacity:1;transform:none}
.fx-dark{background:#121212;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.6)}
.fx-light{background:#fff;color:#111;border:1px solid #d9d9d9;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.fx-sheet-h{display:none}
.fx-search{display:flex;align-items:center;gap:8px;margin:8px;padding:0 12px;height:42px;border-radius:10px;flex:none}
.fx-dark .fx-search{background:#1b1b1b;border:1px solid rgba(255,255,255,.1);color:#8a8a8a}
.fx-light .fx-search{background:#f3f3f3;border:1px solid #e3e3e3;color:#777}
.fx-search:focus-within{border-color:#E06A8A}
.fx-search input{flex:1;min-width:0;height:100%;border:0!important;background:transparent!important;color:inherit;font:inherit;font-size:15px;outline:0;box-shadow:none!important;padding:0!important}
.fx-dark .fx-search input{color:#fff}.fx-light .fx-search input{color:#111}
.fx-search input::-webkit-search-cancel-button{opacity:.5}
.fx-list{list-style:none;margin:0;padding:4px 6px 8px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0}
.fx-list li{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border-radius:9px;font-size:14.5px;cursor:pointer;line-height:1.3}
.fx-list li.sep{margin-bottom:6px;position:relative}
.fx-list li.sep::after{content:'';position:absolute;left:10px;right:10px;bottom:-4px;height:1px}
.fx-dark .fx-list li.sep::after{background:rgba(255,255,255,.1)}.fx-light .fx-list li.sep::after{background:#eee}
.fx-t{flex:1;min-width:0}
.fx-list small{font-size:12.5px;opacity:.55;font-variant-numeric:tabular-nums}
.fx-list mark{background:transparent;color:#E06A8A;font-weight:700}
.fx-light .fx-list mark{color:#BC244A}
.fx-ok{opacity:0;color:#E06A8A;flex:none}
.fx-list li.on .fx-ok{opacity:1}
.fx-list li.on{font-weight:600}
.fx-dark .fx-list li.act{background:rgba(255,255,255,.07)}
.fx-light .fx-list li.act{background:#f4f4f4}
.fx-dark .fx-list li.on{background:rgba(188,36,74,.16)}
.fx-light .fx-list li.on{background:rgba(188,36,74,.08)}
.fx-list .fx-none{cursor:default;opacity:.6;justify-content:center;font-size:13.5px}

/* phones: bottom sheet */
.fx-pop.fx-sheet{left:0!important;right:0;bottom:0;top:auto!important;width:auto!important;max-height:78vh!important;height:78vh;border-radius:20px 20px 0 0;border-bottom:0;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,.8,.24,1),opacity .2s;padding-bottom:env(safe-area-inset-bottom)}
.fx-pop.fx-sheet.in{transform:none}
.fx-pop.fx-sheet .fx-sheet-h{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 6px;flex:none}
.fx-pop.fx-sheet .fx-sheet-h::before{content:'';position:absolute;left:50%;top:7px;width:38px;height:4px;margin-left:-19px;border-radius:4px;background:currentColor;opacity:.2}
.fx-sheet-h b{font-size:16px}
.fx-x{width:34px;height:34px;border-radius:50%;border:0;background:rgba(127,127,127,.15);color:inherit;font-size:14px;cursor:pointer}
.fx-pop.fx-sheet .fx-search{margin:8px 14px;height:46px}
.fx-pop.fx-sheet .fx-list{padding:4px 10px 14px}
.fx-pop.fx-sheet .fx-list li{min-height:50px;font-size:15.5px}

/* phone field: [country ▾][number] */
.fx-tel{display:flex;align-items:stretch;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#0e0e0e;transition:border-color .2s,box-shadow .2s}
.fx-tel:focus-within{border-color:#E06A8A;box-shadow:0 0 0 4px rgba(188,36,74,.18)}
.fx-tel .fx-trig{width:auto;flex:none;height:48px;border:0;border-right:1px solid rgba(255,255,255,.12);border-radius:12px 0 0 12px;background:transparent;padding:0 34px 0 12px;box-shadow:none!important}
.fx-tel .fx-trig .fx-chev{right:10px}
.fx-tel input{flex:1;min-width:0;height:48px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0 12px 12px 0!important;letter-spacing:.02em}

/* PIN status line */
.fx-pin{position:relative}
.fx-pin input{padding-right:42px!important;letter-spacing:.08em}
.fx-pin-i{position:absolute;right:14px;bottom:15px;width:18px;height:18px;pointer-events:none}
.fx-pin-i.spin{border:2px solid rgba(255,255,255,.2);border-top-color:#E06A8A;border-radius:50%;animation:fxspin .7s linear infinite}
.fx-pin-i.ok{color:#3fb27f}
@keyframes fxspin{to{transform:rotate(360deg)}}
.fx-where{grid-column:span 2;display:flex;align-items:center;gap:8px;margin-top:-6px;font-size:13px;color:#9fd8bd}
.fx-where[hidden]{display:none}
.fx-where.warn{color:#E06A8A}

/* v3.18.3 — iPhone/iPad: never zoom the page when a field is tapped (iOS zooms inputs under 16px) */
@supports (-webkit-touch-callout:none){body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),body select,body textarea{font-size:max(16px,1em)!important}}
