html:has(.staff-page),body.staff-page{height:auto;overflow:auto;scroll-padding-top:20px}.staff-page{background:#eff2e9;font-size:16px}.staff-header{position:relative;display:flex;gap:24px;padding:18px max(5%,calc((100% - 1180px)/2));align-items:center}.staff-header div{flex:1}.staff-header span{display:block;font-size:13px;color:#c9f464}.staff-page button{cursor:pointer;min-height:46px;padding:10px 16px;border:1px solid #a6b89a;color:#193739;background:#e5eddc;font-size:15px;font-weight:700}.staff-page button:disabled{opacity:.5;cursor:wait}.staff-page .btn{background:#c9f464}.staff-header button{background:transparent;color:white}.staff-main{max-width:1240px;margin:auto;padding:40px 30px 70px}.staff-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.staff-intro h1{font-size:36px;margin:4px 0;letter-spacing:0}.staff-intro .eyebrow{margin:0}.staff-intro p{font-size:14px;color:#53695e}.staff-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}.staff-panel{padding:25px;border:1px solid #becdb3;background:#f9faf5;margin-bottom:22px;min-width:0}.staff-panel h2{font-size:24px;letter-spacing:0}.staff-form-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.staff-form-title span{font-size:13px;color:#53695e}.staff-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.staff-wide{grid-column:1/-1}.staff-page label{font-size:14px}.staff-page input,.staff-page textarea,.staff-page select{font-size:16px}.staff-note{font-size:13px;color:#53695e}.staff-page fieldset{border:0;padding:0;margin:20px 0;min-width:0}.staff-page legend{font-size:14px;font-weight:bold;margin-bottom:10px}.staff-choices{display:flex;flex-wrap:wrap;gap:8px}.staff-choices label{position:relative;cursor:pointer}.staff-choices input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.staff-choices span{display:block;background:white;border:1px solid #b3c4a8;padding:10px 13px;font-weight:400;min-height:46px}.staff-choices input:checked+span{background:#e3f3c6;border-color:#55743b;font-weight:700}.staff-choices input:checked+span:before{content:'✓ ';color:#356021}.staff-choices input:focus-visible+span{outline:3px solid #63883c;outline-offset:3px}.staff-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.staff-panel h3{padding-top:22px;border-top:1px solid #d1dacb;margin-top:30px}.inspection-row{padding:14px 0;border-bottom:1px solid #d1dacb}.inspection-row legend{font-size:15px}#visit-status{padding:12px 15px;background:#e8efdf;font-size:14px}#job-list{display:grid;gap:8px;margin-top:20px}#job-list button{text-align:left;width:100%;background:white;overflow-wrap:anywhere}#job-list button[aria-current=true]{border-color:#55743b;background:#e3f3c6}#job-list small{display:block;color:#607355;font-weight:400}.account-panel{margin-top:15px}.account-panel form{margin-top:25px}.account-panel .btn,#user-form .btn{margin-top:20px}#user-list article{padding:15px 0;border-top:1px solid #c3cfba;display:flex;justify-content:space-between;align-items:center;gap:16px}#user-list small{display:block;color:#53695e}.sld-live-label{display:flex;align-items:center;font-size:14px;color:#3c6236;padding:12px}.staff-page [hidden]{display:none!important}.staff-page .sld-circuit header{padding:0 0 12px}.staff-page .article-toolbar{padding:10px 18px}.staff-page .article-close{background:transparent;color:white}.staff-page .sld-dialog{width:min(1180px,calc(100% - 20px))}.staff-page .sld-note{font-size:13px}.staff-page .sld-grid{min-width:0}.staff-confirm{width:min(430px,calc(100% - 24px));padding:26px;border:1px solid #8fa17b;background:#f5f6ef;color:#193739}.staff-confirm::backdrop{background:#122c2dcc}.staff-confirm h2{font-size:24px}.staff-confirm .staff-actions{justify-content:flex-end}@media(max-width:760px){.staff-main{padding:24px 14px 50px}.staff-header{padding:16px;gap:12px}.staff-header img{width:145px;max-width:100%}.staff-header b{font-size:13px}.staff-header span{font-size:12px}.staff-header button{padding:8px 10px}.staff-intro{display:block}.staff-intro h1{font-size:29px}.staff-intro>.btn{width:100%;margin-top:14px}.staff-layout{grid-template-columns:minmax(0,1fr)}.staff-panel{padding:20px}.staff-grid{grid-template-columns:minmax(0,1fr)}.staff-wide{grid-column:auto}.staff-actions>button{flex:1 1 130px}.staff-form-title{display:block}.staff-form-title h2{margin-bottom:5px}.staff-choices{gap:7px}.staff-choices span{padding:10px 12px}.staff-page .sld-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.staff-page .sld-actions .sld-live-label{font-size:12px;padding:5px}.staff-page .sld-grid{grid-template-columns:minmax(0,1fr)}}

.sld-schedule{margin:22px 0;border:1px solid #bccbad;background:white;padding:20px}.sld-schedule article{border-top:1px solid #ccd5c5;padding:12px 0}.sld-schedule p{font-size:14px;margin:4px 0;overflow-wrap:anywhere}.sld-reference{margin:18px 0;padding:16px;border:1px solid #bccbad}.sld-reference summary{font-size:16px}.sld-reference p{font-size:14px}.sld-circuit header b{margin-right:auto}.sld-circuit header{gap:8px;flex-wrap:wrap}.sld-dialog [hidden]{display:none!important}

.sld-technical{grid-column:1/-1;border:1px solid #c8d4bf;padding:14px;background:#f4f7ed}.sld-technical summary{font-size:15px}.sld-technical[open]>.sld-grid{margin-top:16px}.sld-technical summary:after{top:0}
.wr1-workflow{border:1px solid #bdcbb0;background:#f1f5e9;padding:22px;margin:24px 0}.wr1-workflow>p,.wr1-workflow li{font-size:14px;line-height:1.8}.wr1-role-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.wr1-workflow .check,#profile-form .check{display:flex;align-items:flex-start;gap:10px;line-height:1.7;margin:12px 0}.wr1-workflow input[type=checkbox],#profile-form input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:2px 0}.wr1-workflow .sld-grid{margin:18px 0}.wr1-workflow .sld-reference{background:#fafbf6}.wr1-workflow summary{padding-right:32px}#personal-profile{scroll-margin-top:20px}#profile-signatures{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:22px 0}.signature-pad{min-width:0}.signature-pad p{font-size:13px}.signature-pad canvas{display:block;max-width:100%;width:100%;height:auto;background:#fff;border:1px solid #a8b99b;touch-action:none;cursor:crosshair;margin:14px 0}.sld-order button{scroll-margin-top:80px}@media(max-width:700px){.wr1-workflow{padding:15px}.wr1-role-grid,#profile-signatures{grid-template-columns:minmax(0,1fr)}.wr1-workflow .sld-actions{display:flex;flex-wrap:wrap}.wr1-workflow .sld-actions button{flex:1 1 160px}}

.sld-order-panel{border:1px solid #aebfa2;background:#eaf1df;padding:16px;margin:16px 0}.sld-order{display:flex;gap:10px;overflow-x:auto;padding:8px 4px 14px;overscroll-behavior-x:contain}.staff-page .sld-order button{flex:0 0 130px;display:grid;grid-template-columns:18px 1fr;text-align:left;background:white;touch-action:pan-y;user-select:none;cursor:grab;min-height:78px}.sld-order small{grid-column:2;overflow-wrap:anywhere;font-size:12px;line-height:1.4;font-weight:400}.sld-order .is-dragging{opacity:.5}.staff-page .sld-order .is-drop-target{outline:3px solid #4b7d27;background:#d9f4b1}.sld-order-panel>p[role=status]{font-size:13px;margin-bottom:0}.sld-circuit{scroll-margin-top:75px}.sld-circuit header button{min-width:44px}.staff-page .sld-circuit button:disabled{cursor:default}.sld-theme{display:flex;align-items:center;gap:10px;margin:24px 0 10px;flex-wrap:wrap}.sld-theme input{width:22px;min-height:22px;height:22px;margin:0}.sld-theme small{font-size:12px;font-weight:400}.sld-preview.sld-dark>svg{filter:invert(1);background:white}.sld-preview>svg{max-width:100%;height:auto;border:1px solid #aebfa2}.staff-page .sld-circuit header{position:static!important}.sld-circuit header b{flex:1 1 100px}.staff-page .sld-circuit header button{padding:8px 11px}@media(max-width:700px){.sld-order-panel{padding:12px}.staff-page .sld-circuit header{display:flex;gap:6px}.sld-circuit header b{flex-basis:100%}.staff-page .sld-order button{flex-basis:116px}}
/* Engineer workspace: project storage, short steps and compact circuit cards. */
.staff-page .sld-dialog{--sld-scroll-offset:140px;scroll-padding-top:var(--sld-scroll-offset)}
.sld-dialog .article-toolbar{position:sticky;top:0;z-index:8}
.sld-step-nav{position:sticky;top:66px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));z-index:7;background:#eef4e5;border-bottom:1px solid #aebfa2;padding:6px 22px;gap:6px}
.staff-page .sld-step-nav button{display:flex;align-items:center;justify-content:center;gap:9px;border-color:transparent;background:transparent;font-size:14px;min-height:46px;padding:7px 9px}
.sld-step-nav button b{font-size:11px;opacity:.65}.staff-page .sld-step-nav button[aria-current=step]{background:#1b3437;color:#e0ff91;border-color:#1b3437}
.sld-dialog [id^=sld-step]{scroll-margin-top:var(--sld-scroll-offset)}
.project-store{border:1px solid #b8c9a7;background:#fff;padding:20px;margin:18px 0}.project-store-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-store-heading h3{margin:0;font-size:21px}.project-store-heading>span{font-size:12px;border-radius:3px;background:#eaf1df;padding:5px 9px}.project-picker{display:grid;grid-template-columns:minmax(0,1fr) auto 46px;gap:8px;align-items:end;margin:17px 0}.project-picker select{margin-top:6px}.project-picker>button{height:50px;padding:5px 12px}.project-actions{display:flex;flex-wrap:wrap;gap:8px}.project-actions>button:first-child{min-width:150px}.project-status{font-size:13px;line-height:1.7;margin-bottom:0}.project-recovery{margin-top:15px;padding:14px;background:#fff4d9;border-left:3px solid #9b7534}.project-recovery p{font-size:13px;margin:0 0 10px}
.sld-backups{border:1px solid #cad5c1;padding:14px 16px;margin:14px 0}.sld-backups summary{font-size:14px}.sld-backups[open]>.sld-actions{margin-top:16px}.sld-backups .sld-file-label{font-size:13px}.sld-body>#sld-status{font-size:13px;color:#405d45}
.sld-supply{border:1px solid #becdb3;padding:18px;margin:22px 0;background:#f5f8ef}.sld-supply summary{font-size:16px}.sld-supply[open]>.sld-grid{margin-top:20px}.sld-wide{grid-column:1/-1}
.staff-page .sld-circuit{padding:0;background:#fff;margin-bottom:14px}.sld-circuit>summary{padding:19px 52px 19px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between;font-size:16px;line-height:1.5;min-height:64px}.sld-circuit>summary:after{right:20px;top:20px}.sld-circuit>summary>span{font-size:13px;font-weight:400;color:#55704c;text-align:right}.sld-circuit[open]>summary{border-bottom:1px solid #d5decf;background:#edf4e3}.sld-circuit>.sld-grid{padding:0 18px 20px}.circuit-controls{display:flex;justify-content:flex-end;gap:7px;padding:13px 18px;flex-wrap:wrap}.staff-page .circuit-controls button{font-size:13px;padding:8px 12px;min-height:44px}.circuit-controls button[data-remove]{color:#743f31;background:#f5eee7}
.sld-checklist{background:#fff;border:1px solid #bbcca9;padding:22px;margin-top:28px}.sld-checklist>h3{margin-top:0}.sld-checklist>p{font-size:14px}.sld-check-count{background:#eaf1df;padding:13px;font-size:14px;margin:16px 0}.sld-checklist[data-has-errors=true] .sld-check-count{background:#fff0e6;color:#8b3c25}.sld-checklist summary{font-size:14px}.sld-checklist ul{list-style:none;padding:0;margin:14px 0;max-height:320px;overflow:auto}.sld-checklist li{border-bottom:1px solid #d9e1d0}.staff-page .sld-checklist li button{width:100%;background:white;border:0;padding:12px 0;text-align:left;font-size:14px;font-weight:400;line-height:1.6}.sld-checklist li button span{font-size:11px;padding:3px 6px;background:#edf1e7;margin-right:5px}
@media(max-width:700px){.sld-step-nav{padding:6px 10px;gap:3px}.staff-page .sld-step-nav button{flex-direction:column;gap:1px;font-size:12px;padding:5px 2px;line-height:1.5}.sld-step-nav button b{font-size:10px}.project-store,.sld-checklist{padding:15px}.project-picker{grid-template-columns:minmax(0,1fr) auto 44px}.project-picker>button{padding:6px 9px}.project-actions{display:grid;grid-template-columns:1fr 1fr}.project-actions>button:first-child{grid-column:1/-1}.project-store-heading{align-items:flex-start}.project-store-heading h3{font-size:19px}.project-store-heading>span{max-width:170px;line-height:1.6}.sld-supply{padding:14px}.sld-wide{grid-column:auto}.sld-circuit>summary{display:block;padding:15px 42px 15px 14px}.sld-circuit>summary>span{display:block;text-align:left;margin-top:5px;font-size:12px}.sld-circuit>.sld-grid{padding:0 13px 18px}.circuit-controls{padding:12px 13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-page .circuit-controls button{min-height:44px;padding:7px}.sld-checklist ul{max-height:250px}}

.staff-page details:not([open])>summary:after{content:"+"}.staff-page details[open]>summary:after{content:"−"}
.staff-page .sld-dialog{scroll-padding-top:0}

/* Customer enquiries */
.inbox-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.inbox-heading h2{margin:0}.inbox-search{display:flex;gap:12px;align-items:end}.inbox-search label{flex:1}.inbox-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.staff-page .inbox-list button{text-align:left;display:flex;flex-direction:column;gap:4px;background:#f4f7ef;overflow-wrap:anywhere}.inbox-list small{font-size:13px}.inbox-dialog{width:min(850px,94vw);max-height:90dvh;overflow:auto;padding:28px;border:1px solid #b6c59f;color:#193335}.inbox-dialog::backdrop{background:#102a2dbb}.inbox-dialog dl{display:grid;grid-template-columns:170px minmax(0,1fr);gap:0;margin:22px 0}.inbox-dialog dt,.inbox-dialog dd{padding:10px;border-bottom:1px solid #d7decf;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.inbox-dialog dt{font-weight:700;background:#f3f6ed}.inbox-assignment{display:flex;gap:12px;align-items:end;margin:14px 0}.inbox-assignment label{flex:1}.inbox-assignment[hidden]{display:none}@media(max-width:700px){.inbox-list{grid-template-columns:1fr}.inbox-search{display:block}.inbox-search button{margin-top:10px}.inbox-dialog{padding:18px}.inbox-dialog dl{grid-template-columns:1fr}.inbox-dialog dt{border-bottom:0;padding-bottom:2px}.inbox-dialog dd{padding-top:2px}.inbox-assignment{flex-wrap:wrap}}

.sld-download-ready{padding:18px;border:1px solid #a1ba79;background:#ecf4df;margin:14px 0}.sld-download-ready>b{font-size:18px}.sld-download-ready p{font-size:13px;line-height:1.8;margin:9px 0}.sld-download-ready a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;text-decoration:underline;text-underline-offset:4px;padding:10px 15px;font-size:14px}.sld-download-ready a.btn{text-decoration:none}.sld-download-ready .sld-actions{margin-bottom:0}@media(max-width:700px){.sld-download-ready{padding:14px}.sld-download-ready .sld-actions{display:grid;grid-template-columns:1fr}.sld-download-ready a{width:100%}}