.sitter-sharing { margin: 1.25rem 0; }
.sitter-sharing-link { overflow-wrap: anywhere; }
.sitter-sharing-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); gap: .75rem; }
.sitter-sharing-actions [hidden] { display: none; }
.sitter-sharing-editor { margin: 1rem 0; }
.sitter-sharing-editor summary { cursor: pointer; font-weight: 600; }
.sitter-sharing-editor label { display: block; margin: .9rem 0 .3rem; font-weight: 600; }
.sitter-sharing-editor textarea { width: 100%; box-sizing: border-box; resize: vertical; font: inherit; padding: .7rem; border: 1px solid #b7c6c9; border-radius: .5rem; }
.sitter-sharing [data-share-status]:empty { display: none; }
.sitter-sharing [data-share-open][hidden] { display: none; }
.sitter-sharing [data-share-open] { min-height: 48px; box-sizing: border-box; display: inline-flex; align-items: center; }
.share-btn { display: flex; align-items: center; justify-content: center; gap: .6rem; min-height: 48px; min-width: 0; padding: .6rem .9rem; box-sizing: border-box; font: inherit; font-weight: 600; line-height: 1.2; color: var(--primary, #1F4D57); background: var(--surface, #fff); border: 1px solid var(--border, #DED8CC); border-radius: .6rem; text-decoration: none; cursor: pointer; text-align: center; }
.share-btn:hover { background: var(--highlight, #EEF3F1); border-color: var(--primary, #1F4D57); }
.share-btn:focus-visible { outline: 3px solid var(--accent, #C89220); outline-offset: 2px; }
.share-label { min-width: 0; overflow-wrap: anywhere; }
.share-icon { flex: 0 0 1.25rem; width: 1.25rem; height: 1.25rem; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.share-whatsapp { --i: url("icons/whatsapp.svg"); }
.share-facebook { --i: url("icons/facebook-f.svg"); }
.share-instagram { --i: url("icons/instagram.svg"); }
.share-native { --i: url("icons/share-nodes.svg"); }
.share-copy { --i: url("icons/link.svg"); }
.share-qr { --i: url("icons/qrcode.svg"); }
.share-whatsapp .share-icon { background: #25D366; }
.share-facebook .share-icon { background: #1877F2; }
.share-instagram .share-icon { background: linear-gradient(45deg, #F9A12B, #E1306C 55%, #C13584); }
.share-native .share-icon, .share-copy .share-icon, .share-qr .share-icon { background: var(--muted, #667176); }
.sitter-sharing-actions .share-btn[hidden] { display: none; }