.customer-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-metrics .metric-card:last-child strong{font-size:1.25rem;margin-top:8px}.customer-list-panel{padding:0;overflow:hidden}.customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line)}.customer-toolbar h2{margin:3px 0 0}.customer-search{position:relative;display:block;width:min(390px,100%)}.customer-search>i{position:absolute;z-index:1;left:14px;top:14px;color:#8b97a4}.customer-search .form-control{padding-left:41px;padding-right:40px;background:#f8f9fb}.customer-search button{position:absolute;right:7px;top:7px;width:29px;height:29px;border:0;border-radius:8px;background:#e9edf1;color:#617080}.customer-identity{display:flex;align-items:center;gap:10px;white-space:nowrap}.customer-phone{white-space:nowrap;color:#345d7c;font-weight:650}.customer-phone i{color:var(--brand);margin-right:4px}.customer-address{max-width:330px;color:#566473}.district-chip{display:inline-flex;padding:6px 9px;border-radius:99px;background:#eef1f4;color:#536170;font-size:.76rem;font-weight:700}.customer-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}.icon-action,.editor-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dfe4e9;border-radius:10px;background:#fff;color:#5f6d7b}.icon-action:hover,.editor-close:hover{border-color:#f2a58b;color:var(--brand)}.compact-empty{padding:55px 20px}.customer-editor-backdrop{position:fixed;z-index:1050;inset:0;background:rgba(10,19,28,.55);backdrop-filter:blur(3px)}.customer-editor{position:fixed;z-index:1060;inset:0 0 0 auto;width:min(520px,100%);height:100vh;overflow-y:auto;background:#fff;padding:30px;box-shadow:-20px 0 60px rgba(10,19,28,.2);animation:customer-editor-in .22s ease-out}.customer-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.customer-editor>header h2{font-size:1.55rem;margin:5px 0}.customer-editor>header p{color:var(--muted);margin-bottom:0}.editor-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-form label{font-size:.8rem;font-weight:700;color:#52606e}.editor-form label>span{color:var(--brand)}.editor-form .form-control,.editor-form .form-select{margin-top:6px}.customer-editor form>footer{display:flex;justify-content:flex-end;gap:9px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
@keyframes customer-editor-in{from{transform:translateX(35px);opacity:.6}to{transform:translateX(0);opacity:1}}
@media(max-width:760px){.customer-page-header{flex-direction:column}.customer-page-header .btn{width:100%}.customer-metrics{grid-template-columns:1fr}.customer-list-panel{padding:0}.customer-toolbar{align-items:stretch;flex-direction:column;padding:18px}.customer-search{width:100%}.customer-table th:nth-child(3),.customer-table td:nth-child(3){display:none}.customer-actions .btn{font-size:0}.customer-actions .btn i{font-size:.85rem}.customer-editor{padding:22px 18px}.editor-form{grid-template-columns:1fr}}