/* Gaya bersama VOLTA-OEA2. Tema TERANG jadi bawaan; tema gelap menimpa lewat [data-tema="gelap"] pada . Papan bergaya slide (AEBM & Pantau) sengaja tetap terang di kedua tema — itu meniru tampilan deck PPT, bukan antarmuka aplikasi. */ :root{ --bg:#eef2f7; --pnl:#ffffff; --pnl2:#f7f9fc; --line:#d3dded; --txt:#16283d; --mut:#5d7189; --acc:#0a7ea4; --acc-txt:#ffffff; --ok:#15803d; --ok-bg:#e6f6ec; --warn:#a16207; --warn-bg:#fdf6e3; --bad:#b91c1c; --bad-bg:#fdeeee; --netral-bg:#eef2f7; --bar:#0b1324; --bar-txt:#e8eef6; --bar-line:#22304a; --bayang:0 1px 3px rgba(16,40,70,.09), 0 6px 20px rgba(16,40,70,.06); } html[data-tema="gelap"]{ --bg:#0f172a; --pnl:#16213a; --pnl2:#1b2740; --line:#2c3c5a; --txt:#e2e8f0; --mut:#94a3b8; --acc:#38bdf8; --acc-txt:#06283d; --ok:#6ee7a0; --ok-bg:#123524; --warn:#f0c674; --warn-bg:#3a2f12; --bad:#f3a0a0; --bad-bg:#3a1d1d; --netral-bg:#22304d; --bar:#0b1324; --bar-txt:#e8eef6; --bar-line:#22304a; --bayang:0 10px 30px rgba(0,0,0,.45); } *{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--txt); font:14px/1.45 system-ui,Segoe UI,sans-serif} /* ---- bilah atas ---- */ .topbar{padding:12px 22px;display:flex;align-items:center;gap:14px;background:var(--bar); color:var(--bar-txt);border-bottom:1px solid var(--bar-line);flex-wrap:wrap} .topbar .merek{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700; color:#fff;text-decoration:none;white-space:nowrap} .topbar .merek svg{flex:none} .topbar a{color:#8ecdf0;text-decoration:none;font-size:13.5px} .topbar a:hover{color:#cfeaf9} .topbar a.on{color:#fff;font-weight:700} .topbar .kanan{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap} .topbar .sp{color:#93a7bf;font-size:12.5px} .topbar select,.topbar button,.topbar .tbl{background:#1b2740;color:#e8eef6; border:1px solid #38506f;border-radius:8px;padding:6px 10px;font:inherit;font-size:13px} .topbar button,.topbar .tbl{cursor:pointer} .tema-tombol{background:transparent;border:1px solid #38506f;color:#cfe3f5;border-radius:8px; padding:5px 9px;cursor:pointer;font-size:13px;line-height:1} .tema-tombol:hover{background:#1b2740} /* ---- umum ---- */ .flash{background:var(--ok-bg);color:var(--ok);padding:9px 22px;font-size:13.5px; border-bottom:1px solid var(--line)} .panel{background:var(--pnl);border:1px solid var(--line);border-radius:12px;padding:14px 16px; box-shadow:var(--bayang)} .panel h3{margin:0 0 10px;font-size:14px;font-weight:700} .panel h3 span{color:var(--mut);font-weight:400;font-size:12px}