/* TEMA GELAP: hitam hangat, kartu cokelat gelap, aksen kuning (sama identitas dengan tema terang) */
html.dark{color-scheme:dark;--paper:#14120b;--card:#221f14;--card2:#2d2919;--card3:#38331f;--cbg:#221f14;--ink:#f6efd8;--text:#f6efd8;--mute:rgba(246,239,216,.68);--line:#3b3623;
--bd:#000;--sd:#000;--inv:#000;--acc:#ffd83d;--acc2:#ffe27a;--a:#ffd83d;--a2:#ffd83d;--ga:#ffd83d;--gb:#ffd83d;--s1:#ffd83d;--s2:#ffd83d;--sbg:#14120b;--stx:#f6efd8;--smu:rgba(246,239,216,.7);
--blue:#4a9be8;--green:#3fbf75;--red:#ff5a6a;--pink:#ff8fb3;--ok:#4ade80;--err:#ff6b6b;--fb:#cfc6a6;--navbg:#1b1810;--sheet:#1f1c12}
html.dark body{background-color:var(--paper)!important}
html.dark ::selection{background:#fff;color:var(--card)}

/* input dan kontrol kecil */
html.dark input:not(.tg *),html.dark textarea:not(.tg *):not(.edc *),html.dark select:not(.tg *),
html.dark input.mono:not(.tg *):not(#log):not(.srow *):not(.edc *),html.dark textarea.mono:not(.tg *):not(#log):not(.srow *):not(.edc *){background:var(--card2)!important;color:#fff!important;border-color:var(--bd)!important}
html.dark input:focus:not(.tg *),html.dark textarea:focus:not(.tg *):not(.edc *),html.dark select:focus:not(.tg *),
html.dark input.mono:focus:not(.tg *):not(#log):not(.srow *):not(.edc *),html.dark textarea.mono:focus:not(.tg *):not(#log):not(.srow *):not(.edc *){background:var(--card3)!important}
html.dark input::placeholder,html.dark textarea::placeholder{color:rgba(255,255,255,.55)!important}
html.dark input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--card2) inset!important;-webkit-text-fill-color:#fff!important}
html.dark .ghost:not(.tg *),html.dark .mini:not(.tg *),html.dark .pill:not(.tg *),html.dark .chip,html.dark .sg,html.dark .seg,html.dark .seg2,html.dark .pb,
html.dark .tgfsbar .l,html.dark #toast,html.dark .accr,html.dark .bkcard .bk,html.dark .lgsteps span,html.dark .lgsteps span i,html.dark .ab-rows,html.dark #ptr,
html.dark .pw-list li,html.dark .pw-how,html.dark .pw-card{background:var(--card2)!important;color:#fff!important}
html.dark #flowList>.row{background:var(--card)!important}
html.dark .accr.on{background:var(--acc)!important;color:#111!important}
html.dark .bk-d{background:#ff4d5e!important}
html.dark .pw-how p,html.dark .pw-price{color:#fff!important}

/* header dan navigasi bawah */
html.dark #app main .tb{background:#000!important;border-color:var(--bd)!important;box-shadow:none!important}
html.dark #app aside{background:#000!important;border-color:var(--bd)!important;box-shadow:none!important}
html.dark #app aside .navind{background:var(--card)!important;border-color:var(--card)!important;box-shadow:none!important}
html.dark #app aside .nav,html.dark #app aside .nav.on{color:#fff!important}
html.dark #app aside .nav svg,html.dark #app aside .nav i{stroke:#fff}

/* AI Build */
html.dark #aiRoot{--k:#fff;--paper:#000;--mute:rgba(255,255,255,.76)}
html.dark #aiRoot .cx{background-color:#000;background-image:none}
html.dark #aiRoot .cxh,html.dark #aiRoot .cxib{background:#000!important}
html.dark #aiRoot .cxib{background:var(--card)!important}
html.dark #aiRoot .cxr.u .cxb{background:var(--card2);color:#fff}
html.dark #aiRoot .cxr.a .cxb,html.dark #aiRoot .cxf,html.dark #aiRoot .cxlfr,html.dark #aiRoot .cxlive,html.dark #aiRoot .cxbox,html.dark #aiRoot .cxk{background:var(--card)!important}
html.dark #aiRoot .cxf.on{background:var(--acc)!important}
html.dark #aiRoot .cxq button,html.dark #aiRoot .cxmini,html.dark #aiRoot .cxch button,html.dark #aiRoot .cxch2,html.dark #aiRoot .cxsr,html.dark #aiRoot .cxcd{background:var(--card2)!important;color:#fff}
html.dark #aiRoot .cxpn{background:#000}
html.dark #aiRoot .cxch2.on{background:var(--acc)!important;color:#111}
html.dark #aiRoot .cxb code{color:#111}
html.dark #aiRoot .cxsend{color:#fff}
html.dark #aiRoot .cx.busy .cxsend{background:var(--red)!important}
html.dark #aiRoot .cxpop{background:#000}
html.dark #aiRoot .cxpop button{color:#fff}
html.dark #aiRoot .cxtoast{color:#fff}

/* dropdown dan dialog kustom */
html.dark .csel .cs-t{background:var(--card2);color:#fff}
html.dark .csel .cs-c{background:#fff;color:#111}
html.dark .csel.open .cs-t{background:var(--acc);color:#111}
html.dark .ui-sheet,html.dark .ui-dlg{background:#000}
html.dark .ui-opt{background:var(--card)}
html.dark .ui-opt.on{background:var(--acc)}
html.dark .ui-opt i{background:#000;color:#fff}
html.dark .ui-x,html.dark .ui-di{background:var(--card2);color:#fff}
html.dark .ui-in{background:var(--card2)!important;color:#fff!important}
html.dark .ui-b.ghost{background:var(--card2);color:#fff}
html.dark .ui-b.main{color:#fff}
html.dark .ui-dh b,html.dark .ui-db{color:#fff}