.bcp-contact{grid-column:1/-1;width:100%;min-width:0;box-sizing:border-box;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.035);color:#f4f4f4;text-align:left}.bcp-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.bcp-heading span{font-size:10px;letter-spacing:.16em;color:#ff9544;font-weight:800}.bcp-heading h3{margin:5px 0 0;font-size:20px}.bcp-heading button{flex-shrink:0}.bcp-help{font-size:12px;color:#aaa;line-height:1.6;margin:12px 0;overflow-wrap:anywhere}.bcp-details{margin:18px 0;display:grid;gap:12px}.bcp-details>div{min-width:0}.bcp-details dt{color:#aaa;font-size:11px;margin-bottom:6px}.bcp-details dd{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bcp-details strong{min-width:0;font-size:14px;overflow-wrap:anywhere}.bcp-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,174,98,.3);background:rgba(255,149,68,.08);border-radius:20px;padding:3px 8px;color:#ffc28b;font-size:10px;font-weight:700;white-space:nowrap}.bcp-badge.is-verified{color:#ffc28b;border-color:rgba(255,174,98,.3);background:rgba(255,149,68,.08)}.bcp-contact form{display:grid;gap:10px;margin-top:20px;max-width:480px}.bcp-contact form+form{padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.bcp-contact form>label{display:grid;gap:8px;font-size:12px;color:#d3d3d3;font-weight:600}.bcp-contact input{box-sizing:border-box;width:100%;min-width:0;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff;padding:13px 14px;font:inherit;font-size:16px}.bcp-contact input:focus{outline:2px solid rgba(255,130,40,.65);outline-offset:2px}.bcp-contact form>button{justify-self:start;min-height:42px;padding:10px 16px;white-space:normal;text-align:center}.bcp-contact button:disabled,.bcp-contact input:disabled{opacity:.55;cursor:wait}.bcp-contact form>.bcp-help{margin:0}.bcp-notice,.bcp-error{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.bcp-notice{color:#eee}.bcp-error{color:#ffb3ae}.bcp-error:empty,.bcp-notice:empty{display:none}@media(max-width:520px){.bcp-contact{padding:17px;border-radius:16px}.bcp-heading h3{font-size:18px}.bcp-contact form>button{width:100%;justify-self:stretch}.bcp-heading button{font-size:12px;padding:8px 12px}}

