.bilah{display:flex;gap:1rem;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #ddd}
.bilah .kanan{margin-left:auto}
main{padding:1rem}
.galat{color:#b00}
.info{color:#1f6f43}
.rincian{font-size:.9em}
.rincian .pesan-detail{white-space:pre-wrap;word-break:break-word}
.redup{color:#666}
.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 1rem}
.chip{padding:.35rem .8rem;border-radius:1rem;border:1px solid #ccd;background:#fff;font-weight:600;cursor:pointer}
.chip-merah{background:#fbe9e9;border-color:#d64545;color:#a12a2a}
.chip-kuning{background:#fdf3e1;border-color:#e2a03f;color:#8a5a12}
.chip-biru{background:#e8f0fb;border-color:#5b8def;color:#2a5bb8}
.chip-hijau{background:#e6f5ee;border-color:#22a06b;color:#16704a;cursor:default}
.chip-aktif{outline:2px solid currentColor;outline-offset:1px}
nav.tab{display:flex;gap:.25rem;border-bottom:2px solid #ccd;margin:1rem 0}
nav.tab button{border:1px solid transparent;border-bottom:none;background:none;padding:.4rem .8rem;border-radius:.4rem .4rem 0 0;cursor:pointer}
nav.tab button.aktif{background:#e8f0fb;border-color:#ccd;font-weight:600}
.lencana{display:inline-block;min-width:1.1em;padding:0 .3em;border-radius:.6em;background:#d64545;color:#fff;font-size:.75em;text-align:center}
.batang{display:flex;align-items:flex-end;gap:2px;height:80px;margin:.75rem 0}
.batang-kolom{flex:1;height:100%;display:flex;align-items:flex-end;background:#f3f4f6}
.batang-isi{width:100%;background:#5b8def}
.batang-buruk{background:#d64545}
.dua-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}
.panel{border:1px solid #d5d9de;border-radius:.5rem;padding:.75rem}
.sumber{display:inline-block;font-size:.75em;font-weight:400;padding:0 .5em;border-radius:.6em;background:#eef0f3;color:#5a626c}
.batang-progres{height:.5rem;background:#eef0f3;border-radius:.25rem;overflow:hidden;margin:.4rem 0}
.batang-progres div{height:100%;background:#5b8def}
.peringatan{border-color:#d64545;background:#fbe9e9;color:#a12a2a;margin:.5rem 0}