/* ikonfix.css — ganti ikon Unicode jadi SVG Lucide (samakan dengan konten.com)
   Referensi ukuran diambil live dari konten.com/clipper-dashboard:
     info 14px, chevron-down 16-18px, list-filter 16px,
     play 12px (kartu metrik), refresh-cw 18px, users 6px, check 14px       */

/* dasar: semua ikon sprite ikut warna teks induknya */
svg.c-ic {
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 16px;
  height: 16px;
}

/* ikon platform (TikTok/IG/YouTube/Threads) diisi penuh, bukan garis */
svg.c-ic use[href*="pf-"],
.check b svg.c-ic {
  fill: currentColor;
  stroke: none;
}
.check b svg.c-ic { width: 14px; height: 14px; }

/* --- kartu metrik dashboard: konten.com pakai 12px --- */
.clipper-metrics .metric-ic {
  width: 12px;
  height: 12px;
  margin-right: 4px;
  color: #BBBBBB;
}
.clipper-metrics article span { display: flex; align-items: center; gap: 0; }

/* ikon info di "Total Pendapatan" — konten.com 14px */
.metric-info svg.c-ic { width: 14px; height: 14px; }

/* --- kontrol refresh "Video Kamu" --- */
.refresh-control summary b svg.c-ic {
  width: 18px;
  height: 18px;
  color: #ff2e6a;            /* aksen Clypora (paten), bukan amber konten.com */
}
.refresh-control summary i svg.c-ic { width: 18px; height: 18px; }

/* --- dropdown filter --- */
.cfilter summary i svg.c-ic,
.video-select summary i svg.c-ic { width: 16px; height: 16px; }

/* centang pada opsi terpilih */
.check em svg.c-ic { width: 14px; height: 14px; }

/* pil rank "Clipper" di header */
.clipper-rank-pill i svg.c-ic { width: 12px; height: 12px; }
.clipper-rank-pill i { display: inline-flex; align-items: center; }

/* ikon pratinjau notifikasi di panel */
.notification-preview-icon svg.c-ic { width: 16px; height: 16px; }

/* pencarian campaign */
.campaign-search span svg.c-ic { width: 16px; height: 16px; }

/* lambang Clypora di dialog Kelas Clipper (dulu karakter ✣) */
.learning-visual b img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}