.customer-browser{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.customer-browser .customer-table-wrap{min-width:0;overflow:auto}.customer-inspector{padding:20px;position:sticky;top:128px;overflow-wrap:anywhere}.customer-inspector h2{font-size:1.1rem;margin:10px 0}.customer-inspector h3{font-size:.85rem}.customer-table tr[data-customer-row]{cursor:pointer}.customer-table tr.selected{background:var(--selection,#e9f1ff)}.customer-table tr[data-customer-row]:hover{background:var(--hover,#f0f5fc)}.customer-name{color:inherit;text-decoration:none}.customer-name:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.preview-facts{display:grid;gap:5px;margin:24px 0}.preview-facts dt{font-size:.72rem;color:var(--muted);margin-top:10px}.preview-facts dd{margin:0;font-size:.86rem}.preview-people{padding-left:18px;font-size:.84rem}.preview-people small{display:block;color:var(--muted)}
.record-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);margin:0 0 24px;padding-bottom:10px}.record-tabs button,.record-tabs a,.record-tabs .active{padding:9px 13px;background:transparent;border:0;border-radius:8px;font:inherit;font-size:.85rem;color:var(--muted);cursor:pointer;text-decoration:none}.record-tabs [aria-selected=true],.record-tabs .active{background:var(--selection,#e9f1ff);color:var(--blue);font-weight:750}.record-tabs button:focus-visible{outline:2px solid var(--blue)}
.address-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.address-grid .field-street{grid-column:span 9}.address-grid .field-house_number{grid-column:span 3}.address-grid .field-postal_code{grid-column:span 3}.address-grid .field-city{grid-column:span 6}.address-grid .field-country_code{grid-column:span 3}.form-grid .field-street{grid-column:auto}.field-group_name,.field-notes{grid-column:1/-1}.form-field textarea{width:100%;padding:12px;border:1px solid var(--line-strong);border-radius:9px;font:inherit;resize:vertical}.form-field input[type=checkbox]{width:auto}.repeat-row{border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:12px}.repeat-row .field-DELETE{display:flex;align-items:center;gap:8px}.repeat-section>button{margin-top:6px}.customer-overview details{border-top:1px solid var(--line);padding:18px 0}.customer-overview summary{cursor:pointer;font-weight:650}.wide-fact{grid-column:1/-1}.preserve-lines{white-space:pre-wrap}.profile-heading{display:flex;gap:18px;align-items:center;margin-bottom:28px}.user-avatar{overflow:hidden;flex-shrink:0}.user-avatar img{height:100%;width:100%;object-fit:cover}.profile-avatar{width:72px;height:72px;font-size:1.5rem}.customer-overview+.customer-overview,.customer-form+.customer-overview{margin-top:20px}
@media(min-width:1450px){body:has([data-customer-browser]) .page-shell{max-width:1600px}.customer-browser{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1050px){.customer-browser{grid-template-columns:minmax(0,1fr)}.customer-inspector{position:static}.customer-table{min-width:600px}}
@media(max-width:600px){.address-grid .field-street{grid-column:span 8}.address-grid .field-house_number{grid-column:span 4}.address-grid .field-postal_code{grid-column:span 4}.address-grid .field-city{grid-column:span 8}.address-grid .field-country_code{grid-column:span 12}.customer-form{padding:16px}}

.customer-form[data-record-tabs]>.form-actions{position:sticky;bottom:0;background:var(--surface);padding:14px 0 0;border-top:1px solid var(--line);z-index:2}.customer-form[data-record-tabs] fieldset{margin-bottom:18px;padding-bottom:18px}.customer-form[data-record-tabs] .record-tabs{margin-bottom:18px}.sidebar-brand{text-decoration:none}
@media(min-width:800px){.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.profile-heading .profile-avatar{display:grid}