.customer-directory{padding:24px 28px 20px;background:#f7fbfc;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0b223912;color:#102c3f}
.customer-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.customer-page-head .eyebrow{font-size:11px}
.customer-page-head h2{margin:5px 0 2px;font-size:clamp(26px,3vw,36px);line-height:1.15}
.customer-page-head p{margin:7px 0 0;color:#4a6574}
.customer-page-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.customer-page-actions button{margin:0;padding:10px 15px}
.customer-page-actions #customerRefresh{background:#fff!important;color:#173b50!important;border-color:#9dbbc9!important}
.customer-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}
.customer-overview>div{background:#fff;border:1px solid #c9dce3;border-radius:8px;padding:14px 16px}
.customer-overview strong{display:block;font-size:27px;line-height:1.1;color:#0b2239}
.customer-overview span{display:block;margin-top:4px;font-size:12px;font-weight:700;color:#476477}
.customer-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:14px;background:#e8f1f4;border:1px solid #c9dce3;border-radius:8px}
.customer-filters{display:flex;flex-wrap:wrap;gap:5px}
.customer-filters button{margin:0;padding:8px 11px;background:transparent!important;border:1px solid transparent!important;color:#315366!important;font-size:13px}
.customer-filters button[aria-pressed="true"]{background:#0b2239!important;border-color:#0b2239!important;color:#fff!important}
.customer-filters button span{margin-left:3px;opacity:.75}
.customer-search{display:block;min-width:240px;max-width:310px;flex:1;margin:0;font-size:12px;font-weight:700;color:#315366}
.customer-search span{display:block;margin-bottom:3px}
.customer-search input{width:100%;margin:0;padding:9px 10px}
.customer-list-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:22px 1px 9px}
.customer-list-heading h3{margin:0;font-size:19px}
.customer-list-heading span{color:#476477;font-size:13px}
.customer-rows{border:1px solid #c9dce3;border-radius:8px;overflow:hidden;background:#fff}
.customer-row{display:grid;grid-template-columns:minmax(220px,2.5fr) repeat(3,minmax(48px,.48fr)) auto;align-items:center;gap:10px;padding:16px 17px;border-bottom:1px solid #d8e6ec;background:#fff}
.customer-row:last-child{border-bottom:0}
.customer-row:hover{background:#f6fafb}
.customer-identity{min-width:0}
.customer-identity h3{margin:5px 0 2px;font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.customer-identity p{margin:0;color:#526d7b;font-size:12px}
.customer-status{display:inline-block;padding:3px 8px;border-radius:99px;background:#e8edf0;color:#425765;font-size:11px;font-weight:800}
.customer-status.active{background:#daf1e7;color:#116848}
.customer-status.prospect{background:#ebeff2;color:#455d69}
.customer-status.onboarding{background:#e6efff;color:#25558a}
.customer-status.suspended,.customer-status.retired{background:#f3e4e7;color:#8b3247}
.customer-stat strong,.customer-stat span,.customer-contact strong,.customer-contact span{display:block}
.customer-stat strong{font-size:17px;line-height:1.1;color:#102c3f}
.customer-stat span,.customer-contact span{margin-top:3px;color:#647d89;font-size:11px}
.customer-contact{display:none}
.customer-contact strong{font-size:12px;font-weight:650;color:#315366;overflow-wrap:anywhere}
.customer-actions{display:flex;gap:6px;white-space:nowrap}
.customer-actions button{margin:0;padding:8px 10px;font-size:12px}
.customer-actions button[data-action="edit"]{background:#fff!important;color:#173b50!important;border-color:#9dbbc9!important}
.customer-empty{padding:26px;text-align:center}
.customer-empty p{margin:5px 0 0;color:#526d7b}
.customer-show-more{display:block;margin:13px auto 0;padding:9px 17px;background:#fff!important;color:#173b50!important;border-color:#9dbbc9!important}
.customer-show-more[hidden]{display:none}
.customer-footnote{margin:22px 2px 0;font-size:12px;color:#526d7b}
#content .customer-directory #customerRefresh,#content .customer-directory .customer-actions button[data-action="edit"],#content .customer-directory #customerShowMore{color:#173b50!important}
#content .customer-directory .customer-filters button:not([aria-pressed="true"]){color:#315366!important}
@media(max-width:1100px){.customer-row{grid-template-columns:minmax(185px,2fr) repeat(3,minmax(42px,.45fr)) auto}}
@media(max-width:760px){.customer-directory{padding:17px 14px}.customer-page-head{flex-direction:column}.customer-page-actions{justify-content:flex-start}.customer-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-toolbar{display:block}.customer-filters{margin-bottom:12px}.customer-search{max-width:none}.customer-row{grid-template-columns:repeat(3,1fr);gap:12px}.customer-identity{grid-column:1/-1}.customer-actions{grid-column:1/-1}.customer-actions button{flex:1}.customer-stat{padding-top:5px;border-top:1px solid #e0eaee}}