.h38-customer-directory{margin:0 0 14px}.h38-customer-directory-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.h38-customer-directory-head h2{margin:3px 0 2px}.h38-customer-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.h38-customer-card{display:grid;gap:9px;min-height:92px;padding:13px 14px;border:1px solid #d8e0e7;border-radius:14px;background:#fff;color:inherit;text-align:left;align-content:space-between}.h38-customer-card:hover{border-color:color-mix(in srgb,var(--accent,#2f6f4e) 55%,#d8e0e7);box-shadow:0 6px 18px #00000010}.h38-customer-card.active{border-width:2px;border-color:var(--accent,#2f6f4e);background:color-mix(in srgb,var(--accent,#2f6f4e) 7%,#fff)}.h38-customer-card>span:first-child{display:grid;gap:3px}.h38-customer-card strong{font-size:16px}.h38-customer-card small,.h38-customer-card-meta{font-size:12px;opacity:.7}.h38-customer-card-meta{font-weight:700}.h38-customer-notes textarea{width:100%;resize:vertical}.h38-customer-note-list{display:grid;gap:0;margin-top:10px}.h38-c360-actions [data-h38-edit-customer],.h38-c360-actions [data-h38-add-location],.h38-c360-actions [data-h38-add-note],.h38-c360-actions [data-h38-upload-customer]{white-space:nowrap}@media(max-width:900px){.h38-customer-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.h38-customer-directory-head{display:grid}.h38-customer-directory-head>button{width:100%}.h38-customer-card-grid{grid-template-columns:1fr}.h38-customer-card{min-height:82px}.h38-c360-actions [data-h38-edit-customer],.h38-c360-actions [data-h38-add-location],.h38-c360-actions [data-h38-add-note],.h38-c360-actions [data-h38-upload-customer]{flex:1 1 46%;white-space:normal;line-height:1.15}}
.h38-customer-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.h38-customer-card{grid-template-columns:minmax(0,1fr) auto;gap:6px;min-height:0;padding:8px 10px;align-items:center}.h38-customer-card>span:first-child{min-width:0;gap:1px}.h38-customer-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h38-customer-card-meta{font-size:11px;white-space:nowrap}@media(max-width:1100px){.h38-customer-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.h38-customer-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.h38-customer-card-grid{grid-template-columns:1fr}.h38-customer-card{grid-template-columns:minmax(0,1fr) auto}}
.h38-customer-service-operations{grid-column:1/-1}.h38-customer-service-head,.h38-customer-service{display:flex;align-items:center;justify-content:space-between;gap:10px}.h38-customer-service-head p{margin:3px 0 0}.h38-customer-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.h38-customer-service{padding:8px 10px;border:1px solid var(--border,#d8e0e7);border-radius:10px}.h38-customer-service>span{display:grid;gap:2px}.h38-customer-service small{opacity:.72}.h38-customer-invoice-grid{display:grid;grid-template-columns:2fr 1.2fr .8fr 1fr 1.2fr;gap:8px;align-items:end}.h38-customer-invoice-grid label{margin:0}@media(max-width:900px){.h38-customer-invoice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.h38-customer-service-head,.h38-customer-service{align-items:stretch;flex-direction:column}.h38-customer-service-list,.h38-customer-invoice-grid{grid-template-columns:1fr}.h38-customer-service button,.h38-customer-service-head button{width:100%}}

/* Compact directory inside the canonical master-detail Customer 360. */
.h38-c360-directory-rail .h38-customer-directory-head{margin:0}
.h38-c360-directory-rail .h38-customer-directory-head h2{font-size:22px}
.h38-c360-directory-rail .h38-customer-card-grid{display:grid;grid-template-columns:1fr;gap:6px;margin-top:2px}
.h38-c360-directory-rail .h38-customer-card{grid-template-columns:minmax(0,1fr);gap:4px;width:100%;min-height:0;padding:10px;border-radius:var(--radius-sm)}
.h38-c360-directory-rail .h38-customer-card strong{display:flex;align-items:center;gap:6px;font-size:14px}
.h38-c360-directory-rail .h38-customer-card strong em{padding:2px 5px;border-radius:999px;background:#fff3c4;color:#6b4b00;font-size:9px;font-style:normal;letter-spacing:.08em}
.h38-c360-directory-rail .h38-customer-card small{font-size:11px}
.h38-c360-directory-rail .h38-customer-card-meta{font-size:10px}