#mobileCustomerBack{display:none}
@media(min-width:761px){#customerFilters>summary{display:none}#customerFilters,#customerFilters>div{display:contents}}
@media(max-width:760px){
 #customersPage .customerLayout{display:block!important}
 #customersPage #customerList{max-height:none;height:auto;overflow:visible;display:flex;gap:10px}
 #customersPage .customerListItem{flex:0 0 auto;height:auto;min-height:90px;overflow:visible;white-space:normal;box-sizing:border-box;padding:14px}
 #customersPage .customerListTitle{flex-wrap:wrap;gap:6px;align-items:flex-start}
 #customersPage .customerListTitle>b{flex:1;min-width:0;overflow-wrap:anywhere;font-size:16px}
 #customersPage .customerChannelBadge,#customersPage .customerListItem>.sub,#customersPage .customerListMeta>span:nth-child(4),#customersPage .customerListMeta>span:nth-child(5){display:none}
 #customersPage .customerListMeta{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:12px;margin-top:8px}
 #customersPage .directoryViewHint{font-size:12px;margin-top:8px}
 #customersPage:not(.mobileCustomerDetailOpen) #customerDetail{display:none}
 #customersPage.mobileCustomerDetailOpen :is(#customerList,.customerHead,#customerState){display:none!important}
 #customersPage.mobileCustomerDetailOpen #mobileCustomerBack{display:inline-flex;align-items:center;min-height:44px;margin:0 0 12px;padding:10px 14px}
 #customersPage #customerDetail{background:#fff;min-width:0;max-width:100%;box-sizing:border-box}
 #customersPage .customerHeadActions{grid-template-columns:minmax(0,1fr)!important}
 #customersPage :is(.customerSearch,.customerFilter){width:100%;min-width:0;max-width:100%;box-sizing:border-box;font-size:16px}
 #customerFilters{border:1px solid #dbe2ea;border-radius:9px;background:#fff}
 #customerFilters>summary{padding:12px;min-height:44px;box-sizing:border-box;cursor:pointer;font-weight:600}
 #customerFilters>div{display:grid;gap:8px;padding:0 12px 12px}
 .mobileCustomerSection{margin:12px 0;border:1px solid #dbe2ea;border-radius:10px;background:#fff;min-width:0}
 .mobileCustomerSection>summary{padding:14px;min-height:44px;cursor:pointer;font-weight:700;overflow-wrap:anywhere}
 .mobileCustomerSection>div{padding:0 12px 12px;min-width:0}
 .mobileCustomerSection .customerContactsHead>div{display:none}
 #customersPage .customerContactGrid{grid-template-columns:minmax(0,1fr)}
 .mobileCustomerHistoryCard{padding:12px 0;border-bottom:1px solid #e2e8f0;overflow-wrap:anywhere}
 .mobileCustomerHistoryCard p{font-size:13px;line-height:1.5;margin:6px 0;color:#475569}
 #customersPage .customerKpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 #customersPage .customerMiniKpi{min-width:0;padding:10px}
 #customersPage .customerMiniKpi b{font-size:18px;overflow-wrap:anywhere}
 #customersPage .customerHistoryWrap{max-width:100%;overflow:auto}
 #customersPage :is(button,summary,input,select):focus-visible{outline:3px solid #2563eb;outline-offset:2px}
 #customersPage{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}