/* ══════════════════════════════════════
   BADGES — badges.css
   Block: Pills, chips, status badges
   ══════════════════════════════════════ */

/* ── Generic chip ── */
.chip-green {
    background: var(--green-light);
    color: var(--green);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
    display: inline-block;
}

.chip-orange {
    background: var(--orange-light);
    color: var(--orange);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
    display: inline-block;
    cursor: pointer;
}

.chip-neutral {
    background: var(--bg);
    color: var(--ink3);
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid var(--border);
    white-space: nowrap;
    display: inline-block;
}

.chip-neutral-sm {
    font-size: 11px;
    color: var(--ink4);
    margin-left: 4px;
}

/* ── Lead status badges ── */
.lead-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
}

.lead-badge.hot  { background: var(--red-light);    color: var(--red); }
.lead-badge.warm { background: var(--orange-light); color: var(--orange); }
.lead-badge.cold { background: var(--accent-light); color: #1a7a40; }
.lead-badge.done { background: var(--green-light);  color: var(--green); }

/* ── Competitor table tags ── */
.comp-tag {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
}
.comp-tag.us-tag { background: var(--yellow-light); color: var(--yellow); }
.comp-tag.beat   { background: var(--green-light);  color: var(--green); }
.comp-tag.strong { background: var(--red-light);    color: var(--red); }