body.share-viewer-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(46, 155, 255, 0.12), transparent 28%),
    linear-gradient(180deg, #f7fafc 0%, var(--bg) 42%);
}

.share-shell {
  min-height: 100vh;
  padding: 28px 18px 36px;
}

.share-card {
  max-width: 1040px;
  margin: 0 auto;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
  box-shadow: 0 12px 36px rgba(18, 38, 63, 0.06);
  overflow: hidden;
}

.share-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel) 96%, var(--accent) 4%);
}
.share-bar[data-share-theme="editorial"] {
  background:
    linear-gradient(180deg, rgba(248,250,252,0.96), rgba(239,244,249,0.92));
}
.share-bar[data-share-theme="signal"] {
  background:
    radial-gradient(circle at top right, rgba(96,165,250,0.22), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,0.96), rgba(30,41,59,0.94));
  border-bottom-color: rgba(148,163,184,0.22);
}
.share-bar[data-share-theme="signal"] .share-bar-label,
.share-bar[data-share-theme="signal"] .share-report-link,
.share-bar[data-share-theme="signal"] .share-download-icon {
  color: #e2e8f0;
}
.share-bar[data-share-theme="signal"] .share-bar-detail {
  color: #bfdbfe;
}
.share-bar[data-share-theme="signal"] .share-download-icon:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(191,219,254,0.22);
}
.share-bar[data-share-theme="blueprint"] {
  background:
    linear-gradient(135deg, rgba(11,79,108,0.92), rgba(22,120,162,0.92) 58%, rgba(220,165,58,0.88));
  border-bottom-color: rgba(255,248,220,0.18);
}
.share-bar[data-share-theme="blueprint"] .share-bar-label,
.share-bar[data-share-theme="blueprint"] .share-report-link,
.share-bar[data-share-theme="blueprint"] .share-download-icon {
  color: #fff8dc;
}
.share-bar[data-share-theme="blueprint"] .share-bar-detail {
  color: rgba(255,248,220,0.8);
}
.share-bar[data-share-theme="blueprint"] .share-download-icon:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,248,220,0.2);
}
.share-bar-loading .share-bar-label {
  color: var(--muted);
}

.share-bar-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex-wrap: wrap;
}

.share-bar-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
}

.share-bar-detail {
  font-size: 12px;
  color: var(--muted);
}

.share-bar-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.share-report-link {
  font-size: 12px;
  color: var(--muted);
  text-decoration: none;
}

.share-report-link:hover {
  color: var(--text);
  text-decoration: underline;
}

.share-download-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: var(--muted);
  text-decoration: none;
  border: 1px solid transparent;
}

.share-download-icon svg {
  width: 15px;
  height: 15px;
}

.share-download-icon:hover {
  color: var(--text);
  background: var(--tag-bg);
  border-color: var(--line);
}

.shared-link-disabled {
  color: var(--muted) !important;
  text-decoration: none !important;
  cursor: default;
  border-bottom: 1px dotted var(--line);
}

.share-viewer {
  min-height: min(72vh, 820px);
  display: flex;
  flex-direction: column;
}
.share-loading-state {
  flex: 1;
  min-height: min(72vh, 820px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  font-size: 14px;
  color: var(--muted);
}

.share-viewer .file-content-md,
.share-viewer .file-content-html,
.share-viewer .file-content-raw {
  flex: 1;
  min-height: min(72vh, 820px);
}

.share-error {
  padding: 28px;
  color: var(--red);
  font-size: 14px;
}

@media (max-width: 640px) {
  .share-shell {
    padding: 14px 10px 18px;
  }

  .share-bar {
    padding: 10px 12px;
    align-items: flex-start;
  }

  .share-bar-actions {
    padding-top: 1px;
  }
}