/* ---- 1. Chip filter cepat tanggal ---- */
.adv-chip-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1 0 100%;margin-top:6px}
.adv-chip-row .acl{font-size:11px;color:#7a86a8;margin-right:2px}
.adv-chip{cursor:pointer;font-size:11.5px;font-weight:600;padding:5px 13px;border-radius:20px;border:1px solid #25304f;background:#0f1830;color:#c8d0e8;transition:.15s}
.adv-chip:hover{border-color:#3a5aa0;background:#16223e}
.adv-chip.on{background:linear-gradient(135deg,#1a2950,#214a8a);border-color:#3a5aa0;color:#fff}
html[data-theme="light"] .adv-chip-row .acl{color:#5a6b88}
html[data-theme="light"] .adv-chip{background:#f4f8ff;border-color:#cfe0f5;color:#23477d}
html[data-theme="light"] .adv-chip:hover{background:#e6eefb;border-color:#9cc0ee}
html[data-theme="light"] .adv-chip.on{background:linear-gradient(135deg,#214a8a,#2f63b8);color:#fff;border-color:#2f63b8}

/* ---- 2. Panel riwayat 🕓 ---- */
.nhist-wrap{position:relative}
.nhist-btn{cursor:pointer;line-height:1;padding:6px 12px}
.nhist-btn:hover{background:#131c33;border-color:#2a3a60}
.nhist-pop{position:absolute;top:42px;right:0;width:380px;max-width:90vw;max-height:74vh;overflow:auto;z-index:1200;
  background:#0e1528;border:1px solid #20294a;border-radius:14px;box-shadow:0 24px 60px -20px rgba(0,0,0,.7);display:none;padding:8px}
.nhist-pop.open{display:block}
.nhist-h{font-size:12px;font-weight:700;color:#9fb0d6;padding:8px 10px 6px}
.nhist-f{display:flex;gap:6px;padding:0 8px 8px}
.nhf{cursor:pointer;font-size:11px;font-weight:600;padding:5px 13px;border-radius:18px;border:1px solid #25304f;background:#111a30;color:#9fb0d6}
.nhf.on{background:#214a8a;border-color:#3a5aa0;color:#fff}
.nhist-q{width:calc(100% - 16px);margin:0 8px 8px;box-sizing:border-box;background:#0f1830;border:1px solid #25304f;color:#e8edff;border-radius:9px;padding:7px 11px;font-size:12.5px;outline:none}
.nhist-q:focus{border-color:#3a5aa0}
.nhist-list{display:flex;flex-direction:column;gap:5px}
.nhist-it{display:flex;gap:9px;padding:9px 11px;border-radius:10px;background:#111a30;border-left:3px solid #2a3a60}
.nhist-it:hover{background:#16223e}
.hi-ic{font-size:15px;line-height:1.4}
.hi-main{min-width:0;flex:1}
.hi-r1{font-size:12.5px;font-weight:600;color:#dbe4fb;display:flex;align-items:center;gap:7px}
.hi-r1 .hi-tag{margin-left:auto;font-size:9.5px;font-weight:700;padding:1px 7px;border-radius:8px;background:#1c2748;color:#9fb0d6;white-space:nowrap}
.hi-r2{font-size:11.5px;color:#9aa9cd;margin-top:3px;word-break:break-word}
.hi-r3{font-size:10.5px;color:#6b7a9e;margin-top:3px}
.nhist-empty{padding:22px 12px;text-align:center;color:#6b7a9e;font-size:12.5px}
html[data-theme="light"] .nhist-btn:hover{background:#eef2f9}
html[data-theme="light"] .nhist-pop{background:#fff;border-color:#e2e8f4;box-shadow:0 24px 60px -22px rgba(20,40,80,.35)}
html[data-theme="light"] .nhist-h{color:#5a6b88}
html[data-theme="light"] .nhf{background:#eef2f9;border-color:#dde5f1;color:#5a6b88}
html[data-theme="light"] .nhf.on{background:#214a8a;color:#fff;border-color:#2f63b8}
html[data-theme="light"] .nhist-q{background:#fff;border-color:#dbe2f0;color:#1c2640}
html[data-theme="light"] .nhist-it{background:#f6f9fe;border-left-color:#d4dcec}
html[data-theme="light"] .nhist-it:hover{background:#eaf2fb}
html[data-theme="light"] .hi-r1{color:#1c2640}
html[data-theme="light"] .hi-r1 .hi-tag{background:#e8eef8;color:#5a6b88}
html[data-theme="light"] .hi-r2{color:#4a5878}
html[data-theme="light"] .hi-r3{color:#7a86a8}

/* ---- 3. Banner draf ritase ---- */
.ri-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#13233f;border:1px solid #29406a;border-radius:10px;padding:9px 13px;margin:0 0 12px;font-size:12.5px;color:#c8d0e8}
.ri-b-act{cursor:pointer;font-size:11.5px;font-weight:600;padding:4px 12px;border-radius:8px;border:1px solid #3a5aa0;background:#1a2950;color:#dbe4fb}
.ri-b-act:hover{background:#214a8a}
.ri-b-act.del{border-color:#5a2a2a;background:#2a1414;color:#ff9b9b}
.ri-b-act.del:hover{background:#3a1414}
html[data-theme="light"] .ri-banner{background:#eef4fc;border-color:#cfe0f5;color:#23477d}
html[data-theme="light"] .ri-b-act{background:#e3edfb;border-color:#bcd3f0;color:#1c3055}
html[data-theme="light"] .ri-b-act.del{background:#fbeaea;border-color:#f0c4c4;color:#a83232}

/* ---- 4. Mic voice input di chat ---- */
#ai-mic{background:#1c2540 !important;border:1px solid #2a3550 !important;color:#9fb0d6 !important}
#ai-mic:hover{border-color:#0883a8 !important;color:#cfe0f5 !important}
#ai-mic.rec{background:#ef4444 !important;color:#fff !important;border-color:#ef4444 !important;animation:micpulse 1.1s infinite}
@keyframes micpulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.55)}50%{box-shadow:0 0 0 7px rgba(239,68,68,0)}}
html[data-theme="light"] #ai-mic{background:#fff !important;border-color:#dbe2f0 !important;color:#5a6b88 !important}

/* Light-theme sweep — class-based dark panels missed by earlier passes (login overlay excluded by design) */
html[data-theme="light"] .ar-c{background:#f4f7fc;border-color:#dbe2f0;color:#1c2640}
html[data-theme="light"] .opa-photo-card{background:#f4f7fc;border-color:#dbe2f0}
html[data-theme="light"] .opa-photo-card img{background:#eef2f9}
html[data-theme="light"] .tw::before{background:linear-gradient(90deg,transparent,#f7f9fc)}

@media(max-width:760px){
  .nhist-pop{top:46px;right:-40px;width:300px}
}

/* === Light-theme sweep (auto, additive): neutralize inline dark backgrounds/borders
   that survive light mode because inline styles beat class CSS. Login overlay
   (#0d1117/#161b22/#30363d) intentionally excluded. Dark mode untouched. === */
html[data-theme="light"] [style*="background:#0a0f1c"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#0a1124"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#0d1322"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#0e1530"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#0e1730"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#0f1626"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#0f1830"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#10182e"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#141a2e"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#141b34"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#1a2240"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#1b2542"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#1c2440"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#1e3a5f"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#222a44"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#23304f"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#262c44"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#2a2410"]{background:#fdf6e3 !important}
html[data-theme="light"] [style*="background:#2f3c66"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#3a1a1f"]{background:#fbeaea !important}
html[data-theme="light"] [style*="background:#3a1f1f"]{background:#fbeaea !important}
html[data-theme="light"] [style*="background:#3a2350"]{background:#f3eefb !important}
html[data-theme="light"] [style*="background:#3a2e12"]{background:#fdf6e3 !important}
html[data-theme="light"] [style*="background:#3a2f12"]{background:#fdf6e3 !important}
html[data-theme="light"] [style*="background:#5a3a1a"]{background:#fdf6e3 !important}
html[data-theme="light"] [style*="background:linear-gradient(180deg,#121a33,#0f1830)"]{background:#f4f7fc !important}
html[data-theme="light"] [style*="background:#102a22"]{background:#eaf7f0 !important}
html[data-theme="light"] [style*="background:#3a1620"]{background:#fbeaea !important}
html[data-theme="light"] [style*="border-bottom:1px dashed var(--line,#243049)"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border-bottom:1px solid #161d33"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border-color:#3a3050"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border-left:1px solid #25304f"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border-top:1px solid #232a44"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border-top:1px solid #2f3c66"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border-top:2px solid #2a3550"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border-top:2px solid #2a3a63"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border-top:2px solid #2b3a66"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border-top:2px solid #2f3c66"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border:1px solid #1a2240"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border:1px solid #1e2842"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border:1px solid #1e3a2e"]{border-color:#bfe3cf !important}
html[data-theme="light"] [style*="border:1px solid #243056"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border:1px solid #25304f"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border:1px solid #2a3550"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border:1px solid #2b3a66"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border:1px solid #2f3c66"]{border-color:#dbe2f0 !important}
html[data-theme="light"] [style*="border:1px solid #5a2a2a"]{border-color:#f0c4c4 !important}