.public-share { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 18px 0; text-align: left; }
.public-share[hidden], [hidden] { display: none !important; }
.public-share button, .public-share a { min-height: 44px; padding: 11px 14px; border: 1px solid #c8cfd8; border-radius: 8px; background: #fff; color: #273243; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
.public-share input { width: 100%; min-width: 0; padding: 10px; font: inherit; }
.public-share-status { flex-basis: 100%; margin: 0; font-size: 13px; }
.public-share-status:empty { display: none; }
html[data-surface="side-panel"] .public-share button, html[data-surface="side-panel"] .public-share a, html[data-surface="side-panel"] .public-share input { background: var(--surface-elevated); color: var(--text); border-color: var(--border); }

.invite-share-status { margin: 0; }
.invite-share-status input { color: inherit; background: transparent; }

.public-share-description, .public-share-note { flex-basis: 100%; margin: 0; line-height: 1.6; }
.public-share-description { font-size: 15px; font-weight: 700; }
.public-share-note { font-size: 13px; }
.public-share .public-share-copy, html[data-surface="side-panel"] .public-share .public-share-copy { flex: 2 1 180px; background: #176bc1; border-color: #176bc1; color: #fff; }
.public-share .public-share-social, html[data-surface="side-panel"] .public-share .public-share-social { flex: 1 1 100px; background: #171717; border-color: #171717; color: #fff; text-align: center; }
.public-share .public-share-copy:hover, .public-share .public-share-social:hover { filter: brightness(.9); }
.public-share .public-share-copy:focus-visible, .public-share .public-share-social:focus-visible { outline: 3px solid #e5a000; outline-offset: 3px; }
.public-share .public-share-copy:disabled { opacity: .6; cursor: wait; }