/* static/css/verdict_badge.css
   Unified investment-verdict badge. Soft tinted pills, gallery palette.
   Markup contract:
   <span class="vbadge vbadge--{size} vbadge--{family} [is-emph]">Label[<span class="vbadge__conf">Word</span>]</span>
   Spec: docs/superpowers/specs/2026-07-04-verdict-badge-system-design.md */

.vbadge {
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
  border: 1px solid transparent;
  line-height: 1.2;
}

/* sizes */
.vbadge--inline { padding: 0.3rem 0.7rem; font-size: 0.78rem; }
.vbadge--mini   { padding: 0.12rem 0.5rem; font-size: 0.68rem; border-radius: 5px; }
.vbadge--hero   { padding: 0.55rem 1.05rem; font-size: 1.02rem; font-weight: 700; border-radius: 9px; }

/* hero confidence sub-label */
.vbadge__conf {
  font-size: 0.72rem;
  font-weight: 600;
  opacity: 0.7;
  margin-left: 0.55rem;
  padding-left: 0.55rem;
  border-left: 1px solid currentColor;
}

/* families — light */
.vbadge--green  { background: rgba(107,142,127,0.16); color: #4a7c59; }
.vbadge--teal   { background: rgba(47,138,128,0.15);  color: #2f8a80; }
.vbadge--purple { background: rgba(124,92,191,0.14);  color: #7c5cbf; }
.vbadge--slate  { background: rgba(63,115,145,0.15);  color: #3f7391; }
.vbadge--indigo { background: rgba(91,95,199,0.14);   color: #5b5fc7; }
.vbadge--amber  { background: rgba(212,175,55,0.17);  color: #9a7b2c; }
.vbadge--gray   { background: rgba(120,116,105,0.16); color: #6b6960; }
.vbadge--red    { background: rgba(180,90,90,0.13);   color: #a64b4b; }

/* bookend emphasis — faint accent border on the strongest signals */
.vbadge--green.is-emph { border-color: rgba(74,124,89,0.55); }
.vbadge--red.is-emph   { border-color: rgba(166,75,75,0.5); }

/* families — dark */
[data-theme="dark"] .vbadge--green  { background: rgba(107,142,127,0.22); color: #87a96b; }
[data-theme="dark"] .vbadge--teal   { background: rgba(47,138,128,0.24);  color: #5cc2b8; }
[data-theme="dark"] .vbadge--purple { background: rgba(124,92,191,0.26);  color: #b49af0; }
[data-theme="dark"] .vbadge--slate  { background: rgba(96,165,196,0.22);  color: #7fc0dc; }
[data-theme="dark"] .vbadge--indigo { background: rgba(120,124,224,0.26); color: #9aa0f5; }
[data-theme="dark"] .vbadge--amber  { background: rgba(212,175,55,0.22);  color: #d4af37; }
[data-theme="dark"] .vbadge--gray   { background: rgba(150,146,135,0.22); color: #b8b3a6; }
[data-theme="dark"] .vbadge--red    { background: rgba(180,90,90,0.26);   color: #c97878; }
[data-theme="dark"] .vbadge--green.is-emph { border-color: rgba(135,169,107,0.6); }
[data-theme="dark"] .vbadge--red.is-emph   { border-color: rgba(201,120,120,0.6); }

/* verdict color dot (hero typographic treatment) */
.verdict-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; flex: none; }
.vdot--green{background:#5c8f6f} .vdot--teal{background:#2f8a80} .vdot--purple{background:#7c5cbf}
.vdot--slate{background:#3f7391} .vdot--indigo{background:#5b5fc7} .vdot--amber{background:#c39a35}
.vdot--gray{background:#8a877d} .vdot--red{background:#b45a5a}
[data-theme="dark"] .vdot--green{background:#87a96b} [data-theme="dark"] .vdot--teal{background:#5cc2b8}
[data-theme="dark"] .vdot--purple{background:#b49af0} [data-theme="dark"] .vdot--slate{background:#7fc0dc}
[data-theme="dark"] .vdot--indigo{background:#9aa0f5} [data-theme="dark"] .vdot--amber{background:#d4af37}
[data-theme="dark"] .vdot--gray{background:#b8b3a6} [data-theme="dark"] .vdot--red{background:#c97878}