#customersPanel{--customer-green:#155b45;--customer-line:#dce5df;color:#18372c}
#customersPanel [hidden]{display:none!important}
#customersPanel button{min-height:46px;background:var(--customer-green);color:white;letter-spacing:0;text-transform:none;border-radius:10px}
#customersPanel .secondary{background:#edf3ef;color:#164633}
.customer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;padding:24px;border:1px solid var(--customer-line);border-radius:16px}
.customer-head h2{margin:4px 0;font-size:30px}.customer-head p{margin:4px 0;line-height:1.5}
.customer-head-actions,.customer-actions{display:flex;gap:10px;flex-wrap:wrap}
.customer-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:20px 0}
.customer-toolbar label{flex:1;min-width:180px}.customer-toolbar p{color:#52685d}
.customer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.customer-card{padding:22px;border:1px solid var(--customer-line);border-radius:16px;background:white;overflow-wrap:anywhere}
.customer-card h3{margin:0 0 8px;font-size:22px}.customer-card p{margin:6px 0;color:#52685d;line-height:1.5}.customer-card button{margin-top:16px;width:100%}
.customer-empty{padding:30px;background:white;border:1px dashed #a3b8a9;border-radius:14px;text-align:center}
.customer-detail{margin-top:20px;background:white;border:1px solid var(--customer-line);border-radius:18px;padding:24px;overflow-wrap:anywhere}
.customer-detail h2{margin:15px 0 5px}.customer-contact{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.customer-contact a{color:#155b45;padding:8px 12px;background:#edf3ef;border-radius:8px;text-decoration:none}
.customer-tabs{display:flex;gap:8px;border-bottom:1px solid var(--customer-line);padding:20px 0 12px;margin-bottom:20px}
#customersPanel .customer-tabs button{background:transparent;color:#50645a;border-radius:6px;flex:1}#customersPanel .customer-tabs button[aria-pressed=true]{background:#e7f1eb;color:#155b45}
.customer-timeline{display:grid;gap:12px;margin-top:16px}.customer-event{border:1px solid var(--customer-line);border-radius:12px;padding:18px}.customer-event h3{margin:6px 0 10px;font-size:19px}.customer-event p{margin:6px 0;white-space:pre-wrap;line-height:1.5}.customer-event small{color:#586f62}.customer-event .customer-money{font-size:20px;font-weight:700;color:#155b45}
.customer-pill{display:inline-block;margin:6px 6px 6px 0;background:#fff1c7;border-radius:30px;padding:5px 10px;font-size:13px}.customer-pill.paid{background:#dff1e7;color:#155b45}
.customer-photos{display:flex;gap:10px;flex-wrap:wrap}.customer-photos img{width:90px;height:90px;object-fit:cover;border-radius:8px}
.customer-activity{margin:20px 0;padding-left:20px}.customer-activity li{padding:6px 0;line-height:1.5}
.customer-import{margin:20px 0;background:#fffaf0;border:1px solid #f1dfac;border-radius:12px;padding:18px}.customer-import summary{font-weight:700}.customer-import-row{padding:14px 0;border-top:1px solid #eadfca}.customer-import-row p{margin:4px 0;line-height:1.5}.customer-import-row select{margin:10px 0;max-width:100%}
.customer-form-shell{padding:22px;margin:20px 0;border:1px solid #b9cfbf;border-radius:14px;background:#fafdfb;scroll-margin-top:100px}
.customer-form-shell h3{margin:0 0 16px}.customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.customer-form-shell input,.customer-form-shell select,.customer-form-shell textarea{width:100%;min-height:46px;padding:12px;border:1px solid #a5b9ad;border-radius:9px;font:inherit;box-sizing:border-box;letter-spacing:0;text-transform:none}.customer-form-shell label{display:block;margin-bottom:14px;font-size:14px;letter-spacing:0;text-transform:none;line-height:1.5}.customer-form-shell label input,.customer-form-shell label select,.customer-form-shell label textarea{display:block;margin-top:6px}.customer-form-shell p{line-height:1.5}.customer-form-message{color:#923a23;font-weight:600}.customer-note-text{white-space:pre-wrap}.customer-info{color:#52685d;line-height:1.6}
#customersPanel :focus-visible{outline:3px solid #d6a33e;outline-offset:3px}
@media(max-width:600px){.customer-head{padding:18px;align-items:stretch;flex-direction:column}.customer-head h2{font-size:26px}.customer-head-actions button{flex:1}.customer-detail{padding:18px}.customer-form-grid{grid-template-columns:1fr}.customer-form-shell{padding:16px}.customer-tabs{gap:4px}.customer-tabs button{padding:10px 6px}.customer-actions button{flex:1}.customer-grid{grid-template-columns:1fr}.customer-toolbar label{min-width:0;width:100%}}