/* Share-verified UI — injected into the hosted tool only. Inherits the tool's
   CSS variables (--panel, --edge, --ink, --mut, --accent, --ok, --rule). */
.share-slot { margin: 14px 0 4px; padding: 14px 16px 4px; border-top: 1px solid var(--rule, #e6ebf2); }
.share-btn {
  appearance: none; border: 1px solid var(--ok-line, #bfe3cd); background: var(--ok-soft, #e7f4ec);
  color: var(--ok, #0f7a45); font: inherit; font-weight: 650; font-size: 13.5px;
  padding: 9px 15px; border-radius: 9px; cursor: pointer;
}
.share-btn:hover:not(:disabled) { filter: brightness(0.98); }
.share-btn:disabled { opacity: 0.6; cursor: default; }
.share-out { margin-top: 10px; }
.link-row { display: flex; gap: 8px; align-items: stretch; flex-wrap: wrap; }
.link-input {
  flex: 1 1 260px; min-width: 0; font: 12.5px ui-monospace, SFMono-Regular, Menlo, monospace;
  padding: 8px 10px; border: 1px solid var(--edge, #dde3ec); border-radius: 8px;
  background: var(--panel, #fff); color: var(--ink, #14202f);
}
.copy-btn, .open-link {
  appearance: none; border: 1px solid var(--edge, #dde3ec); background: var(--panel, #fff);
  color: var(--ink, #14202f); font: inherit; font-size: 13px; font-weight: 600;
  padding: 8px 13px; border-radius: 8px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center;
}
.copy-btn:hover, .open-link:hover { border-color: var(--accent, #0f7a45); }
.share-note { margin: 9px 0 6px; color: var(--mut, #5b6b81); font-size: 12px; line-height: 1.5; }
.share-note b { color: var(--ink, #14202f); }
.share-err { color: var(--bad, #c0261f); }