/* ============================================================
   Perbaikan hasil AUDIT MENYELURUH 17 Sep 2026 (vs konten.com live).
   Dimuat PALING AKHIR supaya menang atas aturan lama.
   ============================================================ */

/* --- T1. Judul halaman brand: 20px / weight 500 --------------------
   konten.com memakai 20px/500 untuk judul halaman (diukur live di
   /brand/dashboard dan /brand/analytic). Clypora memakai 21,12px/800
   — terlihat jauh lebih besar dan tebal.
   `.screen-title` HANYA dipakai di brand.html (sudah dicek: templat
   clipper memakai `.page-head h1` / `.kt-page-title`), jadi perubahan
   ini tidak menyentuh halaman clipper.
   Halaman Banding dikecualikan: judulnya memang 24px/600 di
   konten.com dan sudah diverifikasi sama. */
main .screen-title{
  font-size:20px !important;
  font-weight:500 !important;
  letter-spacing:normal !important;
  line-height:1.3 !important}

/* ---------- Ikon kartu campaign clipper (temuan audit clipper) ----------
   konten.com memakai SVG Lucide di baris meta kartu: ikon platform
   (tiktok/instagram/youtube) dan ikon "users" untuk jumlah peserta,
   BUKAN karakter teks "♪" atau emoji "👥". Ukuran terukur di HP: 6x6px,
   warna rgb(184,184,184). SVG-nya disalin apa adanya dari konten.com. */
.clipper-campaign-card .c-ic{
  width:6px;height:6px;
  flex:0 0 6px;
  vertical-align:middle;
  margin-right:2px;
  color:#b8b8b8}
@media(min-width:768px){
  .clipper-campaign-card .c-ic{width:10px;height:10px;flex:0 0 10px}
}
/* ---------- Lebar daftar campaign di dashboard clipper ----------
   `app.css` memberi `width:calc(100% - 10px)` pada blok dashboard,
   sehingga kartu jadi 170px sementara di halaman /clipper/campaigns
   175px. konten.com /campaigns terukur: grid 361px, kolom 174,5px,
   gap 12px, mulai x=16. Yang 175px-lah yang benar. */
/* ---------- Lebar isi dashboard clipper (temuan audit) ----------
   `app.css:544` memberi `width:calc(100% - 10px)` pada SEMUA blok
   dashboard clipper, sehingga isinya tidak simetris: jarak kiri 16px
   tapi kanan 26px, dan kartu campaign jadi 170px (di /clipper/campaigns
   175px). konten.com /campaigns terukur: grid 361px, kolom 174,5px,
   gap 12px, mulai x=16 — jarak kiri-kanan SAMA. Karena aturan asli
   memakai selektor `body:is(...)` yang panjang, `!important` dipakai
   untuk mengembalikannya. */
body[data-path="/clipper/dashboard"] .page-head,
body[data-path="/clipper/dashboard"] .clipper-metrics,
body[data-path="/clipper/dashboard"] .clipper-videos,
body[data-path="/clipper/dashboard"] .clipper-active-campaigns{
  width:100% !important}
/* Banding tetap seperti aslinya (24px/600) — kelasnya `.ap-title` */
main .screen-title.ap-title{
  font-size:24px !important;
  font-weight:600 !important}