/* TrailSurge V42: Shopify-inspired staff surfaces. Screen-only; print layouts remain independent. */
@media screen {
html[data-staff-theme="42"] {
 --ink:#303030;--muted:#6c6c6c;--sub:#707070;--dark:#1a1a1a;--blue:#303030;--blue2:#1a1a1a;--line:#e3e3e3;--border:#e3e3e3;--bg:#f1f1f1;--card:#fff;--navy:#303030;
 --ts27-navy:#303030;--ts27-blue:#16794c;--ts27-ink:#303030;--ts27-muted:#707070;--ts27-line:#e3e3e3;--ts27-bg:#f1f1f1;--ts27-r:12px;
 --v22-navy:#303030;--v22-border:#e3e3e3;--v22-muted:#707070;--v22-soft:#f7f7f7;
 --ts-surface:#fff;--ts-canvas:#f1f1f1;--ts-nav:#ebebeb;--ts-ink:#303030;--ts-muted:#707070;--ts-line:#e3e3e3;--ts-green:#0c6542;--ts-soft-green:#e4f3e7;--ts-radius:12px;--ts-card-shadow:0 1px 0 #0000000d,0 0 0 1px #00000003;
}
html[data-staff-theme="42"] body{background:var(--ts-canvas)!important;color:var(--ts-ink)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;-webkit-font-smoothing:antialiased}
html[data-staff-theme="42"] body :is(button,input,select,textarea){font-family:inherit}
html[data-staff-theme="42"] body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #72b796!important;outline-offset:3px!important}
/* Identical shell treatment for both portals; their menus retain their own destinations. */
html[data-staff-theme="42"] body :is(.app .side,.cs-sidebar){background:var(--ts-nav)!important;border-right:1px solid #dedede!important}
html[data-staff-theme="42"] body :is(.app .brand,.cs-brand){padding-top:2px!important;padding-bottom:22px!important}
html[data-staff-theme="42"] body :is(.app .brand small,.cs-brand>span){font-size:10px!important;letter-spacing:1px!important;font-weight:600!important;color:#747474!important}
html[data-staff-theme="42"] body :is(.app .side-link,.cs-sidenav button){color:#505050!important;border-radius:8px!important;font-size:12px!important;font-weight:550!important;box-shadow:none!important}
html[data-staff-theme="42"] body :is(.app .side-link:hover,.cs-sidenav button:hover){background:#e1e1e1!important;color:#202020!important}
html[data-staff-theme="42"] body :is(.app .side-link.active,.cs-sidenav button.is-active){background:#fff!important;color:#252525!important;font-weight:650!important;box-shadow:0 1px 2px #0000000a!important}
html[data-staff-theme="42"] body :is(.app .side-link svg,.cs-nav-icon svg){stroke-width:1.65}
html[data-staff-theme="42"] body :is(.app .side-label,.cs-nav-heading,.ts-switch-title,.cs-switch-label){color:#838383!important;letter-spacing:1px!important;font-weight:650!important}
html[data-staff-theme="42"] body :is(.app .side-shortcuts a,.app .side-bottom,.cs-side-footer){color:#707070!important}
html[data-staff-theme="42"] body :is(.app .side-shortcuts a:hover){background:#e0e0e0!important;color:#303030!important}
html[data-staff-theme="42"] body :is(.app .side-new-job){background:#fff!important;border:1px solid #d5d5d5!important;color:#303030!important;box-shadow:0 1px 0 #0000000a!important;font-weight:650!important;border-radius:8px!important}
html[data-staff-theme="42"] body :is(.app .top,.cs-topbar,.portal-workspace-top){background:#1a1a1a!important;color:#f7f7f7!important;border-bottom:1px solid #111!important;box-shadow:none!important}
html[data-staff-theme="42"] body :is(.app .top-title,.cs-top-left,.portal-top-label,.portal-back){color:#f5f5f5!important;font-weight:650!important}
html[data-staff-theme="42"] body :is(.app .top-sub,.app .verified,.cs-topbar #cs-identity,.portal-top-meta){color:#c6c6c6!important}
html[data-staff-theme="42"] body .app .staff-chip{background:#303030!important;border-color:#454545!important;border-radius:9px!important;padding:6px 12px 6px 6px!important}
html[data-staff-theme="42"] body .app .who{color:#f7f7f7!important;font-weight:600!important}
html[data-staff-theme="42"] body .app .avatar{background:#d8eadf!important;color:#255d40!important;border-radius:7px!important}
html[data-staff-theme="42"] body :is(.app .logout,.cs-signout,.cs-mobile-switch,.portal-signout){background:#303030!important;border:1px solid #4a4a4a!important;color:#ededed!important;border-radius:7px!important;font-size:11px!important;font-weight:550!important}
html[data-staff-theme="42"] body :is(.app .mobile-header-logo,.cs-mobile-brand){background:#fff;border-radius:5px;padding:5px}
html[data-staff-theme="42"] body :is(.ts-workspace-switch,.cs-workspace-switch){background:#f7f7f7!important;border:1px solid #dedede!important;border-radius:10px!important;box-shadow:none!important}
html[data-staff-theme="42"] body :is(.ts-workshop-active,.cs-switch-current){background:#e3ece6!important;color:#365645!important;border-radius:7px!important}
html[data-staff-theme="42"] body :is(.ts-workshop-active small,.cs-switch-current small){color:#758b7b!important}
html[data-staff-theme="42"] body :is(.ts-switch-target,.cs-switch-link){background:#fff!important;color:#404040!important;border-color:#ddd!important;font-weight:600!important;border-radius:7px!important}
html[data-staff-theme="42"] body .ts-mobile-switch{background:#e9ece9!important;border-color:#d9dfd9!important;color:#456450!important;font-weight:600!important}
/* White cards sit on a soft grey canvas, with no lifted hover animations. */
html[data-staff-theme="42"] body :is(.app .panel,.app .stat,.app .action-card,.app .v22-home-schedule,.app .v22-suppliers,.app .v22-part-form-card,.app .v22-queue-card,.app .planner-calendar,.app .planner-jobs,.app .job-heading,.app .job-card,.app .v16-customer-card,.app .stat-card,.app .v20-job-main,.app .v20-job-aside .job-panel,.app .v30-tracking,.app .office-details,.app .ready-next,.app .v35-deleted-panel,.app .v30-notes-panel,.app .job-panel,.cs-panel,.cs-section,.cs-side-section){background:#fff!important;border-color:#e3e3e3!important;border-radius:12px!important;box-shadow:var(--ts-card-shadow)!important}
html[data-staff-theme="42"] body .app .v20-job-main>.job-panel{background:transparent!important;border-radius:0!important;box-shadow:none!important}
html[data-staff-theme="42"] body :is(.app .v22-part-row,.app .v21-dashboard-job,.app .v22-supplier-card,.cs-simple-case){background:#fff!important;border-color:#e6e6e6!important;border-radius:10px!important;box-shadow:none!important}
html[data-staff-theme="42"] body :is(.app .v22-supplier-card:hover,.cs-simple-case:hover){border-color:#bdbdbd!important;background:#fdfdfd!important}
html[data-staff-theme="42"] body .cs-active-panel .cs-simple-case{border-radius:0!important}
html[data-staff-theme="42"] body :is(.app .action-card:hover,.app .btn:hover){transform:none!important;box-shadow:none!important}
html[data-staff-theme="42"] body :is(.app h1,.cs-page-head h1){color:#303030!important;font-weight:650!important;letter-spacing:-.8px!important}
html[data-staff-theme="42"] body :is(.app h2,.app h3,.app .panel-head h3,.app .v22-section-title h2,.cs-panel-top h2,.cs-section-head h3){color:#303030!important;font-weight:650!important;letter-spacing:-.3px!important}
html[data-staff-theme="42"] body :is(.app .eyebrow,.app .panel-kicker,.app .mechanic-kicker,.app .v22-stage-ref,.cs-overline){color:#808080!important;font-weight:650!important;letter-spacing:1px!important}
html[data-staff-theme="42"] body :is(.app .stat .label,.app .date,.app .minor,.app .hint,.app .job-main small,.app .v22-heading p:not(.eyebrow),.cs-simple-case-meta){color:#757575!important}
html[data-staff-theme="42"] body .app .stat .mini{background:#f0f0f0!important;color:#707070!important;border-radius:9px!important}
html[data-staff-theme="42"] body .app .stat .number{font-weight:650!important;color:#303030!important}
html[data-staff-theme="42"] body :is(.app .v22-shortcut,.app .action-card,.cs-hub-actions>button){background:#fff!important;border-color:#dedede!important;border-radius:10px!important;color:#343434!important;box-shadow:0 1px 0 #00000008!important;font-weight:600!important}
html[data-staff-theme="42"] body :is(.app .v22-shortcut:hover,.cs-hub-actions>button:hover){background:#fafafa!important;border-color:#bdbdbd!important;box-shadow:0 2px 5px #00000008!important}
html[data-staff-theme="42"] body :is(.app .v22-symbol,.app .action-icon,.cs-quick-icon){color:#536f5c!important}
html[data-staff-theme="42"] body .app .action-icon{background:#eef3ef!important}
/* Button hierarchy: charcoal primary, white secondary, coloured outcome/status badges retained. */
html[data-staff-theme="42"] body :is(.app .btn,.app .v22-outline,.app .v22-act,.app .v22-stage-shortcut,.app .v27-nav-context a,.app .v30-tool,.app .v30-menu>summary,.app .v34-tracking-quick a,.app .v34-tracking-quick button,.app .v34-print>summary,.app .v35-tracking-menu>summary,.app .v22-job-row-buttons a,.app .v34-step-actions button,.app .v26-hero-actions a,.cs-btn){border-radius:8px!important;border-color:#d1d1d1!important;background:#fff!important;color:#404040!important;font-weight:600!important;box-shadow:0 1px 0 #0000000d!important}
html[data-staff-theme="42"] body :is(.app .btn:hover,.app .v22-act:hover,.cs-btn:hover){background:#f7f7f7!important;border-color:#b5b5b5!important}
html[data-staff-theme="42"] body :is(.app .btn.primary,.app button.primary,.app .v22-primary,.app .v22-act.v22-approve,.app .v22-shortcut-primary,.app .v34-save-update,.app .v34-step-actions button.primary,.cs-btn.cs-primary){background:#303030!important;border-color:#303030!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff24,0 1px 0 #00000024!important}
html[data-staff-theme="42"] body :is(.app .btn.primary:hover,.app button.primary:hover,.app .v22-primary:hover,.app .v22-act.v22-approve:hover,.app .v22-shortcut-primary:hover,.cs-btn.cs-primary:hover){background:#1a1a1a!important;border-color:#1a1a1a!important;color:#fff!important}
html[data-staff-theme="42"] body .app .v22-shortcut-primary .v22-symbol{color:#fff!important}
html[data-staff-theme="42"] body .cs-btn.cs-whatsapp{background:#edf6ef!important;border-color:#cfe4d4!important;color:#2b6844!important;box-shadow:none!important}
html[data-staff-theme="42"] body .cs-btn.cs-resolve{background:#f0f6f1!important;border-color:#d0e1d4!important;color:#2b6844!important;box-shadow:none!important}
html[data-staff-theme="42"] body .cs-btn.cs-quiet{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#777!important}
html[data-staff-theme="42"] body :is(.app .text-link,.app .v22-sched-foot a,.cs-text-button,.cs-link-button){color:#526c5a!important;font-weight:600!important}
html[data-staff-theme="42"] body :is(.app input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),.app select,.app textarea,.cs-field input,.cs-field select,.cs-field textarea,.cs-filters input,.cs-filters select){border-color:#c9c9c9!important;border-radius:8px!important;background:#fff!important;color:#303030!important;box-shadow:0 1px 0 #00000004!important}
html[data-staff-theme="42"] body :is(.app input[readonly],.cs-field input[readonly]){background:#f6f6f6!important;color:#777!important}
html[data-staff-theme="42"] body :is(.app input,.app select,.app textarea,.cs-field input){accent-color:#16814e}
html[data-staff-theme="42"] body>dialog{border-color:#dedede!important;border-radius:14px!important;box-shadow:0 20px 80px #0000002e!important}
html[data-staff-theme="42"] body :is(.booking-dialog,.v32-ready-dialog,.v15-quick-dialog,.handover-app) :is(button.primary,.btn.primary){background:#303030!important;color:#fff!important;border-color:#303030!important;border-radius:8px!important;box-shadow:inset 0 1px 0 #ffffff24,0 1px 0 #00000024!important}
html[data-staff-theme="42"] body :is(.app .btn.danger,.app button.danger,.app .booking-danger,.app .v22-act.v22-reject){background:#fff5f3!important;color:#aa3027!important;border-color:#e7c3be!important;box-shadow:none!important}
/* Calendar keeps appointment colours and geometry; only its surrounding controls are themed. */
html[data-staff-theme="42"] body .app .v35-calendar-toolbar .v16-layout-switch button{background:#f7f7f7!important;border-color:#ddd!important;color:#606060!important;border-radius:7px!important;font-weight:550!important}
html[data-staff-theme="42"] body .app .v35-calendar-toolbar .v16-layout-switch button.selected{background:#303030!important;border-color:#303030!important;color:white!important}
html[data-staff-theme="42"] body .app .planner-filters{background:#f8f8f8!important;border-color:#e3e3e3!important}
html[data-staff-theme="42"] body .app .planner-filters :is(input:not([type="checkbox"]),select,#clearFilters){border-color:#d0d0d0!important;color:#505050!important;background:white!important}
html[data-staff-theme="42"] body .app .v35-calendar-filters>summary{color:#606060!important;border-color:#d0d0d0!important;border-radius:8px!important;background:white!important}
html[data-staff-theme="42"] body :is(.cs-case-views button.selected,.cs-segment button.selected){background:#e9e9e9!important;color:#303030!important}
html[data-staff-theme="42"] body .cs-case-tabs button.selected{color:#276044!important;border-color:#276044!important}
html[data-staff-theme="42"] body .cs-detail-scroll{background:#f6f6f6!important}
html[data-staff-theme="42"] body :is(.cs-case-title,.cs-detail-top h2){color:#303030!important}
html[data-staff-theme="42"] body .cs-owner-pill{color:#5d6c60!important}
html[data-staff-theme="42"] body .cs-simple-case-foot .cs-btn:first-child{background:#f4f4f4!important;color:#404040!important;border-color:#d8d8d8!important}
html[data-staff-theme="42"] body .cs-latest-update{border-left-color:#d7e2da!important}
html[data-staff-theme="42"] body :is(.cs-modal,.cs-case-modal,.app dialog){border-color:#dedede!important;border-radius:14px!important;box-shadow:0 20px 80px #0000002e!important}
/* The green Shopify lookup is the focal point, not another generic admin card. */
html[data-staff-theme="42"] body .cs-shopify-start{position:relative;overflow:hidden;grid-template-columns:minmax(250px,.85fr) minmax(0,1.3fr);gap:10px 38px;background:radial-gradient(ellipse at 100% 0%,#ffffff80,transparent 58%),linear-gradient(110deg,#edf8ef 0%,#def2e2 52%,#cfead8 100%)!important;border:1px solid #c1dec9!important;border-radius:16px!important;padding:32px 34px!important;box-shadow:0 2px 0 #23513806,0 9px 28px #23513805!important;margin-bottom:26px}
html[data-staff-theme="42"] body .cs-shopify-start .cs-overline{display:inline-flex;align-items:center;gap:7px;background:#ffffff8c;color:#3d7653!important;font-size:9px;letter-spacing:1px!important;padding:7px 10px;border:1px solid #bcd8c480;border-radius:6px;margin-bottom:12px}
html[data-staff-theme="42"] body .cs-shopify-start .cs-overline::before{content:'';width:5px;height:5px;background:#4a9062;border-radius:50%}
html[data-staff-theme="42"] body .cs-shopify-start h2{font-size:29px!important;line-height:1.23!important;letter-spacing:-.9px!important;color:#214c35!important;font-weight:650!important;max-width:none;margin:0!important}
html[data-staff-theme="42"] body .cs-shopify-start .ts-order-search-description{font-size:12px;color:#64806c;line-height:1.6;margin:12px 0 0}
html[data-staff-theme="42"] body .cs-order-start-search{align-items:stretch;gap:8px;padding:7px;background:#fff;border:1px solid #b3d4bd;border-radius:11px;box-shadow:0 6px 20px #1b583110;min-width:0}
html[data-staff-theme="42"] body .cs-order-start-search input{border:0!important;border-radius:7px!important;background:#fff!important;font-size:13px!important;color:#234431!important;box-shadow:none!important;min-height:46px;height:auto;padding:11px 12px}
html[data-staff-theme="42"] body .cs-order-start-search input::placeholder{color:#8b9e90;opacity:1}
html[data-staff-theme="42"] body .cs-order-start-search .cs-btn.cs-primary{background:#0c6542!important;border-color:#0c6542!important;color:#fff!important;min-width:118px;font-size:12px;box-shadow:inset 0 1px 0 #ffffff29,0 1px 2px #184b3017!important}
html[data-staff-theme="42"] body .cs-order-start-search .cs-btn.cs-primary:hover{background:#084f33!important;border-color:#084f33!important}
html[data-staff-theme="42"] body .cs-shopify-start #cs-order-connection{font-size:10px!important;color:#62816b!important;line-height:1.6;margin:0!important;padding-left:3px;align-self:start}
html[data-staff-theme="42"] body .cs-shopify-start>div{grid-row:1/3}
html[data-staff-theme="42"] body .cs-order-start-search{grid-column:2;grid-row:1;align-self:end}
html[data-staff-theme="42"] body .cs-shopify-start #cs-order-connection{grid-column:2;grid-row:2}
html[data-staff-theme="42"] body .cs-intake-selected{background:#edf7ef!important;border-color:#c5e0cd!important;border-radius:10px!important}
/* Counter check-in stays familiar, including its signed customer documents. */
html[data-staff-theme="42"] body #dropoffApp .v26-checkin-steps{background:#e9e9e9!important;border-color:#dedede!important}
html[data-staff-theme="42"] body #dropoffApp .v26-checkin-steps a{color:#707070!important;font-weight:600!important}
html[data-staff-theme="42"] body #dropoffApp .v26-checkin-steps a[aria-current="step"]{background:white!important;color:#2f6246!important}
html[data-staff-theme="42"] body #dropoffApp section{border-color:#e3e3e3!important;border-radius:12px!important;box-shadow:var(--ts-card-shadow)!important}
html[data-staff-theme="42"] body #dropoffApp section h2 b{background:#edf2ed!important;color:#5a7963!important;border-radius:7px!important}
html[data-staff-theme="42"] body :is(#dropoffApp input:not([type="checkbox"]):not([type="radio"]),#dropoffApp select,#dropoffApp textarea){border-color:#ccc!important;border-radius:8px!important}
html[data-staff-theme="42"] body #dropoffApp canvas{border-color:#b1c5b7!important}
html[data-staff-theme="42"] body :is(.app .mobile-bar,.cs-mobile-nav){background:#fff!important;border-top-color:#ddd!important}
html[data-staff-theme="42"] body :is(.app .mobile-bar a.active,.cs-mobile-nav button.is-active){color:#2d6846!important;background:#edf4ef!important}
@media(min-width:851px){
 html[data-staff-theme="42"] body :is(.app .side,.cs-sidebar){width:226px!important;padding-left:14px!important;padding-right:14px!important}
 html[data-staff-theme="42"] body :is(.app .brand img,.cs-brand img){width:172px!important;max-width:100%;height:auto}
 html[data-staff-theme="42"] body .app .top{min-height:64px!important;height:64px!important}
 html[data-staff-theme="42"] body .cs-topbar{height:64px}
 html[data-staff-theme="42"] body .app .main>div[class*="content"]{max-width:1560px!important}
}
@media(max-width:1200px){
 html[data-staff-theme="42"] body .cs-shopify-start{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:10px 24px;padding:27px!important}
 html[data-staff-theme="42"] body .cs-shopify-start h2{font-size:25px!important}
 html[data-staff-theme="42"] body .cs-order-start-search input{font-size:12px!important}
}
@media(max-width:980px){
 html[data-staff-theme="42"] body .cs-shopify-start{grid-template-columns:1fr;gap:14px}
 html[data-staff-theme="42"] body .cs-shopify-start>div{grid-column:1;grid-row:1}
 html[data-staff-theme="42"] body .cs-order-start-search{grid-column:1;grid-row:2;align-self:auto}
 html[data-staff-theme="42"] body .cs-shopify-start #cs-order-connection{grid-column:1;grid-row:3}
 html[data-staff-theme="42"] body .cs-shopify-start h2 br{display:none}
 html[data-staff-theme="42"] body .cs-shopify-start h2 br::after{content:' '}
}
@media(max-width:760px){
 html[data-staff-theme="42"] body .cs-shopify-start{padding:23px!important;border-radius:13px!important}
 html[data-staff-theme="42"] body .cs-shopify-start h2{font-size:24px!important}
 html[data-staff-theme="42"] body .cs-shopify-start h2 br{display:initial}
 html[data-staff-theme="42"] body .cs-order-start-search input{font-size:14px!important}
 html[data-staff-theme="42"] body :is(.app .mobile-header-logo,.cs-mobile-brand){width:122px}
 html[data-staff-theme="42"] body .cs-case-modal{border-radius:0!important}
}
@media(max-width:450px){
 html[data-staff-theme="42"] body .cs-order-start-search{flex-direction:column;padding:7px}
 html[data-staff-theme="42"] body .cs-order-start-search input{min-height:45px;font-size:16px!important}
 html[data-staff-theme="42"] body .cs-order-start-search .cs-btn{min-height:43px}
 html[data-staff-theme="42"] body .cs-shopify-start h2{font-size:23px!important}
 html[data-staff-theme="42"] body .cs-shopify-start .ts-order-search-description{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html[data-staff-theme="42"] body *{transition:none!important;scroll-behavior:auto!important}}
}