/* ============================================================ Autokonten — TEMA MONOKROM (hitam–putih, elegan editorial) Ditautkan paling akhir di agar menimpa warna lama. ============================================================ */ :root { --bg: #f4f4f2 !important; --panel: #ffffff !important; --panel-2: #f7f7f4 !important; --ink: #111111 !important; --ink-2: #4a4a4a !important; --muted: #9a9a96 !important; --line: #ececea !important; --line-2: #ddddd8 !important; --navy: #0a0a0a !important; --navy-2: #161616 !important; --accent: #111111 !important; --accent-deep: #000000 !important; --accent-soft: #efefec !important; --orange: #111111 !important; --orange-soft: #efefec !important; --blue: #111111 !important; --blue-soft: #efefec !important; --green: #111111 !important; --green-soft: #efefec !important; --wa: #111111 !important; --wa-soft: #efefec !important; --shadow-sm: 0 1px 2px rgba(0,0,0,.05) !important; --shadow-md: 0 12px 34px rgba(0,0,0,.10) !important; } /* ── Sidebar hitam pekat + glow halus putih ── */ .side, .brandside, .hero { background: #0a0a0a !important; } .side::before, .brandside::before, .brandside::after, .hero::before, .hero::after { background: radial-gradient(circle, rgba(255,255,255,.05), transparent 70%) !important; } .nav-item.active { background: #ffffff !important; color: #0a0a0a !important; } .nav-item.active svg { color: #0a0a0a !important; opacity: 1 !important; } .nav-item.active .nav-badge { background: #0a0a0a !important; color: #fff !important; } .nav-badge { background: #ffffff !important; color: #0a0a0a !important; } .nav-badge.muted { background: rgba(255,255,255,.16) !important; color: #fff !important; } /* ── Solid mono untuk avatar, ikon platform, bubble, tombol kirim ── */ .avatar, .brand-mark, .msg-ava.bot, .msg-ava.usr, .send-btn, .cmodal-ic, .pi-linkedin, .pi-threads, .pi-facebook, .pi-reddit, .pi-whatsapp, .mini-plat, .plat-icon, .num-ava, .step-n, .ai-logo, .node-ic, .saved-ic, .bs-mark, .logo-mark { background: #111111 !important; color: #ffffff !important; box-shadow: none !important; } .bubble.usr { background: #111111 !important; color: #fff !important; } .bubble.bot b, .topic-n, .cmd-rlabel, .src-n { color: #111 !important; } /* ── Tombol utama hitam, ghost putih ── */ .btn-primary, .submit, .comp-go, .add-btn, .pg-add, .mini-btn.connect, .qbtn.primary, .sbtn.green, .send-btn { background: #111111 !important; color: #ffffff !important; box-shadow: none !important; } .btn-primary:hover, .submit:hover { background: #000000 !important; } /* ── Stat & ikon lembut → abu netral ── */ .stat-icon, .si-green, .si-blue, .si-amber, .si-sky, .si-indigo, .si-navy, .si-clay, .si-gold, .si-teal, .feat-ic, .phase-ic, .past-ic { background: #f0f0ec !important; color: #111111 !important; } .stat::after { display: none !important; } /* ── Badge, chip, trend, tag → grayscale ── */ .trend-up, .trend-flat, .chip, .b-draft, .b-sched, .b-posted, .plat-tag.tag-on, .tag-on, .ftag, .var-chip, .ai-active-pill, .wa-pill, .n8n-pill, .cmd-rend { background: #f0f0ec !important; color: #333333 !important; border-color: #e2e2dd !important; } /* ── Toggle & dot ── */ .switch, .toggle-big { background: #111111 !important; } .switch.off, .toggle-big.off { background: #d6d6d0 !important; } .dot { background: #111111 !important; box-shadow: 0 0 0 3px #ececea !important; } /* ── Gambar/hero kartu → gradien abu elegan ── */ .qcard-img, .det-hero, .item-thumb, .t1, .t2, .t3, .t4, .qimg-1, .qimg-2, .qimg-3 { background: linear-gradient(135deg, #1c1c1c, #454545) !important; } /* ── Login / Landing aksen ── */ .bs-eyebrow, .eyebrow { background: #ffffff !important; color: #0a0a0a !important; border-color: rgba(255,255,255,.25) !important; } .bs-head span, .bs-head em, .hero h1 span { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: none !important; } .cta-box { background: #111111 !important; } .cta-box h2, .cta-box p { color: #ffffff !important; } .link, .foot-note a, .terms a, .foot-col a:hover { color: #111111 !important; } /* ── WhatsApp preview & scheduler aksen ── */ .wa-preview { background: #ededea !important; } .sched-status, .nextrun { background: #f0f0ec !important; border-color: #e2e2dd !important; } .sched-status-txt, .nr-label, .nr-time { color: #111 !important; } .time-pill.next { background: #f0f0ec !important; border-color: #111 !important; } .time-pill.next .time-val { color: #111 !important; } /* ── Sentuhan elegan: hairline + tipografi ── */ .panel, .stat, .card, .qcard, .ai-card, .plat-group { border-color: #e8e8e4 !important; } .nav-label, .panel-tag, .sec-tag, .nav-badge { letter-spacing: .12em !important; } .engine-pill { border-color: #e2e2dd !important; } /* ── FIX: teks aksen di atas panel GELAP (composer/navy) → putih agar terbaca ── */ .composer .comp-label, .comp-label { color: #ffffff !important; } .composer .comp-label svg { color: #ffffff !important; opacity: .9 !important; } /* ── FIX: gambar berita/foto (yang punya background-image) tampil FULL COLOR, jangan ikut grayscale tema ── */ [style*="background-image"] { filter: none !important; -webkit-filter: none !important; }