.customers-page { max-width: 76rem; }
.customer-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 1rem; align-items: start; }
.customers-page .card { padding: clamp(1rem, 3vw, 1.75rem); }
.customer-search { grid-template-columns: minmax(0, 1fr) auto; align-items: end; margin-block: .85rem; }
.customer-list { margin: .65rem 0 1rem; padding: 0; list-style: none; }
.customer-list button { width: 100%; text-align: start; overflow-wrap: anywhere; }
.customer-list button[aria-current="true"] { background: var(--tint); }
.customer-profile h2, .customer-profile h3 { margin-block: 0 .4rem; }
.customer-info { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .25rem 1rem; }
.customer-info dt { font-weight: 650; }
.customer-info dd { margin: 0; overflow-wrap: anywhere; }
.customer-panel { border-block-start: 1px solid var(--line); margin-block-start: 1rem; padding-block-start: .85rem; }
.customer-panel p { white-space: pre-wrap; }
.customer-panel label { margin-block-end: .6rem; }
.customer-panel .service-list { margin-block: .65rem; }
.customer-error { color: #992b16; }
.customers-page p:empty { margin: 0; }
.profile-fields { display: grid; gap: .75rem; border: 0; padding: 0; margin: 0; min-inline-size: 0; }
@media (max-width: 760px) {
  .customer-layout { grid-template-columns: minmax(0, 1fr); }
}