/* Customer directory/records from the latest desktop mock-up. Native record
   content and process controls are moved intact; document renderers excluded. */
@media(min-width:1001px){
 body.toza-new-site.office-shell:not(.office-home) #main.nc-customer-workspace{background:#f1f2f3;color:#273444;font-size:13px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;align-items:start}
 body.toza-new-site.office-shell:not(.office-home) #main section.panel.nc-directory-layout{padding:0;border:0;background:transparent}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-filter{background:#fff;border:1px solid #d4d9df;border-radius:3px;padding:14px 12px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-filter>h2{font-size:12px;font-weight:600;margin:-14px -12px 12px;padding:9px 12px;background:#34383d;color:#fff;text-transform:uppercase;letter-spacing:.03em}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-filter .customer-directory-tools{display:flex;flex-direction:column;gap:10px;align-items:stretch}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-filter .field{margin:0;min-width:0}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-filter .field>span{font-size:12px;font-weight:500;color:#637080}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-filter .field>:is(input,select){min-height:32px;font-size:12px;border-color:#c6cdd4;border-radius:3px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-filter .button{align-self:flex-start;margin:0;min-height:32px;font-size:12px;padding:6px 10px;border-radius:3px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-list{min-width:0;background:#fff;border:1px solid #d4d9df;border-radius:3px;padding:14px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-list h2{font-size:14px;font-weight:600;margin:0 0 12px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-table th{font-size:12px;font-weight:600;background:#34383d;color:#fff;text-align:left;padding:9px 10px;border:1px solid #34383d}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-table td{vertical-align:middle;padding:10px;border:1px solid #dfe5e9;line-height:1.4;overflow-wrap:anywhere}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-table tbody tr:nth-child(even){background:#f8fafb}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-name{width:31%;font-weight:500;color:#273444}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-name>b{font-weight:500}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-meta{color:#637080}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-reference{max-width:210px;color:#637080;font-size:11px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-open{width:65px;white-space:nowrap}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-table .customer-directory-row{display:inline-block;min-height:30px;padding:4px 9px;border:1px solid #ccd5dc;border-radius:3px;background:#fff;color:#276394;font-size:12px;text-decoration:none}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-table .customer-directory-row>span{margin:0;color:inherit;font-size:12px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-list details{margin-top:16px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-list details>summary{font-size:12px;color:#637080}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record{background:#f1f2f3;min-width:0}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record-context{display:grid;gap:3px;background:#fff;border:1px solid #d4d9df;border-bottom:0;border-radius:3px 3px 0 0;padding:13px 18px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record-context small{font-size:10px;letter-spacing:.06em;color:#637080}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record-context strong{font-size:17px;font-weight:600;line-height:1.35}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record-context>span{font-size:11px;color:#637080}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 12px;background:#fff;border-left:1px solid #d4d9df;border-right:1px solid #d4d9df}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record-actions>a{display:inline-flex;align-items:center;min-height:30px;margin:0;padding:4px 9px;border:1px solid #d4d9df;border-radius:3px;background:#fff;color:#276394;font-size:12px;font-weight:400;text-decoration:none}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record-tabs{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;padding:0 12px;background:#fff;border:1px solid #d4d9df;border-top:0;margin:0 0 12px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record-tabs>:is(button,a){display:inline-flex;align-items:center;min-height:43px;padding:10px 11px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#536274;font-size:12px;font-weight:400;line-height:1.5;text-decoration:none}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record-tabs>[aria-selected=true]{background:transparent;color:#225e97;border-bottom-color:#3476b9;font-weight:600}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record-tabs>:is(button,a):is(:hover,:active){background:transparent;filter:none}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record-content{min-width:0}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-tab-panel[hidden]{display:none!important}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-tab-panel>.panel{padding:18px;border:1px solid #d4d9df;border-radius:3px;margin:0 0 12px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-tab-panel>.button{margin:0 0 12px;font-size:12px;min-height:32px;padding:6px 10px;border-radius:3px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-tab-panel h3{font-size:14px;font-weight:600;margin:12px 0 8px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-tab-panel :is(p,dl){font-size:12px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-tab-panel p:empty{margin:0}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-search{display:flex;align-items:flex-end;gap:8px;padding:15px 16px;margin:0 0 12px;background:#fff;border:1px solid #d4d9df}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-search>label{display:grid;gap:7px;flex:1;font-size:12px;font-weight:500}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-search input{min-height:34px;font-size:12px;border-color:#c6d2de;border-radius:3px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-search>button{font-size:12px;min-height:34px;padding:6px 10px;border-radius:3px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-role{padding:14px;border:1px solid #d4d9df;background:#fff;min-width:0}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-role-wide{grid-column:1/-1}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-role-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dce5ee;margin-bottom:12px;padding-bottom:10px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-role-heading>h3{margin:0;font-size:15px;font-weight:500}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-role-heading>span{padding:2px 8px;border-radius:12px;background:#edf4f8;color:#637080;font-size:12px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-role>article{padding:14px;margin:0 0 10px;border:1px solid #d9e3ed;border-radius:3px;background:#f9fbfd;overflow-wrap:anywhere}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-role article h4{font-size:14px;font-weight:500;margin:0 0 6px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-role .staff-facts{grid-template-columns:82px minmax(0,1fr);gap:5px 8px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-contact-empty{font-size:12px;color:#637080}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-tab-panel fieldset{padding:14px 16px;margin:0 0 12px;border:1px solid #d4d9df;border-radius:3px;background:#fff}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-tab-panel fieldset legend{font-size:13px;font-weight:600;padding:0 6px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-tab-panel .grid{gap:12px 16px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record .sticky-save{margin-top:12px;border-radius:3px;padding:12px 16px;font-size:12px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record .sticky-save>p{margin:0}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-browse-workspace>.toolbar{margin-bottom:12px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-list [data-saved-site]{margin:0 0 10px;padding:14px;border-color:#d4d9df;border-radius:3px;box-shadow:none}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-list [data-saved-site] h3{font-size:14px;font-weight:600;margin:3px 0 7px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-list [data-saved-site] .job-row{font-size:12px;padding:10px 0}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-directory-list [data-saved-site] .toolbar>:is(a,button){min-height:30px;padding:4px 9px;border-radius:3px;font-size:12px;font-weight:400}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-entry-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-entry-workspace>:is(p,button){grid-column:1/-1;justify-self:start}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-technical-workspace>details{margin:0 0 10px;padding:0 14px;background:#fff;border:1px solid #d4d9df;border-radius:3px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-technical-workspace>details>summary{padding:11px 0;font-size:13px;font-weight:500}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-technical-workspace form{padding:0 0 14px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-annual-workspace .cs-heading{border-radius:3px;border-color:#d4d9df;padding:14px 18px}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-annual-workspace .cs-heading h2{font-size:17px;font-weight:500}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-annual-workspace table{font-size:12px;background:#fff}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-annual-workspace th{background:#e9edf0;color:#61707d;font-weight:600}
 body.toza-new-site.office-shell:not(.office-home) #main .nc-annual-workspace :is(th,td){border-color:#d4d9df;padding:8px}
}

