/*
 * แท็ก/ป้ายสถานะกลางของทั้งเว็บ (2026-09-12) — คู่กับ lib/badge.php
 *
 * 2 component แยกตามหน้าที่ ใช้ token สีชุดเดียวกัน (assets/site-theme.css):
 *   .chip  — แท็กข้อมูลทั่วไป ไม่มีนัยสถานะ (ตลาด/sector/industry ของ view_np.php) พื้นเทาอ่อน มีกรอบ
 *            เพิ่ม .chip-accent ได้ถ้าอยากเน้น (เช่น SET50/SET100)
 *   .badge — ป้ายบอกสถานะ/หมวดหมู่ (delisted, ประเภทข่าว, สถานะประกาศงบ ฯลฯ) พื้นอ่อนโทนสี+ตัวหนังสือเข้ม
 *            (soft-tint แบบเดียวกับ --good-bg/--error-bg ที่มีอยู่แล้ว) มี 6 สี: bad/warn/good/info/
 *            purple/neutral — ดูตาราง mapping เต็มๆ ที่ lib/badge.php
 *
 * ไม่ใช้ solid สีสด+ตัวหนังสือขาว (แบบ badge เดิมของ view_shareholder.php/dividend_helpers.php) เพราะ
 * soft-tint เข้าธีม light/dark ได้เป็นธรรมชาติกว่า (ไม่ต้องคิดคู่สีแยกทุกธีมทุกสี)
 */

.chip {
    display: inline-block; font-size: 12px; color: var(--text-secondary);
    background: var(--autocomplete-hover-bg); border: 1px solid var(--border);
    padding: 3px 10px; border-radius: 999px;
}
.chip-accent {
    background: rgba(41,98,255,0.08); border-color: rgba(41,98,255,0.35);
    color: var(--accent); font-weight: 700;
}

.badge {
    display: inline-block; padding: 2px 9px; border-radius: 999px;
    font-size: 12px; font-weight: 700; white-space: nowrap;
}
.badge-bad     { background: var(--error-bg);        color: var(--error-text); }
.badge-good    { background: var(--good-bg);         color: var(--good); }
.badge-warn    { background: var(--badge-warn-bg);    color: var(--badge-warn-text); }
.badge-info    { background: var(--badge-info-bg);    color: var(--badge-info-text); }
.badge-purple  { background: var(--badge-purple-bg);  color: var(--badge-purple-text); }
.badge-neutral { background: var(--badge-neutral-bg); color: var(--badge-neutral-text); }