.workspace-customer-admin .customer-related-cards{align-items:start}
.workspace-customer-admin .customer-related-cards .panel{min-width:0;height:auto}
.workspace-customer-admin #customer-properties-list p{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:14px 0;margin:0;border-bottom:1px solid #deebf6}
.workspace-customer-admin #customer-properties-list p:last-child{border-bottom:0;padding-bottom:0}
.workspace-customer-admin .customer-property-copy{display:flex;flex-direction:column;gap:5px;min-width:0;text-decoration:none;color:#092b50;line-height:1.4;flex:1}
.workspace-customer-admin .customer-property-copy strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.workspace-customer-admin .customer-property-address{font-size:13px;color:#506986;font-weight:400;overflow-wrap:anywhere}
.workspace-customer-admin .customer-property-unit{font-size:12px;color:#506986;font-weight:400}
.workspace-customer-admin .customer-property-copy:hover strong{text-decoration:underline}
.workspace-customer-admin #customer-properties-list .realty-company-badge{font-size:11px;font-weight:500;border-radius:6px;white-space:nowrap;flex-shrink:0;align-self:start;margin-top:1px}
.workspace-customer-admin #customer-properties-list .realty-company-badge[data-type=residential]{background:#def8e8;color:#167245}
.workspace-customer-admin #edit-customer-contacts{width:40px;min-width:40px;height:40px;min-height:40px;padding:8px;background:transparent;border:0;box-shadow:none;color:#076bff;border-radius:0}
.workspace-customer-admin #edit-customer-contacts:hover{background:#f1f8ff}
@media(max-width:600px){
 .workspace-customer-admin .customer-related-cards .panel{padding:14px}
 .workspace-customer-admin .customer-related-cards .customer-contact-heading{gap:8px;flex-wrap:nowrap}
 .workspace-customer-admin .customer-related-cards .customer-contact-heading h2{font-size:17px}
 .workspace-customer-admin #customer-properties-link{font-size:12px;white-space:nowrap}
 .workspace-customer-admin #customer-properties-list p{gap:10px;padding:12px 0}
 .workspace-customer-admin .customer-property-copy strong{font-size:13px}
 .workspace-customer-admin .customer-property-address{font-size:12px}
 .workspace-customer-admin #customer-properties-list .realty-company-badge{font-size:10px;padding:4px 7px}
}
.workspace-customer-admin #new-read-contact{background:none;border:0;box-shadow:none;border-radius:0;color:#076bff;min-width:40px;min-height:40px;padding:8px;margin-left:auto}
.workspace-customer-admin #customer-read-contacts .customer-contact-view-row{cursor:pointer;border-radius:6px;padding:12px;margin:4px -12px;transition:background .15s}
.workspace-customer-admin #customer-read-contacts .customer-contact-view-row:hover,.workspace-customer-admin #customer-read-contacts .customer-contact-view-row:focus-visible{background:#eef7ff;outline:2px solid #cce3fa;outline-offset:-2px}
.workspace-customer-admin #customer-properties-list p{padding:0;border:0;margin:4px 0;position:relative;border-radius:6px}
.workspace-customer-admin #customer-properties-list .customer-property-copy{padding:14px 12px;margin:0 -12px;min-height:54px;padding-right:110px;border-radius:6px;outline-offset:-2px}
.workspace-customer-admin #customer-properties-list p:hover,.workspace-customer-admin #customer-properties-list p:focus-within{background:#eef7ff}
.workspace-customer-admin #customer-properties-list .realty-company-badge{position:absolute;right:0;top:15px;pointer-events:none}
#customer-contact-dialog{width:min(580px,calc(100% - 28px));max-height:85dvh;overflow:auto;padding:22px;border:1px solid #cce2f5;border-radius:10px;color:#092b50;background:#fff}
#customer-contact-dialog::backdrop{background:#082c6180}
#customer-contact-dialog .customer-read-details{grid-template-columns:1fr;gap:16px}
#customer-contact-dialog #close-contact-dialog{background:none;border:0;color:#076bff;font-size:26px;min-height:44px;min-width:44px}
@media(max-width:600px){.workspace-customer-admin #customer-properties-list .customer-property-copy{padding-right:95px}}
.workspace-customer-admin .customer-contact-view-row{position:relative;padding-right:92px!important}
.workspace-customer-admin .contact-row-actions{position:absolute;right:2px;top:10px;display:flex;gap:2px}
.workspace-customer-admin .contact-row-actions button{width:40px;min-width:40px;min-height:44px;padding:8px;background:none;border:0;box-shadow:none;border-radius:0;color:#076bff}
.workspace-customer-admin .contact-row-actions .contact-delete{color:#ef3232}
.workspace-customer-admin .contact-row-actions button:hover{background:#e0efff;border-radius:5px}
#contact-edit-dialog{width:min(620px,calc(100% - 28px));max-height:85dvh;overflow:auto;padding:22px;border:1px solid #cce2f5;border-radius:10px;color:#092b50;background:#fff}
#contact-edit-dialog::backdrop{background:#082c6180}
#contact-edit-dialog .customer-managed-contact{border:0;padding:14px 0;margin:0}
#contact-edit-dialog .customer-fields{gap:14px}
#contact-edit-dialog .customer-fields input,#contact-edit-dialog .customer-fields select{min-height:42px;border:1px solid #cce2f5;border-radius:6px;padding:8px 10px;font:inherit}
#contact-edit-dialog .customer-fields textarea{min-height:120px}
#contact-edit-dialog #close-contact-edit{background:none;border:0;color:#076bff;font-size:26px;min-height:44px;min-width:44px}
#contact-edit-dialog .customer-contact-actions{display:flex;gap:10px}
#contact-edit-dialog .customer-contact-actions button:last-child{background:none;border:0;color:#ef3232}
#contact-edit-dialog #contact-edit-status:empty{display:none}
@media(max-width:600px){#contact-edit-dialog{padding:16px}#contact-edit-dialog .customer-fields{grid-template-columns:1fr}#contact-edit-dialog input,#contact-edit-dialog select,#contact-edit-dialog textarea{font-size:16px!important}}

/* Primary contact status in lists and contact editors. */
.workspace-customer-admin .contact-primary-badge{display:inline-block;vertical-align:middle;margin-left:6px;padding:3px 8px;border-radius:5px;background:#e4f2ff;color:#084478;font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap}
.workspace-customer-admin .contact-primary-hint{display:block;width:100%;margin-top:6px;line-height:1.5;font-weight:400}
.workspace-customer-admin .customer-active:has(input[data-contact-primary]:disabled){color:#526a82}
.workspace-customer-admin input[data-contact-primary]:disabled{cursor:not-allowed}