.period-box{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:13px;background:#f7faf9}.period-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.period-box .primary{width:100%;margin-top:10px}.period-error{margin:10px 0 0;padding:9px;border-radius:9px;background:#fff0ef;color:var(--danger);font-weight:750}.period-results{display:grid;gap:10px}.period-customer{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fafcfc}.period-customer h3{margin:0 0 8px;font-size:.94rem}.period-item{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dotted #d3dcdf;font-size:.82rem}.period-item span:first-child{overflow-wrap:anywhere}.period-total{display:flex;justify-content:space-between;gap:12px;margin-top:9px;font-weight:850}.period-grand-total{display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:12px;background:#e4f5f1;color:#095d56;font-weight:900}.individual-history{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.individual-history summary{cursor:pointer;font-weight:800;margin-bottom:10px}.period-empty{text-align:center;color:var(--muted);padding:22px 8px}
@media(max-width:420px){.period-fields{grid-template-columns:1fr}.period-item,.period-total,.period-grand-total{font-size:.82rem}}