.report-share { color: var(--text, #f4f7f5); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.report-share > summary { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0; color: var(--text-soft, #bac5c1); font-size: 12px; font-weight: 550; cursor: pointer; list-style: none; user-select: none; }
.report-share > summary::-webkit-details-marker { display: none; }
.report-share > summary svg { width: 14px; height: 14px; }
.report-share > summary:hover, .report-share[open] > summary { color: var(--accent, #ffb84d); }
.report-share :is(summary, button, a, input):focus-visible { outline: 2px solid var(--accent, #ffb84d); outline-offset: 3px; border-radius: 4px; }
.report-share-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 12px 0; border-top: 1px solid var(--line, #273430); border-bottom: 1px solid var(--line, #273430); }
.report-sharing-ready .report-share-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.report-share-options > :is(a, button) { align-items: center; justify-content: center; gap: 6px; min-width: 0; min-height: 44px; padding: 8px; border: 1px solid var(--line, #273430); border-radius: 6px; background: var(--surface, #111917); color: var(--text-soft, #bac5c1); font: inherit; font-size: 11px; font-weight: 550; text-decoration: none; cursor: pointer; }
.report-share-options > a { display: flex; }
.report-share-copy { display: none; }
.report-sharing-ready .report-share-copy { display: flex; }
.report-share-options > :is(a, button):hover { border-color: #735424; color: var(--accent, #ffb84d); }
.report-share-options .share-external { color: var(--text-muted, #9aaea4); font-size: 11px; }
.report-share-copy:disabled { cursor: wait; opacity: .65; }
.share-manual { display: block; grid-column: 1 / -1; color: var(--text-muted, #9aaea4); font-size: 10px; padding-top: 4px; }
.report-sharing-ready .share-manual { display: none; }
.report-sharing-ready .report-share[data-copy-fallback] .share-manual { display: block; }
.share-manual input { display: block; width: 100%; min-width: 0; min-height: 44px; margin-top: 8px; padding: 8px; border: 1px solid #3b4b46; border-radius: 6px; background: #0b100f; color: #f4f7f5; font: inherit; font-size: 12px; }
.share-status { grid-column: 1 / -1; margin: 0; color: var(--accent, #ffb84d); font-size: 11px; line-height: 1.5; }
.share-status[hidden] { display: none; }
