.customer-branches { display: grid; gap: 10px; }
.customer-branch { display: grid; grid-template-columns: minmax(150px, .8fr) minmax(240px, 1.6fr) minmax(130px, .7fr) minmax(150px, .8fr) 36px; gap: 10px; align-items: end; padding: 12px; border: 1px solid #dbe2ea; border-radius: 8px; background: #f8fafc; }
.customer-branch label { display: grid; gap: 6px; color: #334155; font-size: 11px; font-weight: 700; }
.customer-branch .customer-control { background: #fff; }
.customer-branch-remove { width: 36px; height: 42px; color: #b42318; }
.customer-branch-empty { margin: 0; padding: 14px; border: 1px dashed #cbd5e1; border-radius: 8px; color: #64748b; text-align: center; }
.customer-branch-count { display: inline-flex; align-items: center; min-width: 26px; height: 22px; justify-content: center; border-radius: 11px; background: #e0ecff; color: #1d4ed8; font-size: 11px; font-weight: 700; }
.npwp-input { font-variant-numeric: tabular-nums; }
@media (max-width: 900px) { .customer-branch { grid-template-columns: 1fr 1fr; } .customer-branch-address { grid-column: 1 / -1; } .customer-branch-remove { justify-self: end; } }
@media (max-width: 600px) { .customer-branch { grid-template-columns: 1fr; } .customer-branch-address { grid-column: auto; } }