/* Searchable country dropdown + phone (flag + dial code) — Dawly portal */
.cs-wrap{position:relative}
.cs-list{position:absolute;inset-inline-start:0;inset-inline-end:0;top:calc(100% + 5px);background:var(--card);border:1px solid var(--line2);
  border-radius:10px;box-shadow:0 12px 34px -14px rgba(20,22,40,.3);z-index:50;max-height:280px;overflow:auto;padding:5px}
.cs-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:7px;cursor:pointer;font-size:14px;color:var(--ink)}
.cs-item:hover,.cs-item.hl{background:var(--accent-soft)}
.cs-flag{font-size:18px;line-height:1;width:22px;text-align:center}
.cs-fp{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);font-size:18px;line-height:1;pointer-events:none}
input.cs-has{padding-inline-start:40px}
.cs-search{width:100%;font:inherit;font-size:14px;border:1px solid var(--line2);border-radius:8px;padding:9px 11px;margin-bottom:5px}
.cs-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.cs-dial{margin-inline-start:auto;color:var(--ink3)}
.ph-wrap{display:flex;gap:8px}
.ph-dial{display:flex;align-items:center;gap:7px;padding:12px;border:1px solid var(--line2);border-radius:9px;background:var(--card);
  cursor:pointer;white-space:nowrap;font-size:15px;min-width:92px}
.ph-dial:hover{border-color:var(--ink3)}
.ph-num{flex:1}
/* Didit scan — mobile "open in new tab" fallback button + desktop QR box */
.scan-open{display:block;text-align:center;padding:15px;border-radius:14px;background:var(--accent);color:var(--c-accent-fg);font-weight:600;text-decoration:none;font-size:15.5px;letter-spacing:-.01em}
.scan-open:hover{filter:brightness(.95)}
.qrbox{padding:14px;background:var(--card);border-radius:12px;box-shadow:0 6px 20px -10px rgba(20,22,40,.18);line-height:0}