/* Nota — halaman Penjualan / Nota */
.panel{padding:6px 16px}
.empty{padding:14px 0}
dialog{width:min(640px,94vw)}
.item{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-bottom:1px dashed var(--line)}
.item:last-child{border:0}
.amt{text-align:right;font-weight:600}
.acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tag.lunas{color:var(--in)}.tag.sebagian{color:var(--warn)}.tag.belum{color:var(--out)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.line{display:grid;grid-template-columns:1fr 70px 110px 28px;gap:6px;margin-bottom:6px}
.line .x{padding:0}
.tot{border-top:1px dashed var(--line);margin-top:12px;padding-top:8px}
.tot div{display:flex;justify-content:space-between}
.tot .t{font-weight:700;font-size:18px}
.struk{font-size:14px}
.struk h3{margin:0}
.struk table{width:100%;border-collapse:collapse;margin:8px 0}
.struk td{padding:3px 0;vertical-align:top}
.struk td:last-child{text-align:right}
.struk hr{border:0;border-top:1px dashed var(--line)}
.struk .r{display:flex;justify-content:space-between}
#pa{display:none}
@media (max-width:600px){.g2{grid-template-columns:1fr}.line{grid-template-columns:1fr 60px 90px 28px}}