/* ================================================================
   assets/css/channels.css (v9)
   Platform badge colors สำหรับ TikTok, Instagram, WhatsApp, SMS, Email
   เพิ่มไฟล์นี้ใน header.php (ต่อจาก app.css)
   ================================================================ */

/* ── Platform badge dots (ci-av, cw-header) ──────────────────────── */
.pb.tiktok    { background: #ff0050; }
.pb.instagram { background: linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); }
.pb.whatsapp  { background: #25D366; }
.pb.sms       { background: #6c757d; }
.pb.email     { background: var(--c-accent); }

/* ── Platform filter buttons (pf-btn) extra colors ──────────────── */
.pf-btn[data-pf="tiktok"]    i { color: #ff0050; }
.pf-btn[data-pf="instagram"] i { color: #e1306c; }
.pf-btn[data-pf="whatsapp"]  i { color: #25D366; }
.pf-btn[data-pf="sms"]       i { color: #6c757d; }
.pf-btn[data-pf="email"]     i { color: var(--c-accent); }

/* ── Channel platform icon in chat header subtitle ───────────────── */
.h-sub .platform-icon { margin-right: 4px; }

/* ── Email-specific message bubble (มี subject) ──────────────────── */
.msg.email-msg .bubble { border-left: 3px solid var(--c-accent); }
.email-subject {
    font-size: .72rem;
    font-weight: 700;
    color: var(--c-accent);
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ── Sidebar nav-item warning state (ยังไม่ตั้งค่า channel) ──────── */
.nav-item.nav-warn {
    border: 1px dashed var(--c-warning);
}

/* ── Contact list platform indicator chip ────────────────────────── */
.ci-platform-chip {
    font-size: .6rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .3px;
}
.ci-platform-chip.line      { background: rgba(6,199,85,.12);   color: #06C755; }
.ci-platform-chip.facebook  { background: rgba(24,119,242,.12); color: #1877F2; }
.ci-platform-chip.tiktok    { background: rgba(255,0,80,.1);    color: #ff0050; }
.ci-platform-chip.instagram { background: rgba(225,48,108,.1);  color: #e1306c; }
.ci-platform-chip.whatsapp  { background: rgba(37,211,102,.1);  color: #25D366; }
.ci-platform-chip.sms       { background: rgba(108,117,125,.1); color: #6c757d; }
.ci-platform-chip.email     { background: var(--c-accent-s);    color: var(--c-accent); }