/* Share button and menu (murof/share.py, static/share.js). Theme tokens only, so Pearl, Night, Studio and store
   themes all style it. The menu is fixed to the viewport and clamped by share.js, so it never runs off a phone. */
.share-btn span { white-space: nowrap; }
.share-btn[aria-expanded="true"] { background: var(--surface-2); color: var(--text); }
.share-btn.btn svg { width: 16px; height: 16px; flex: none; }
.share-pop { position: fixed; z-index: 95; width: max-content; min-width: 200px; max-width: calc(100vw - 24px); padding: 6px;
  border-radius: var(--r-md); background: var(--surface-solid); color: var(--text); box-shadow: var(--rim), var(--e-3);
  animation: share-in 160ms var(--ease-spring, ease-out); }
.share-item { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 0 12px; border: 0; border-radius: var(--r-sm);
  background: transparent; color: var(--text-muted); font: 600 var(--fs-sm)/1.2 var(--font-ui); text-align: left; cursor: pointer; }
.share-item svg { flex: none; }
.share-item span { min-width: 0; overflow-wrap: anywhere; }
.share-item:hover, .share-item:focus-visible { background: var(--surface-2); color: var(--text); outline: none; }
.share-item:focus-visible { box-shadow: 0 0 0 2px var(--accent); }
.share-url { margin: 4px 6px 2px; padding-top: 8px; border-top: 1px solid var(--border); color: var(--text-faint);
  font: 500 var(--fs-xs)/1.3 var(--font-mono); overflow-wrap: anywhere; max-width: 300px; }
@keyframes share-in { from { opacity: 0; transform: translateY(-4px) scale(.98); } }
@media (pointer: coarse) { .share-item { min-height: 46px; } }
@media (prefers-reduced-motion: reduce) { .share-pop { animation: none; } }
/* Nested replies keep their row short: icon only; the button's title still names it for screen readers. */
.rbody .actions .share-btn span { display: none; }