.account-dashboard-person{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.account-dashboard-person>div{flex:1;min-width:180px}.account-dashboard-person h2,.account-dashboard-person p{margin:3px 0}.account-dashboard-avatar{width:72px;height:72px;flex:0 0 72px}.account-message-entry{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-message-entry h2,.account-message-entry p{margin:4px 0}.message-summary{display:flex;justify-content:space-between;gap:16px;padding:18px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--border,#d6e2e2)}.message-summary p{margin:5px 0}.message-summary:last-child{border-bottom:0}.message-body{padding:16px;border:1px solid var(--border,#d6e2e2);border-radius:10px;margin:12px 0;background:var(--surface,#fff)}.message-body>span{display:block}.message-body p{white-space:pre-wrap;overflow-wrap:anywhere}.message-own{border-left:4px solid var(--teal,#147f80)}.customer-directory-tools{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:16px;align-items:end}.customer-directory-tools .button{margin-bottom:16px}.customer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.customer-directory-row{display:block;padding:16px;border-bottom:1px solid var(--border,#d6e2e2);text-decoration:none;color:inherit}.customer-directory-row b,.customer-directory-row span{display:block}.account-dashboard input,.account-dashboard textarea,.message-body,.customer-directory-row{max-width:100%;overflow-wrap:anywhere}@media(max-width:650px){.account-message-entry{align-items:flex-start;flex-direction:column}.customer-directory-tools,.customer-detail-grid{grid-template-columns:1fr}.customer-directory-tools .button{margin-bottom:0}.account-dashboard-person{gap:12px}.message-summary{flex-direction:column}.account-dashboard-avatar{width:56px;height:56px;flex-basis:56px}}

.message-recipients{display:flex;flex-wrap:wrap;gap:10px}.message-recipient{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* A customised search widget can be narrower than the desktop viewport. */
.pl-widget[data-pl-widget="customer-search"] .customer-directory-tools{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}

.customer-site-result,.customer-history-row{border-bottom:1px solid var(--line,#d7e3df);padding:14px 0}.customer-site-result h3,.customer-history-row h3{margin:0 0 5px}.customer-history-row{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}.customer-history-row p{margin:5px 0}.customer-history-row .toolbar{align-self:center}

#customer-job-history [data-cj-tab][aria-pressed="true"]{background:#096c70;color:#fff;border-color:#096c70}
body.toza-new-site #main #customer-job-history .customer-history-row{padding:8px 0;gap:12px}
body.toza-new-site #main #customer-job-history .customer-history-row h3{font-size:13px;line-height:18px;margin:0 0 4px}
body.toza-new-site #main #customer-job-history .customer-history-row p{font-size:12px;line-height:17px;margin:3px 0}
body.toza-new-site #main #customer-job-history .customer-history-row .toolbar{margin:0}