.customer-toolbar{display:flex;gap:12px;align-items:end;margin-bottom:16px}
.customer-toolbar label{flex:1;max-width:620px}
.customer-message{color:var(--muted);min-height:20px}
.customer-message.error{color:var(--red)}
.customer-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.customer-table-head,.customer-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.3fr .55fr;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}
.customer-table-head{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.customer-row:last-child{border-bottom:0}
.customer-row span,.customer-row strong{overflow-wrap:anywhere}
.customer-empty{padding:28px;color:var(--muted);text-align:center}
.customer-dialog{width:min(760px,calc(100vw - 28px));border:1px solid var(--line);border-radius:16px;padding:0;background:var(--surface);color:var(--text)}
.customer-dialog::backdrop{background:rgba(0,0,0,.72)}
.customer-dialog form>header,.customer-dialog form>footer{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}
.customer-dialog form>footer{border-bottom:0;border-top:1px solid var(--line);justify-content:flex-end;gap:10px}
.customer-dialog h2{margin:4px 0 0}
.customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px}
.customer-fields .wide{grid-column:1/-1}
.customer-more-toggle{justify-self:start;padding:0;border:0;background:transparent;color:var(--green);font-weight:800;cursor:pointer}
.customer-more-toggle::after{content:'  ›';display:inline-block;transition:transform .16s ease}
.customer-more-toggle[aria-expanded="true"]::after{transform:rotate(90deg)}
.customer-more-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:2px}
.customer-more-fields[hidden]{display:none}
.customer-more-fields .wide{grid-column:1/-1}
.customer-fields textarea{width:100%;margin-top:8px;background:#0e1216;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px;resize:vertical}
.customer-dialog .customer-message{padding:0 22px}
@media(max-width:850px){.customer-table{overflow:auto}.customer-table-head,.customer-row{min-width:880px}.customer-fields,.customer-more-fields{grid-template-columns:1fr}.customer-fields .wide,.customer-more-fields .wide{grid-column:auto}}