/* Keep the same exact customer sections available on smaller office screens. */
@media(max-width:1000px){
 body.toza-new-site #main .nc-record{min-width:0}
 body.toza-new-site #main .nc-record-context{display:grid;gap:.3rem;margin:.5rem 0 1rem;overflow-wrap:anywhere}
 body.toza-new-site #main .nc-record-context small{color:#637080;font-size:.75rem}
 body.toza-new-site #main .nc-record-context strong{font-size:1.1rem}
 body.toza-new-site #main .nc-record-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 1rem}
 body.toza-new-site #main .nc-record-tabs>:is(button,a){min-height:44px;font-size:.85rem;padding:.5rem .65rem;margin:0;background:transparent;color:#536274;text-decoration:none}
 body.toza-new-site #main .nc-record-tabs>[aria-selected="true"]{background:transparent;color:#225e97;box-shadow:inset 0 -3px 0 #3476b9}
 body.toza-new-site #main .nc-record-tabs>:is(button,a):is(:hover,:active){background:transparent;filter:none}
 body.toza-new-site #main .nc-tab-panel[hidden]{display:none!important}
 body.toza-new-site #main .nc-record-actions{display:flex;flex-wrap:wrap;gap:.5rem}
 body.toza-new-site #main .nc-contact-role{min-width:0;margin:1rem 0;overflow-wrap:anywhere}
 body.toza-new-site #main .nc-contact-role-heading{display:flex;justify-content:space-between;gap:1rem}
 body.toza-new-site #main .nc-contact-search{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
 body.toza-new-site #main .nc-contact-search>label{flex:1;min-width:180px}
}
@media(forced-colors:active){
 body.toza-new-site #main .nc-record-tabs>[aria-selected="true"],
 body.toza-new-site.office-shell:not(.office-home) #main .nc-record-tabs>[aria-selected="true"]{text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:.25em}
}