.report-share-button { flex: none; border-radius: 8px; margin-left: 8px; }
.report-share-panel { position: fixed; z-index: 1001; right: 20px; bottom: 88px; box-sizing: border-box; width: 440px; max-width: calc(100vw - 32px); padding: 22px; border: 1px solid #BFD6F6; border-radius: 12px; background: #fff; color: #0F2447; box-shadow: 0 12px 40px rgba(15,36,71,.14); font: 600 14px/1.5 Arial, sans-serif; }
.report-share-panel label { display: block; margin: 0 24px 10px 0; font-weight: 700; }
.report-share-panel input { box-sizing: border-box; width: 100%; min-width: 0; padding: 12px; border: 1px solid #BFD6F6; border-radius: 8px; background: #F7FAFE; color: #0F2447; font: 400 16px/1.4 Arial, sans-serif; }
.report-share-panel p { margin: 10px 0 16px; color: #4b5a70; }
.report-share-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.report-share-actions .btn { border-radius: 8px; text-decoration: none; }
.report-share-close { position: absolute; top: 6px; right: 6px; width: 40px; height: 40px; border: 0; border-radius: 8px; background: transparent; color: #1F54AC; font: 400 26px Arial, sans-serif; cursor: pointer; }
.report-share-panel :focus-visible { outline: 3px solid #2A6BD6; outline-offset: 2px; }
.report-share-panel .report-share-error { margin: 12px 0 0; padding: 14px 16px; border: 1px solid #BFD6F6; border-radius: 8px; background: #EAF2FC; color: #1F54AC; font: 600 14px/1.5 Arial, sans-serif; }
@media (max-width: 700px) {
  #final-picks .fp-h .report-share-button,
  #compare-bar .report-share-button { flex: 1 1 100%; width: 100%; margin-left: 0; }
  .bar2 { flex-wrap: wrap; }
  .bar2 .report-share-button { min-width: 0; margin-left: 0; white-space: normal; }
  .report-share-panel { right: 16px; bottom: 24px; max-height: calc(100dvh - 48px); overflow: auto; }
}