/* Xcojo phone field and the "Are you sure?" step */
.xco-phone { display: flex; gap: 8px; align-items: stretch; width: 100%; }
.xco-phone-cc { flex: 0 0 auto; max-width: 46%; min-width: 0; padding: 0 10px; border-radius: 14px; border: 1px solid var(--xm-hair-strong, rgba(15,23,42,.18)); background: var(--xm-field, #fff); color: inherit; font: inherit; font-size: .92rem; text-overflow: ellipsis; }
.xco-phone-input { flex: 1 1 auto; min-width: 0; font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.xco-phone-input, .xco-phone-cc { min-height: 48px; }
.xco-phone-input:focus, .xco-phone-cc:focus { outline: none; box-shadow: var(--xm-ring, 0 0 0 4px rgba(15,139,141,.22)); border-color: var(--xco-accent, #0F8B8D); }
@media (max-width: 420px) { .xco-phone { flex-direction: column; } .xco-phone-cc { max-width: none; } }

.xco-modal-open { overflow: hidden; }
.xco-phone-confirm { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 20px; background: rgba(12, 18, 20, .5); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); animation: xco-pc-fade .18s ease both; }
.xco-phone-confirm-card { width: min(420px, 100%); padding: 26px 24px 22px; border-radius: 26px; text-align: center; background: var(--xm-card-strong, #fff); animation: xco-pc-pop .22s cubic-bezier(.2,.8,.2,1) both; }
.xco-phone-confirm-card h2 { margin: 0 0 8px; font-size: 1.5rem; }
.xco-phone-confirm-card p { margin: 0; color: var(--xco-ink-soft, #5C676B); }
.xco-phone-confirm-number { margin: 18px 0 20px; padding: 16px 10px; border-radius: 16px; background: color-mix(in srgb, var(--xco-accent, #0F8B8D) 10%, transparent); font-size: 1.5rem; font-weight: 700; letter-spacing: .02em; font-variant-numeric: tabular-nums; word-break: break-all; }
.xco-phone-confirm-actions { display: flex; gap: 10px; }
.xco-phone-confirm-actions .xco-btn { flex: 1; }
@keyframes xco-pc-fade { from { opacity: 0; } }
@keyframes xco-pc-pop { from { opacity: 0; transform: translateY(10px) scale(.97); } }
@media (prefers-reduced-motion: reduce) { .xco-phone-confirm, .xco-phone-confirm-card { animation: none; } }