.customer-search { display: flex; align-items: end; gap: 12px; margin-bottom: 20px; }
.customer-search .field { flex: 1; min-width: 0; margin: 0; }
.customer-search button { flex: 0 0 auto; }
.customer-row p { margin: 14px 0 0; }
.customer-name { text-align: left; white-space: normal; overflow-wrap: anywhere; }
.customer-debt { color: #a53328; font-size: 14px; }
.customer-totals { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 20px 0; }
.customer-totals dt { color: #586a77; font-size: 13px; margin-bottom: 8px; }
.customer-totals dd { margin: 0; font-size: 20px; font-weight: 750; overflow-wrap: anywhere; }
.customer-section>summary { cursor: pointer; min-height: 48px; font-size: 18px; font-weight: 700; }
.customer-edit { margin: 16px 0; }
.customer-edit>summary { cursor: pointer; min-height: 44px; color: #006c94; padding: 12px 0; }
.customer-edit form { margin-top: 12px; }
.customer-record,.customer-equipment { border-top: 1px solid var(--line); padding: 18px 0; overflow-wrap: anywhere; }
.customer-record p,.customer-equipment p { line-height: 1.5; }
.customer-record small { color: #586a77; }
.customer-equipment h3 { font-size: 17px; margin: 0 0 12px; }
.customer-equipment .photo-gallery { margin-bottom: 12px; }
.customer-new-order { margin-bottom: 20px; }
@media(max-width:480px) {
 .customer-search { display: grid; grid-template-columns: minmax(0,1fr); }
 .customer-search button { width: 100%; min-height: 48px; }
 .customer-row .between { flex-wrap: wrap; gap: 12px; }
 .customer-row .customer-name,.customer-new-order { width: 100%; }
}