.profile-share-trigger, .profile-share-close { display:inline-grid; place-items:center; flex-shrink:0; width:44px; height:44px; padding:0; border:1px solid var(--line, #dce6ec); border-radius:50%; background:var(--surface, #fff); color:var(--accent-strong, #1d6b85); cursor:pointer; }
.profile-share-trigger:hover, .profile-share-close:hover { background:var(--surface-muted, #eef4f6); }
.profile-share-trigger:focus-visible, .profile-share-dialog button:focus-visible, .profile-share-link input:focus-visible { outline:3px solid var(--accent, #41a6c6); outline-offset:3px; }
body.profile-share-open { overflow:hidden; }
.profile-share-dialog { box-sizing:border-box; width:min(480px, calc(100% - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:24px; overflow:auto; border:1px solid var(--line, #dce6ec); border-radius:20px; background:var(--surface, #fff); color:var(--text, #35495e); box-shadow:0 24px 80px rgb(12 23 36 / 24%); font-family:inherit; text-align:start; }
.profile-share-dialog::backdrop { background:rgb(12 23 36 / 48%); }
.profile-share-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-block-end:20px; }
.profile-share-heading h2 { margin:0 0 6px; font-size:1.25rem; line-height:1.4; }
.profile-share-heading p { margin:0; color:var(--muted, #5c6678); font-size:.9rem; }
.profile-share-close { width:40px; height:40px; color:var(--text, #35495e); }
.profile-share-platforms { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; }
.profile-share-option { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:8px; min-height:94px; padding:10px 2px; border:0; border-radius:12px; background:transparent; color:inherit; cursor:pointer; font:inherit; font-size:.8rem; line-height:1.4; }
.profile-share-option:hover { background:var(--surface-muted, #eef4f6); }
.profile-share-option small { max-width:82px; color:var(--muted, #5c6678); font-size:.65rem; }
.profile-share-symbol { display:grid; place-items:center; width:46px; height:46px; border-radius:50%; background:#eef4f6; color:#35495e; }
.profile-share-symbol--whatsapp { background:#e6f6ec; color:#087b3a; }
.profile-share-symbol--telegram { background:#e6f4fc; color:#087bad; }
.profile-share-symbol--facebook { background:#eaf0ff; color:#1c5bcc; }
.profile-share-symbol--instagram { background:#fceaf4; color:#bd2377; }
.profile-share-symbol--tiktok, .profile-share-symbol--x { background:#eef0f2; color:#111; }
.profile-share-native { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:56px; margin-block:16px; padding:12px; border:1px solid var(--line, #dce6ec); border-radius:12px; background:var(--surface, #fff); color:var(--text, #35495e); font:inherit; cursor:pointer; }
.profile-share-native[hidden] { display:none; }
.profile-share-native small { display:block; margin-block-start:3px; color:var(--muted, #5c6678); font-size:.75rem; }
.profile-share-link { display:block; margin-block-start:16px; font-size:.8rem; color:var(--muted, #5c6678); }
.profile-share-link input { display:block; box-sizing:border-box; width:100%; margin-block-start:6px; padding:12px; border:1px solid var(--line, #dce6ec); border-radius:10px; background:var(--surface-muted, #eef4f6); color:var(--text, #35495e); font:inherit; font-size:.8rem; }
.profile-share-status { min-height:1.5em; margin:12px 0 0; color:var(--accent-strong, #1d6b85); font-size:.85rem; line-height:1.6; }
@media (max-width:680px) {
  .profile-share-trigger { position:fixed; inset-inline-end:max(18px, env(safe-area-inset-right, 0px)); bottom:calc(86px + env(safe-area-inset-bottom, 0px)); z-index:80; width:52px; height:52px; border:0; background:var(--accent-strong, #1d6b85); color:#fff; box-shadow:0 6px 24px rgb(12 23 36 / 24%); }
  .profile-share-trigger:hover { background:var(--accent-strong, #1d6b85); }
  .profile-share-dialog { width:100%; max-width:none; max-height:calc(100dvh - 20px); margin:auto 0 0; padding:22px 18px calc(18px + env(safe-area-inset-bottom, 0px)); border-radius:22px 22px 0 0; }
  .profile-share-heading h2 { font-size:1.15rem; }
}