/* Deqa Pro — international mobile number field (deqa-phone.js)
   [ +966 ▾ ] [ 50 123 4567 ]  — the code chip opens the country list. */
.dq-phone{position:relative;display:flex;align-items:stretch;width:100%;min-width:0;direction:ltr;border:1px solid #cbd5e1;border-radius:12px;background:#fff;min-height:44px;transition:border-color .15s,box-shadow .15s,background .15s}
.dq-phone:focus-within{border-color:#0d9488;box-shadow:0 0 0 4px rgba(13,148,136,.12)}
.dq-phone.is-invalid{border-color:#e11d48}
.dq-phone-chip{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:6px;margin:0;padding:0 12px 0 14px;border-right:1px solid rgba(100,116,139,.22);cursor:pointer;user-select:none}
.dq-phone-chip:hover{background:rgba(15,23,42,.035)}
.dq-phone-dial{direction:ltr;unicode-bidi:isolate;font-weight:700;font-size:15px;color:#0f172a;font-variant-numeric:tabular-nums;white-space:nowrap}
.dq-phone-caret{width:8px;height:8px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:translateY(-2px) rotate(45deg)}
/* the real <select> covers the chip: native, accessible country picker */
.dq-phone-cc{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:0;cursor:pointer;border:0!important;padding:0!important;margin:0!important;font-size:16px!important;appearance:auto}
.dq-phone-chip:focus-within{outline:2px solid #0d9488;outline-offset:-3px;border-radius:10px 0 0 10px}
.dq-phone .dq-phone-num{flex:1 1 auto;min-width:0;width:auto!important;height:auto!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:0 14px!important;margin:0!important;font-size:16px!important;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-align:left;direction:ltr;color:#0f172a;outline:none}
.dq-phone .dq-phone-num::placeholder{color:#94a3b8;letter-spacing:.02em}
.dq-phone-hint{display:block;margin-top:7px;font-size:12.5px;line-height:1.7;color:#64748b}
.dq-phone-hint b{font-weight:600;color:#334155;unicode-bidi:isolate}
.dq-phone-hint.is-error{color:#be123c}
.dq-phone-hint.is-error b{color:#be123c}
/* landing sign-up card: same look as the other inputs */
.inp:has(.dq-phone) > svg{display:none!important}
.lux-card .inp .dq-phone{min-height:54px;border:1.5px solid transparent;border-radius:14px;background:#f5f9f8}
.lux-card .inp .dq-phone:hover{background:#eff5f3}
.lux-card .inp .dq-phone:focus-within{background:#fff;border-color:var(--ember,#e8730c);box-shadow:0 0 0 4px rgba(232,115,12,.14)}
.lux-card .field.has-err .dq-phone,.lux-card .inp .dq-phone.is-invalid{border-color:var(--danger,#e11d48);background:#fff7f6}
.lux-card .inp .dq-phone .dq-phone-num{padding-inline-start:14px!important}
/* dark */
html[data-theme="dark"] .dq-phone,:root[data-theme="dark"] .dq-phone{background:#0f172a;border-color:#334155}
html[data-theme="dark"] .dq-phone-dial,:root[data-theme="dark"] .dq-phone-dial,html[data-theme="dark"] .dq-phone .dq-phone-num,:root[data-theme="dark"] .dq-phone .dq-phone-num{color:#e2e8f0}
html[data-theme="dark"] .dq-phone-hint b{color:#cbd5e1}
:root[data-theme="dark"] .lux-card .inp .dq-phone{background:var(--surface-2,#1e293b)}
.dq-phone-mismatch{display:block;margin-top:6px;padding:7px 10px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12px;line-height:1.7}
html[data-theme="dark"] .dq-phone-mismatch{background:#2a1a0e;border-color:#7c2d12;color:#fdba74}