.contact-signup-method{border:0;padding:0;margin:8px 0 4px;min-width:0}.contact-signup-method legend{font-size:12px;font-weight:600;color:#d5d5d5;margin-bottom:10px}.contact-signup-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-signup-choices>label{display:flex!important;align-items:center;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.035);font-size:13px;color:#e0e0e0;cursor:pointer}.contact-signup-choices>label:has(input:checked){border-color:#f68b3b;background:rgba(246,139,59,.09)}.contact-signup-choices input[type=radio]{appearance:auto!important;width:16px!important;height:16px!important;min-height:0!important;padding:0!important;margin:0!important;accent-color:#f68b3b;flex:0 0 16px}.contact-auth-hint{font-size:12px;line-height:1.6;color:#aaa;margin:8px 0;overflow-wrap:anywhere}@media(max-width:360px){.contact-signup-choices{grid-template-columns:1fr}}

/* Preserve existing profile controls while giving account details a clear grid. */
.member-modern-profile:has(>.bcp-contact){display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.85fr);gap:20px;align-items:start;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#101010;min-width:0;overflow:visible}
.member-modern-profile:has(>.bcp-contact)>.member-modern-profile-left{grid-column:1/-1;display:flex;align-items:center;gap:16px;min-width:0;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.member-modern-profile:has(>.bcp-contact)>.member-modern-profile-left>div{min-width:0}.member-modern-profile:has(>.bcp-contact)>.member-modern-profile-left h2{color:#fff;overflow-wrap:anywhere}.member-modern-profile:has(>.bcp-contact)>.member-modern-profile-left p{color:#aaa;overflow-wrap:anywhere}
.member-modern-profile:has(>.bcp-contact)>.member-modern-profile-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;min-width:0;margin:0;padding:0 0 2px}
.member-modern-profile:has(>.bcp-contact)>.member-modern-profile-actions>button{box-sizing:border-box;min-height:42px;max-width:100%;padding:10px 15px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#1a1a1a;color:#eee;font-size:12px;line-height:1.4;white-space:normal;text-align:center}
.member-modern-profile:has(>.bcp-contact)>.member-modern-profile-actions>button:focus-visible{outline:2px solid #ff9544;outline-offset:2px}.member-modern-profile:has(>.bcp-contact)>.member-modern-profile-actions [hidden]{display:none!important}
.member-modern-profile:has(>.bcp-contact)>.member-modern-profile-actions>[data-bti-name-editor]{flex:1 0 100%;width:100%;box-sizing:border-box;margin:8px 0 0;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#151515}
.member-modern-profile:has(>.bcp-contact)>.bcp-contact{grid-column:1;min-width:0}.member-modern-profile:has(>[data-profile-passkeys]:empty)>.bcp-contact{grid-column:1/-1}
.member-modern-profile:has(>.bcp-contact)>[data-profile-passkeys]:not(:empty){grid-column:2;display:grid;gap:16px;box-sizing:border-box;min-width:0;width:100%;margin:0;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.035);color:#eee;text-align:left}
.member-modern-profile:has(>.bcp-contact)>[data-profile-passkeys]:empty{display:none}.member-modern-profile:has(>.bcp-contact)>[data-profile-passkeys] h3{margin:0;color:#fff;font-size:18px}.member-modern-profile:has(>.bcp-contact)>[data-profile-passkeys] p{color:#aaa;font-size:12px;line-height:1.6}.member-modern-profile:has(>.bcp-contact)>[data-profile-passkeys]>button{justify-self:start;max-width:100%;min-height:42px;white-space:normal}
.business-profile-editor-v320>.bcp-contact{margin-top:24px}.business-profile-editor-v320>.bcp-contact+[data-profile-passkeys]:not(:empty){margin-top:18px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035);color:#eee}
@media(max-width:800px){.member-modern-profile:has(>.bcp-contact){grid-template-columns:minmax(0,1fr)}.member-modern-profile:has(>.bcp-contact)>.bcp-contact,.member-modern-profile:has(>.bcp-contact)>[data-profile-passkeys]:not(:empty){grid-column:1/-1}}
@media(max-width:520px){.member-modern-profile:has(>.bcp-contact){padding:17px;gap:16px;border-radius:20px}.member-modern-profile:has(>.bcp-contact)>.member-modern-profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.member-modern-profile:has(>.bcp-contact)>.member-modern-profile-actions>button{width:100%;min-width:0;padding:10px}.member-modern-profile:has(>.bcp-contact)>.member-modern-profile-actions>[data-bti-name-editor]{grid-column:1/-1}.member-modern-profile:has(>.bcp-contact)>[data-profile-passkeys]:not(:empty){padding:17px;border-radius:16px}}

/* Contact controls are self-contained in every app shell and native webview. */
.bcp-contact button.secondary,.bcp-contact button.primary{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 16px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#1c1c1c;color:#f4f4f4;font-family:inherit;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center;white-space:normal;box-shadow:none;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}
.bcp-contact button.primary{background:#f68b3b;border-color:#f68b3b;color:#111}
.bcp-contact button.secondary:focus-visible,.bcp-contact button.primary:focus-visible{outline:2px solid #ff9544;outline-offset:3px}
.bcp-contact button.secondary:disabled,.bcp-contact button.primary:disabled{opacity:.55;cursor:wait}
@media(hover:hover){.bcp-contact button.secondary:not(:disabled):hover{background:#282828;border-color:rgba(255,255,255,.35)}.bcp-contact button.primary:not(:disabled):hover{background:#ffa35c;border-color:#ffa35c}}

/* Native phone and OTP fields share the established auth input treatment. */
.auth-form input[type=tel],[data-auth-form="verify-phone"] input[name=token]{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:block;width:100%;min-width:0;min-height:46px;margin:0;padding:13px 14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#141414;color:#fff;font-family:inherit;font-size:16px;line-height:1.5;box-shadow:none}
.auth-form input[type=tel]::placeholder,[data-auth-form="verify-phone"] input[name=token]::placeholder{color:#888;opacity:1}.auth-form input[type=tel]:focus-visible,[data-auth-form="verify-phone"] input[name=token]:focus-visible{outline:2px solid #ff9544;outline-offset:2px;border-color:#ff9544}
.member-modern-profile:has(>.bcp-contact)>[data-profile-passkeys] button,.business-profile-editor-v320>.bcp-contact+[data-profile-passkeys] button{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:11px 16px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#1c1c1c;color:#f4f4f4;font-family:inherit;font-size:13px;font-weight:700;line-height:1.4;white-space:normal;text-align:center;box-shadow:none;cursor:pointer}
.member-modern-profile:has(>.bcp-contact)>[data-profile-passkeys] button:focus-visible,.business-profile-editor-v320>.bcp-contact+[data-profile-passkeys] button:focus-visible{outline:2px solid #ff9544;outline-offset:3px}
@media(hover:hover){.member-modern-profile:has(>.bcp-contact)>[data-profile-passkeys] button:not(:disabled):hover,.business-profile-editor-v320>.bcp-contact+[data-profile-passkeys] button:not(:disabled):hover{background:#282828;border-color:rgba(255,255,255,.35)}}

[data-auth-form="verify-phone"] button.primary{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 18px;border:1px solid #f68b3b;border-radius:14px;background:#f68b3b;color:#111;font-family:inherit;font-size:14px;font-weight:800;line-height:1.4;white-space:normal;cursor:pointer}
[data-auth-form="verify-phone"] button.primary:focus-visible{outline:2px solid #ff9544;outline-offset:3px}[data-auth-form="verify-phone"] button.primary:disabled{opacity:.55;cursor:wait}@media(hover:hover){[data-auth-form="verify-phone"] button.primary:not(:disabled):hover{background:#ffa35c;border-color:#ffa35c}}

/* Scope these controls above the app shell's generic auth label/input rules. */
.auth-form[data-auth-form="member-signup"] .contact-signup-method{margin:4px 0 2px;padding:0;border:0;min-width:0}
.auth-form[data-auth-form="member-signup"] .contact-signup-method legend{margin:0 0 8px;padding:0;font-size:12px;line-height:1.4;font-weight:600}
.auth-form[data-auth-form="member-signup"] .contact-signup-method .contact-signup-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}
.auth-form[data-auth-form="member-signup"] .contact-signup-method .contact-signup-choices>label{box-sizing:border-box;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start;gap:8px!important;min-width:0;min-height:42px!important;height:42px;margin:0!important;padding:8px 10px!important;border:1px solid #4f4f4f;border-radius:11px;background:#232323;color:#ebebeb;font-size:13px!important;font-weight:600;line-height:1.2;text-align:left;cursor:pointer}
.auth-form[data-auth-form="member-signup"] .contact-signup-method .contact-signup-choices>label:has(input:checked){border-color:#ff6a00;background:#30251d}
.auth-form[data-auth-form="member-signup"] .contact-signup-method .contact-signup-choices input[type=radio]{appearance:auto!important;-webkit-appearance:radio!important;display:block!important;flex:0 0 14px!important;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;accent-color:#ff6a00;cursor:pointer}
.auth-form[data-auth-form="member-signup"] .contact-signup-method .contact-signup-choices>label:focus-within{outline:2px solid #ff9544;outline-offset:2px}

@media(max-width:360px){.auth-form[data-auth-form="member-signup"] .contact-signup-method .contact-signup-choices{grid-template-columns:1fr}}

/* Email and text-code resume actions share the same compact text-link row. */
.contact-auth-resume{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:12px 0 0;padding:0;border:0;background:transparent}
.contact-auth-resume .auth-recovery-link,.contact-auth-resume .auth-link-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;height:auto;min-height:32px;margin:0;padding:6px 0;border:0;border-radius:0;background:transparent;color:#ff9544;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1.5;text-align:center;white-space:normal;box-shadow:none;text-decoration:none;cursor:pointer}
.contact-auth-resume .auth-link-btn:focus-visible,.contact-auth-resume button.auth-recovery-link:focus-visible{outline:2px solid #ff9544;outline-offset:3px;border-radius:4px}
@media(hover:hover){.contact-auth-resume .auth-link-btn:hover,.contact-auth-resume button.auth-recovery-link:hover{background:transparent;color:#ffb176;text-decoration:underline;text-underline-offset:3px}}