/* v297 – native CRM presentation for central customer records. */
.crmS-directory{min-width:0}
.crmS-directory .crm31-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.crmS-status{margin:12px 0;padding:10px 13px;border-left:4px solid #1485dc;background:rgba(21,135,216,.10);font-weight:600;border-radius:5px}
.crmS-safety{margin:10px 0;color:inherit;font-size:.86rem;opacity:.88}
.crmS-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.crmS-actions .p-button{margin:0}
.crmS-editor .crm31-body{padding:16px}
#crmS-customer-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#crmS-customer-form>.crmS-safety,#crmS-customer-form>.crmS-actions{grid-column:1/-1}
.crmS-field{display:flex;flex-direction:column;gap:5px;font-weight:600}
.crmS-field input,.crmS-field select,.crmS-search input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #8da7bc;border-radius:6px;background:#fff;color:#19354c;padding:9px 10px;font:inherit}
.crmS-search{display:flex;max-width:520px;flex-direction:column;gap:6px;font-weight:600}
#crmS-match-count{font-size:.84rem;opacity:.83}
.crmS-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px}
.crmS-metrics>div{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid #a4bdcd5c;border-radius:7px}
.crmS-metrics span{font-size:.82rem;opacity:.8}
.crmS-metrics strong{font-weight:700;overflow-wrap:anywhere}
#crmS-customer-list tr[hidden]{display:none}
@media(max-width:650px){#crmS-customer-form,.crmS-metrics{grid-template-columns:1fr}.crmS-actions{align-items:stretch}}

/* v298: shared native CRM panels (matching existing blue/red STS theme). */
.crmX-overview{padding:8px 0 18px}
.crmX-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}
.crmX-metric{display:flex;flex-direction:column;gap:6px;padding:16px;text-align:left;border:1px solid #b6cad9;border-left:4px solid #1582d4;background:rgba(25,132,210,.07);color:inherit;border-radius:8px;cursor:pointer}
.crmX-metric:nth-child(3n+2){border-left-color:#db3547}
.crmX-metric strong{font-size:22px;font-weight:800}
.crmX-metric span{font-size:12px;font-weight:700}
.crmX-editor .crm31-body{padding:16px}
#crmX-entry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#crmX-entry-form label,.crmX-filter{display:flex;flex-direction:column;gap:6px;font-weight:700}
#crmX-entry-form input,#crmX-entry-form select,#crmX-entry-form textarea,.crmX-filter select{box-sizing:border-box;min-width:0;width:100%;padding:10px;border:1px solid #8da7bc;border-radius:7px;background:#fff;color:#17344a;font:inherit}
#crmX-entry-form .crmX-wide{grid-column:1/-1}
.crmX-filter{max-width:520px;margin:9px 0}
.crmX-table small{display:block;margin-top:5px;opacity:.78;max-width:380px;white-space:normal;overflow-wrap:anywhere}
.crmX-hint{font-size:.85rem;line-height:1.4;opacity:.85}
@media(max-width:650px){.crmX-metrics,#crmX-entry-form{grid-template-columns:1fr}#crmX-entry-form .crmX-wide{grid-column:auto}}

/* v299: sitewide shared Customer Equipment panels inside familiar CRM. */
.eq-editor .crm31-body{padding:16px}
#eq-equipment-form,#eq-assignment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#eq-equipment-form label,#eq-assignment-form label,.eq-customer-filter{display:flex;flex-direction:column;gap:6px;font-weight:650}
#eq-equipment-form input,#eq-equipment-form textarea,#eq-equipment-form select,#eq-assignment-form input,#eq-assignment-form select,.eq-customer-filter select{box-sizing:border-box;min-width:0;width:100%;padding:10px;border:1px solid #88a5be;border-radius:7px;background:#fff;color:#15354a;font:inherit}
#eq-equipment-form .eq-wide,#eq-assignment-form .eq-wide{grid-column:1/-1}
.eq-customer-filter{max-width:430px;margin:10px 0 16px}
@media(max-width:650px){#eq-equipment-form,#eq-assignment-form{grid-template-columns:1fr}#eq-equipment-form .eq-wide,#eq-assignment-form .eq-wide{grid-column:auto}}

/* v300: restore the developed STS customer account layout with compact headings. */
.crmU-directory-head{align-items:center}
.crmU-directory-head h2{font-size:21px;margin:2px 0 6px}
.crmU-customer-table td small{display:block;margin-top:3px;font-size:12px;opacity:.8}
.crmU-form-header{padding:16px 17px 8px;border-bottom:1px solid #a3bdce40}
.crmU-form-header h3{margin:0 0 5px;font-size:19px}
.crmU-form-header p{margin:0 0 8px;opacity:.8}
.crmU-section{padding:14px 15px;margin:12px 0;border:1px solid #92b4cc78;border-radius:9px;min-width:0}
.crmU-section legend{padding:0 7px;font-size:15px;font-weight:750;color:inherit}
.crmU-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.crmU-section label.crmS-field{min-width:0}
.crmU-section .crmS-field input,.crmU-section .crmS-field select,.crmU-section .crmS-field textarea{width:100%;box-sizing:border-box;background:#fff;color:#15354a;border-radius:7px;border:1px solid #91a9bd;padding:9px 10px}
.crmU-notes{display:flex;margin:12px 0 0}
.crmU-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;margin-top:14px}
.crmU-check input{width:17px;height:17px;flex:none}
.crmU-hint{font-size:12px;opacity:.8;line-height:1.5;margin:10px 0 0}
.crmU-form-actions{justify-content:flex-end;margin-top:12px}
.crmU-profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:4px 0 18px;padding:18px 20px;border-radius:10px;background:linear-gradient(125deg,#18384e,#275778);color:#fff;border-bottom:3px solid #e33a48}
.crmU-profile-head h2{font-size:24px;margin:2px 0 6px;color:#fff}
.crmU-profile-head p{font-size:13px;margin:0 0 12px;opacity:.88}
.crmU-profile-head .p-button{border-color:#adc8e1}
.crmU-status{display:inline-block;border:1px solid #8ab7c8;padding:4px 9px;border-radius:20px;font-size:12px;font-weight:700}
.crmU-status-active{border-color:#3d9e74}.crmU-status-archived{border-color:#d34a57}.crmU-status-dormant,.crmU-status-prospect{border-color:#d0a358}
.crmU-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}
.crmU-summary>div,.crmU-details>div{display:flex;flex-direction:column;gap:6px;padding:13px;border:1px solid #95b4c84f;border-radius:8px;min-width:0;background:rgba(65,122,174,.06)}
.crmU-summary span,.crmU-details span{font-size:12px;opacity:.8}
.crmU-summary strong,.crmU-details strong{font-size:14px;overflow-wrap:anywhere}
.crmU-panel{margin:14px 0}
.crmU-panel-title{display:flex;align-items:center;padding:13px 16px;border-bottom:1px solid #97b5c64a}
.crmU-panel-title h3{font-size:16px;margin:0}
.crmU-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.crmU-linkgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.crmU-linktile{background:rgba(40,96,144,.08);color:inherit;text-align:left;border:1px solid #a4bcd258;border-left:4px solid #1581d0;border-radius:8px;padding:13px 12px;cursor:pointer}
.crmU-linktile-1{border-left-color:#de3b45}
.crmU-linktile strong,.crmU-linktile small{display:block}
.crmU-linktile small{font-size:11px;margin-top:6px;opacity:.79}
.crmU-account-notes{white-space:pre-wrap;line-height:1.5}
@media(max-width:850px){.crmU-linkgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.crmU-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.crmU-grid,.crmU-details,.crmU-linkgrid,.crmU-summary{grid-template-columns:1fr}.crmU-form-actions{justify-content:flex-start}}


/* Native MySTS customer account workflow — familiar grouped, compact STS panels. */
#crmS-customer-form{display:block}
.crmS-editorhead{padding:15px 18px;border-bottom:1px solid rgba(135,163,185,.3);border-left:5px solid #197dcc}
.crmS-editorhead h3{margin:4px 0 6px;font-size:1.18rem}
.crmS-editorhead p{margin:0;opacity:.8}
.crmS-fieldset{margin:0 0 16px;padding:16px;border:1px solid rgba(122,154,175,.45);border-radius:9px;min-width:0}
.crmS-fieldset legend{font-weight:800;padding:0 9px;color:inherit}
.crmS-fieldset:nth-of-type(2){border-left:4px solid #d53142}
.crmS-fieldset:nth-of-type(1),.crmS-fieldset:nth-of-type(3){border-left:4px solid #1983d9}
.crmS-fieldgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.crmS-field input,.crmS-field select,.crmS-field textarea{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #8da7bc;border-radius:7px;background:#fff;color:#19354c;font:inherit}
.crmS-span{grid-column:1/-1}
.crmS-check{display:flex;align-items:center;gap:10px;font-weight:600}
.crmS-check input{width:18px;height:18px;accent-color:#1787de}
.crmS-formactions{justify-content:flex-end;padding:8px 0 0}
.crmS-muted{font-size:.83rem;opacity:.8;margin:10px 0 0}
.crmS-profilegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
.crmS-profilegrid>div{border:1px solid rgba(122,154,175,.35);border-radius:9px;padding:14px;min-width:0;overflow-wrap:anywhere}
.crmS-profilegrid h3{font-size:1rem;margin:0 0 10px}
.crmS-profilegrid p{margin:7px 0;white-space:pre-wrap}
.crmS-profileactions{border-top:1px solid rgba(122,154,175,.3);padding-top:14px}
@media(max-width:700px){.crmS-fieldgrid,.crmS-profilegrid{grid-template-columns:1fr}.crmS-span{grid-column:auto}}


/* v300: restore original multi-panel Customer Directory and detailed account profile. */
.crmU-directory-head{align-items:center!important}
.crmU-directory h2{margin:3px 0 7px}
.crmU-editor{margin:12px 0 18px;overflow:hidden}
.crmU-form-header{padding:16px 18px;border-left:5px solid #1783da;border-bottom:1px solid rgba(100,147,182,.45)}
.crmU-form-header h3{margin:0 0 7px;font-size:1.2rem}
.crmU-form-header p{margin:0;font-size:.88rem;opacity:.8}
.crmU-editor #crmS-customer-form{display:block}
.crmU-section{min-width:0;margin:15px 0;padding:16px;border:1px solid rgba(100,147,182,.4);border-left:4px solid #1785d6;border-radius:8px}
.crmU-section:nth-of-type(2){border-left-color:#d53647}
.crmU-section legend{padding:0 9px;font-weight:800;font-size:.94rem}
.crmU-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.crmU-notes{margin-top:12px}
.crmU-editor textarea,.crmU-editor select{box-sizing:border-box;width:100%;min-width:0;padding:9px 10px;border:1px solid #8da7bc;border-radius:6px;background:#fff;color:#19354c;font:inherit}
.crmU-check{display:flex;align-items:center;gap:8px;margin-top:14px;font-weight:600}
.crmU-check input{accent-color:#1785d6;width:18px;height:18px}
.crmU-hint{font-size:.84rem;opacity:.8;margin:11px 0 0}
.crmU-form-actions{justify-content:flex-end;padding-top:8px}
.crmU-customer-table{min-width:720px}
.crmU-customer-table small{display:block;margin-top:5px;opacity:.77}
.crmU-status{display:inline-flex;padding:4px 9px;border:1px solid #83abc4;border-radius:99px;font-weight:700;font-size:.78rem}
.crmU-status-active{border-color:#54a37b;color:#238b58}
.crmU-status-dormant,.crmU-status-archived{opacity:.7}
.crmU-panel{margin:13px 0}
.crmU-panel-title{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(113,148,170,.35);border-left:4px solid #1787d8}
.crmU-panel-title h3{font-size:1rem;margin:0}
.crmU-profile-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin:4px 0 15px}
.crmU-profile-head h2{margin:4px 0}
.crmU-profile-head p{margin:3px 0 8px;opacity:.82}
.crmU-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.crmU-summary>div,.crmU-details>div{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px;border:1px solid rgba(113,148,170,.35);border-radius:8px}
.crmU-summary span,.crmU-details span{opacity:.76;font-size:.81rem}
.crmU-summary strong,.crmU-details strong{overflow-wrap:anywhere;font-size:.91rem}
.crmU-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.crmU-linkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.crmU-linktile{min-width:0;padding:14px;text-align:left;border:1px solid rgba(113,148,170,.45);border-left:4px solid #1785d6;border-radius:8px;background:rgba(21,136,218,.06);color:inherit;cursor:pointer}
.crmU-linktile-1{border-left-color:#d93545}
.crmU-linktile strong,.crmU-linktile small{display:block}
.crmU-linktile small{font-size:.8rem;opacity:.8;margin-top:6px}
.crmU-account-notes{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
@media(max-width:830px){.crmU-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.crmU-linkgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.crmU-grid,.crmU-details,.crmU-linkgrid{grid-template-columns:1fr}.crmU-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Operator profile — familiar compact STS layout with explicit light/dark contrast. */
.crmX-table td:first-child strong{color:#16364e;opacity:1;font-weight:800}
.crmX-table td:first-child small{opacity:1;color:#4b6373}
.crmX-operator-profile{min-width:0}
.crmX-operator-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;background:linear-gradient(115deg,#18384e,#275778);color:#fff;padding:18px 20px;margin:5px 0 15px;border-bottom:4px solid #df344a;border-radius:9px}
.crmX-operator-header h2{font-size:1.45rem;line-height:1.25;color:#fff!important;margin:5px 0 7px;overflow-wrap:anywhere}
.crmX-operator-header p{margin:0 0 10px;color:#edf5fb}
.crmX-operator-header .p-eyebrow{color:#c7e8ff!important}
.crmX-operator-status{display:inline-flex;padding:3px 10px;border-radius:99px;border:1px solid #8dd2f0;color:#fff;font-weight:700;font-size:.82rem}
.crmX-operator-header .p-button{border:1px solid #d5e7f3}
.crmX-operator-panel{margin:12px 0}
.crmX-operator-panel h3{font-size:1rem;margin:0 0 12px;color:inherit}
.crmX-operator-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:17px}
.crmX-operator-summary>div{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px;border:1px solid #94afc258;border-radius:8px;background:rgba(55,119,167,.07)}
.crmX-operator-summary span{font-size:.77rem;opacity:.85}
.crmX-operator-summary strong{font-size:.94rem;overflow-wrap:anywhere}
.crmX-operator-notes{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.crmX-operator-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.crmX-operator-sections .crmX-operator-panel{margin:0;border-left:4px solid #1685d7}
.crmX-operator-sections .crmX-operator-panel:nth-child(2n){border-left-color:#d83948}
.crmX-operator-sections p{line-height:1.5;min-height:3.8em}
.crmX-unverified{display:inline-block;font-size:.8rem;font-weight:700;color:#84551d}
.crmX-profile-caution{font-size:.84rem;line-height:1.5;opacity:.9;margin:13px 0}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmX-table td:first-child strong{color:#f2f9ff!important;opacity:1!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmX-table td:first-child small{color:#c6ddeb!important;opacity:1!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmX-operator-header h2{color:#fff!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmX-operator-summary>div{background:#203b54;border-color:#56748b;color:#f2f9ff}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmX-operator-panel{background:#162e43;color:#f1f7fd}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmX-operator-panel :is(h3,p,strong,span){color:inherit}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmX-operator-panel .crmX-unverified{color:#ffe1a2}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmX-profile-caution{color:#c7ddea;opacity:1}
@media(max-width:850px){.crmX-operator-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.crmX-operator-summary,.crmX-operator-sections{grid-template-columns:1fr}.crmX-operator-header{padding:15px}}

/* v344 central operator training evidence in familiar STS profile. */
.crmX-operator-sections .crmX-operator-panel:nth-child(-n+2){grid-column:1/-1}
.crmX-operator-records{min-width:900px;width:100%}
.crmX-operator-records th{white-space:nowrap}
.crmX-operator-records td{vertical-align:top;min-width:90px}
.crmX-operator-records td:first-child{min-width:180px}
.crmX-operator-records small{display:block;margin-top:5px;line-height:1.4;opacity:.88}
.crmX-candidates{border-top:1px solid #9aafbf7a;margin-top:15px;padding-top:12px}
.crmX-candidates h4{font-size:1rem;margin:0 0 6px}
.crmX-candidates .crm31-tbl{min-width:690px}
.crmX-operator-panel .p-tablewrap{max-width:100%;overflow-x:auto}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmX-operator-records th{color:#e9f6ff!important;background:#234662!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmX-operator-records td strong{color:#f4faff!important;opacity:1!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmX-operator-records td small{color:#c3dbea!important;opacity:1!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmX-candidates h4{color:#f1f8ff}
@media(max-width:650px){.crmX-operator-sections .crmX-operator-panel:nth-child(-n+2){grid-column:1}}


/* v352 — verified operator evidence and authorised employer equipment sections. */
.crmE-operator-evidence,.crmE-operator-authorisations{margin-top:14px}
.crmE-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #83a9c466;border-radius:10px;margin-top:16px;background:rgba(53,128,185,.055)}
.crmE-form h4,.crmE-approver h4{grid-column:1/-1;margin:0;font-size:.98rem}
.crmE-form label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:.86rem;font-weight:600}
.crmE-form :is(input,select,textarea),.crmE-approver select{display:block;width:100%;min-width:0;padding:9px;border:1px solid #829bad;border-radius:6px;background:#fff;color:#19384a;font:inherit}
.crmE-form .crmE-wide{grid-column:1/-1}
.crmE-approver{padding:15px 0 0;margin-top:15px;border-top:1px solid #819bad70}
.crmE-approver select{max-width:560px;margin:10px 0}
.crmE-operator-evidence .p-tablewrap,.crmE-operator-authorisations .p-tablewrap{max-width:100%;overflow:auto}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmE-form{background:#1d374d;border-color:#536f88}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmE-form :is(input,select,textarea),
#portalWorkspace[data-sts-theme="dark"] #pContent .crmE-approver select{background:#102c44;border-color:#67839b;color:#f3f9ff}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmE-form :is(input,textarea)::placeholder{color:#b0c6d7}
#portalWorkspace[data-sts-theme="dark"] #pContent .crmE-form :is(option){background:#102c44;color:#fff}
@media(max-width:650px){.crmE-form{grid-template-columns:1fr}.crmE-form h4,.crmE-form .crmE-wide{grid-column:1}}