/* Tema navy: kontras lembut untuk pemakaian dashboard dalam waktu lama. */
:root{--ink:#e7edf7;--muted:#91a0b6;--paper:#07111f;--card:#0d1a2d;--line:#203049;--lime:#b9e769;--cyan:#3bc8c0;--red:#f07b72;--dark:#081423;--shadow:0 16px 42px rgba(0,0,0,.24)}
.topbar{background:rgba(7,17,31,.92)}
.logo{background:#15263e;color:var(--lime);border:1px solid #2b3f5e}
.privacy{color:#70beb0}.hero h1 em{color:#8292aa}.eyebrow{color:#91a0b6}
.main-nav{display:flex;align-items:center;gap:5px}
.main-nav a{color:var(--muted);text-decoration:none;font-size:12px;font-weight:700;padding:8px 12px;border-radius:7px}
.main-nav a:hover,.main-nav a.active{background:#15263e;color:var(--ink)}
.ghost{background:#111f33;color:var(--ink)}
textarea,.dropzone{background:#111f33;color:var(--ink);border-color:#304461}
textarea:focus{border-color:#60789c;box-shadow:0 0 0 3px rgba(59,200,192,.12)}
.history-box{background:#091625;border:1px solid #192b43}.history-box textarea{background:#101e31}
.primary,.dark{background:#253c5c;border:1px solid #385276}
.filters select,.metric{background:var(--card);color:var(--ink)}
.number-cell{border-color:#07111f;background:#142238}.number-cell.active{background:#167c7a;color:#f2ffff}
.notes-panel{background:#081423;border-color:#203049}.note{border-color:#243650}.note p{color:#9cacbf}
.bar{background:#1c2b42}.bar i{background:var(--cyan)}.match{background:#1b2a40}
.toast{background:#263b58;border:1px solid #3b5275}td{border-color:#19283d}
.history-results{max-height:520px;overflow:auto;padding-right:4px}
.ghost.mini{font-size:10px;padding:6px 9px;margin-top:10px}.history-box #autoHistoryStatus[data-state="ok"]{color:#70beb0}.history-box #autoHistoryStatus[data-state="error"]{color:#f1a49d}
@media(max-width:850px){.main-nav{display:none}}