/* Nota — halaman Dashboard */
.panel{padding:16px;margin-bottom:20px}
.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}
.seg{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.seg button{border:0;border-radius:0;background:transparent}
.seg button[aria-pressed=true]{background:var(--btn);color:var(--btnt)}
.range{font-size:13px;color:var(--mute)}
.cust{display:none;gap:8px;align-items:center}
.cust.on{display:flex}
.cust input{width:auto}
.hero{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;background:var(--card);margin-bottom:12px}
.hero>div{padding:16px}
.hero>div+div{border-left:1px dashed var(--line)}
.lab{font-size:13px;color:var(--mute)}
.big{font-size:28px;font-weight:650;letter-spacing:-.02em}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.stat{border:1px solid var(--line);border-radius:8px;background:var(--card);padding:12px 14px}
.stat b{display:block;font-size:18px;margin-top:2px}
.stat small{color:var(--mute)}
.legend{display:flex;gap:14px;font-size:13px;color:var(--mute);margin-bottom:6px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}
.chart{overflow-x:auto}
svg text{fill:var(--mute);font-size:11px}
ul.rcpt{list-style:none;margin:0;padding:0}
.rcpt li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 0;border-bottom:1px dashed var(--line)}
.rcpt li:last-child{border-bottom:0}
.rcpt .amt{text-align:right;font-weight:600}
footer{font-size:13px;color:var(--mute);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media (max-width:720px){.grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero>div+div{border-left:0;border-top:1px dashed var(--line)}}