.vobixContactShare{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid #c5d9ef;border-radius:22px;background:#f5f9ff;color:#10233f;box-shadow:0 18px 65px #0006;font-family:inherit}
.vobixContactShare::backdrop{background:#0b2b4aaa}
.vobixContactShare h2{margin:0 0 16px;font-size:22px}.vobixContactShareName{display:block;font-size:19px;overflow-wrap:anywhere}
.vobixContactShare p{font-size:15px;line-height:1.5}.vobixContactShare label{display:block;font-size:13px;font-weight:600}
.vobixContactShare input{box-sizing:border-box;width:100%;margin:8px 0 16px;padding:12px;border:1px solid #98b5d3;border-radius:12px;background:#fff;color:#10233f;font-size:16px;min-width:0}
.vobixContactShare button{min-height:46px;border:1px solid #78a5d2;border-radius:12px;padding:11px 15px;font:inherit;font-weight:600;background:#e7f1fc;color:#194c80;cursor:pointer}
.vobixContactShareActions{display:flex;flex-wrap:wrap;gap:10px}.vobixContactShareActions button{flex:1}.vobixContactShare [data-action=share]{background:#1466df;color:white}
.vobixContactShare [data-action=close]{position:sticky;top:0;z-index:2;display:block;width:100%;margin:0 0 16px;background:#e7f1fc;text-align:left}.vobixContactShareStatus{min-height:22px;margin:12px 0}
.vobixContactShare .vobixContactScan{width:100%;margin-top:10px;background:transparent}
.vobixContactShare input[hidden]{display:none}
.vobixContactShare button:focus-visible,.vobixContactShare input:focus-visible{outline:3px solid #326dbd;outline-offset:3px}
.contactShareButton{flex-shrink:0;min-width:44px;min-height:44px;border:1px solid var(--line,#98b5d3);border-radius:12px;padding:8px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.contactSearchHint{display:none;margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--muted,#566e87)}body.finding .contactSearchHint{display:block}
.vobixContactQr{box-sizing:content-box;width:224px;max-width:calc(100% - 40px);margin:16px auto 0;padding:20px;background:#fff;border-radius:14px}
.vobixContactQr canvas,.vobixContactQr img{width:100%!important;height:auto!important;aspect-ratio:1;image-rendering:pixelated}
.vobixQrShortcut{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:44px;min-width:44px;padding:6px 9px;border:1px solid #87bdeb;border-radius:12px;background:#174f7c;color:#ffffff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.vobixQrShortcut svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.vobixQrShortcut:focus-visible{outline:3px solid #86baff;outline-offset:2px}
body.vobixConversation .vobixTopbar .vobixQrShortcut{padding:5px;flex-direction:column;gap:0;font-size:10px}
@media(max-width:360px){.topbar{gap:7px}.topbar .vobixQrShortcut{padding-inline:6px}.topbar .dots{margin-left:0}}

/* Compact contact card, kept inside the visual viewport and system bars. */
body .vobixContactShare{max-height:calc(var(--vobix-menu-height,100dvh) - var(--vobix-safe-top,0px) - var(--vobix-menu-safe-bottom,var(--vobix-safe-bottom,0px)) - 24px);inset:calc(12px + var(--vobix-menu-top,0px) + var(--vobix-safe-top,0px)) 12px auto;margin-inline:auto;width:min(360px,calc(100vw - 24px));padding:14px;max-width:calc(100vw - 24px);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;scroll-padding-top:52px}
body .vobixContactShare h2{margin:0 0 5px;font-size:18px;line-height:1.25}
body .vobixContactShareName{font-size:15px;line-height:1.3}
body .vobixContactShare p{font-size:13px;line-height:1.35;margin:8px 0}
body .vobixContactShare label{font-size:12px;line-height:1.3}
body .vobixContactShare input{font-size:14px;line-height:1.3;min-height:40px;margin:4px 0 8px;padding:8px}
body .vobixContactShare button{min-height:44px;padding:8px 10px;font:600 14px/1.25 system-ui,-apple-system,sans-serif;white-space:normal}
body .vobixContactShare [data-action=close]{margin-bottom:8px;font-size:13px}
body .vobixContactQr{width:clamp(128px,23dvh,160px);max-width:calc(100% - 24px);margin:8px auto 0;padding:12px;border-radius:12px}
body .vobixContactShareActions{gap:8px;margin-top:6px}
body .vobixContactShareActions button{min-width:0;flex:1 1 0}
body .vobixContactShare .vobixContactScan{margin-top:8px}
body .vobixContactLink{margin-top:4px;font-size:13px;line-height:1.35}
body .vobixContactLink summary{display:list-item;min-height:36px;padding:8px 2px;box-sizing:border-box;cursor:pointer;font-weight:600}
body .vobixContactLink summary:focus-visible{outline:3px solid #326dbd;outline-offset:2px}
body .vobixContactShareStatus:empty{display:none}
html:is([data-vobix-font=large],[data-vobix-font=xlarge]) .vobixContactShare :is(p,button,.vobixContactLink){font-size:16px}
@media(max-height:500px){body .vobixContactQr{width:128px;padding:10px}body .vobixContactShare{padding:12px}}

/* The swipe-navigation enhancer must never hide this modal's explicit exit. */
body .vobixContactShare .vobixContactShareHeader {position:sticky;top:-14px;z-index:5;display:flex;align-items:center;gap:8px;margin:-14px -14px 8px;padding:8px 12px;background:#f5f9ff;border-bottom:1px solid #dceafa;}
body .vobixContactShare .vobixContactShareHeader h2 {flex:1;margin:0;font-size:18px;text-align:center;padding-right:44px;}
body .vobixContactShare .vobixContactShareHeader [data-action=close][data-visible-back] {position:static!important;display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-width:44px;min-height:44px;flex:0 0 44px;margin:0!important;padding:10px!important;border:0;border-radius:50%;background:transparent;color:#087fd4;clip:auto!important;clip-path:none!important;overflow:visible!important;}
.vobixContactShareHeader [data-action=close] svg {display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
@layer vobixLight {
 body .vobixContactShare .vobixContactShareHeader {background:#fff!important;color:#123d57!important;}
 body .vobixContactShare .vobixContactShareHeader [data-action=close] {background:transparent!important;color:#087fd4!important;}
}
