.bdl-profile-share-dialog { width:min(520px,calc(100% - 32px)); max-width:520px; max-height:calc(100dvh - 40px); padding:0; border:1px solid #d5e0eb; border-radius:18px; background:#fff; color:#15334b; box-shadow:0 24px 90px #051a3560; overflow:auto; font-family:inherit; }
.bdl-profile-share-dialog:not([open]) { display:none; }
.bdl-profile-share-dialog[open] { display:block; }
.bdl-profile-share-dialog::backdrop { background:#081b35b8; backdrop-filter:blur(4px); }
.bdl-profile-share-dialog.is-fallback { position:fixed; inset:50% auto auto 50%; transform:translate(-50%,-50%); z-index:999999; box-shadow:0 0 0 100vmax #081b35b8,0 24px 90px #051a3560; }
.bdl-share-top { display:flex; align-items:center; gap:13px; padding:22px; background:linear-gradient(115deg,#102b43,#183d56); color:#fff; border-bottom:3px solid #d6b05b; }
.bdl-share-top h2 { margin:0 0 5px !important; padding:0 !important; border:0 !important; background:none !important; color:#fff !important; font-size:22px !important; line-height:1.5; }
.bdl-share-top p { margin:0; color:#dce6f1; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.bdl-share-top > div { min-width:0; flex:1; }
.bdl-share-emblem { display:grid; place-items:center; width:44px; height:44px; flex:none; border:1px solid #d6b05b80; border-radius:12px; color:#f0ce7f; background:#ffffff0b; }
.bdl-share-emblem .bdl-i { width:24px; height:24px; }
.bdl-share-close { display:grid; place-items:center; width:44px; height:44px; padding:0; flex:none; border:1px solid #ffffff40; border-radius:50%; background:#ffffff0b; color:#fff; font-size:29px; cursor:pointer; }
.bdl-share-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:22px 22px 18px; }
.bdl-profile-share-dialog .bdl-share-option { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; min-height:126px; padding:15px 10px; border:1px solid #dfe7f0; border-radius:12px; background:linear-gradient(#fff,#f7faff); color:#173a55; text-decoration:none; font:inherit; font-size:14px; line-height:1.5; text-align:center; cursor:pointer; transition:background .18s,border-color .18s,box-shadow .18s; }
.bdl-share-option strong { font-size:15px; font-weight:700; }
.bdl-share-option small { color:#536d83; font-size:12px; }
.bdl-share-platform-icon { display:grid; place-items:center; width:39px; height:39px; margin-bottom:2px; border-radius:11px; background:#eaf0f7; color:#183d56; }
.bdl-share-platform-icon svg { width:25px; height:25px; }
.bdl-share-facebook .bdl-share-platform-icon { color:#1877f2; background:#edf4ff; }
.bdl-share-messenger .bdl-share-platform-icon { color:#7850e3; background:#f0edff; }
.bdl-share-whatsapp .bdl-share-platform-icon { color:#087e48; background:#e8f8ee; }
.bdl-share-x .bdl-share-platform-icon { color:#101820; background:#eef1f4; }
.bdl-share-email .bdl-share-platform-icon { color:#207b64; background:#eaf6f1; }
.bdl-share-copy .bdl-share-platform-icon { color:#967119; background:#fff6df; }
.bdl-profile-share-dialog .bdl-share-option:hover { border-color:#cfaa4a; background:#fffcf4; box-shadow:0 5px 15px #183d5610; }
.bdl-profile-share-dialog a:focus-visible,.bdl-profile-share-dialog button:focus-visible,.bdl-profile-share-dialog input:focus-visible { outline:3px solid #c89f41; outline-offset:3px; }
.bdl-share-link { margin:0 22px; }
.bdl-share-link label { display:block; font-size:13px; font-weight:600; margin-bottom:7px; color:#4e657b; }
.bdl-share-link input { display:block; width:100%; min-height:44px; padding:10px 12px; border:1px solid #d9e3ee; border-radius:8px; background:#f7faff; color:#20405c; font-size:16px; line-height:1.5; direction:ltr; box-sizing:border-box; }
.bdl-share-status { min-height:24px; margin:12px 22px 18px; color:#345671; font-size:14px; line-height:1.7; }
.bdl-share-status[data-kind="success"] { color:#087449; }
.bdl-share-status[data-kind="help"] { color:#775a17; }
.bdl-share-option:disabled { opacity:.65; cursor:progress; }
@media(max-width:400px) { .bdl-share-top { padding:17px 14px; gap:9px; } .bdl-share-top h2 { font-size:19px !important; } .bdl-share-top p { font-size:12px; } .bdl-share-emblem { width:36px; height:36px; } .bdl-share-options { padding:17px 14px 14px; gap:9px; } .bdl-profile-share-dialog .bdl-share-option { min-height:124px; padding:12px 6px; } .bdl-share-option strong { font-size:13px; } .bdl-share-option small { font-size:11px; } .bdl-share-link { margin:0 14px; } .bdl-share-status { margin:12px 14px 16px; } }
@media(prefers-reduced-motion:reduce) { .bdl-profile-share-dialog * { transition:none !important; } }