/* ======================================================
   SharpeShare BADGES — SUBTLE / TAG-LIKE (FINAL)
   Purpose: informational only, not interactive
   ====================================================== */

.badge.ss-badge{
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 0.62rem;             /* ⬇ smaller */
  text-transform: uppercase;
  letter-spacing: 0.03em;

  display: inline-flex;
  align-items: center;
  gap: 0.38rem;

  padding: 0.26rem 0.52rem;       /* ⬇ tighter */
  line-height: 1;

  border-radius: 9999px;
  border: 1px solid rgba(15,23,42,.14);
  box-shadow: none;

  vertical-align: middle;
}
.badge-row { margin-bottom: .35rem; }
/* Normalize icon sizing so badges don’t grow vertically */
.badge.ss-badge i,
.badge.ss-badge svg{
  font-size: 0.85em;
  line-height: 1;
  width: 1em;
  height: 1em;
  opacity: 0.85;
}

/* ---------- Broker-linked (trusted) ---------- */
.ss-badge.badge-broker{
  background: rgba(15,23,42,0.06);
  color: #0f172a;
  border-color: rgba(15,23,42,0.14);
}

/* ---------- Simulated / Manual (caution) ---------- */
.ss-badge.badge-manual{
  background: rgba(245,158,11,0.10);
  color: #92400e;
  border-color: rgba(245,158,11,0.20);
}

/* ---------- Public ---------- */
.ss-badge.badge-public{
  background: rgba(16,185,129,0.09);
  color: #065f46;
  border-color: rgba(16,185,129,0.18);
}

/* ---------- Private ---------- */
.ss-badge.badge-private{
  background: rgba(244,63,94,0.09);
  color: #9f1239;
  border-color: rgba(244,63,94,0.18);
}

/* Optional: ensure badges never look clickable */
.ss-badge{
  cursor: default;
  user-select: none;
}








/* ===========================
   EXPORT MODE: make badges readable on dark export header
   =========================== */

/* If your export header is dark, force "dark theme badge" treatment */
body.export .export-brand .badge.ss-badge{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.22);
  color: rgba(255,255,255,.92);
}

/* Keep icons readable too */
body.export .export-brand .badge.ss-badge i,
body.export .export-brand .badge.ss-badge svg{
  color: currentColor;
}

/* Optional: give each type a *hint* of its color even in export */
body.export .export-brand .ss-badge.badge-private{
  background: rgba(244,63,94,.16);
  border-color: rgba(244,63,94,.32);
}
body.export .export-brand .ss-badge.badge-public{
  background: rgba(16,185,129,.16);
  border-color: rgba(16,185,129,.30);
}
body.export .export-brand .ss-badge.badge-broker{
  background: rgba(148,163,184,.18);   /* slate hint */
  border-color: rgba(148,163,184,.35);
}
body.export .export-brand .ss-badge.badge-manual{
  background: rgba(245,158,11,.18);
  border-color: rgba(245,158,11,.38);
}

/* Export: badge row above title */
body.export .share-badge-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.4rem;
  margin-top:.35rem;
  margin-bottom:.15rem;
}

/* Optional: keep badges slightly compact in export */
body.export .share-badge-row .ss-badge{
  font-size:.66rem;
  padding:.28rem .54rem;
}