/* TrailSurge Workshop V16 — simplicity layer. Colours identify stages; cards have neutral borders. */
:root{--v16-navy:#142b3a;--v16-blue:#0076aa;--v16-soft:#f5f7f8}
.side{width:222px;padding:18px 12px;gap:0;overflow-y:auto}.side .brand{padding:10px 10px 20px}.side .brand img{width:178px}.side .brand small{font-size:10px;margin-top:7px;letter-spacing:1.15px}.simple-side-nav{display:flex;flex-direction:column;gap:4px}.side-link{border-radius:9px;padding:12px 11px;font-size:12.5px;margin:0;font-weight:750}.side-link svg,.side-new-job svg{width:18px;height:18px;flex:none}.side-link.active{background:#ecf3f7!important;color:#0d5274!important}.side-new-job{display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 2px 0;background:var(--v16-navy);color:#fff;border-radius:9px;padding:13px 10px;font-weight:800;font-size:13px}.side-new-job:hover{background:#225475;color:white}.side-shortcuts{display:flex;flex-direction:column;gap:4px;margin-top:18px;padding:8px}.side-shortcuts .side-label{margin:5px 0;font-size:9px;letter-spacing:1px}.side-shortcuts a{padding:9px 6px;font-weight:650;font-size:11px;color:#647788;border-radius:7px}.side-shortcuts a:hover{color:#115e80;background:#f4f8fb}.side-bottom{padding:14px 10px 0}.side-bottom b{font-size:10px}.side-bottom p{font-size:10px}.v16-stat-link{display:block!important;transition:box-shadow .12s,transform .12s}.v16-stat-link:hover{box-shadow:0 6px 20px #0c294012;transform:translateY(-2px)}.v16-stat-link:focus-visible{outline:3px solid #0b9ec8}.v16-layout-switch{display:inline-flex;gap:3px;padding:4px;background:#edf2f5;border-radius:11px;margin:16px 0 0}.v16-layout-switch button{border:none;background:transparent;border-radius:8px;padding:10px 25px;font-size:12px;font-weight:800;color:#617888;min-height:39px}.v16-layout-switch button[aria-pressed="true"]{background:#fff;color:#12364a;box-shadow:0 2px 7px #132e4216}.cal-page[data-workshop-mode="jobs"] .planner-calendar{display:none!important}.cal-page[data-workshop-mode="calendar"] .planner-jobs{display:none!important}.cal-page[data-workshop-mode="jobs"] .planner-layout,.cal-page[data-workshop-mode="calendar"] .planner-layout{display:block!important}.cal-page[data-workshop-mode="jobs"] .planner-jobs{position:static!important;max-height:none!important;overflow:visible!important;width:100%!important}.cal-page[data-workshop-mode="jobs"] .job-group[open]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cal-page[data-workshop-mode="jobs"] .job-group>summary,.cal-page[data-workshop-mode="jobs"] .job-group>.planner-empty{grid-column:1/-1}.cal-page[data-workshop-mode="jobs"] .planner-job:nth-of-type(even){border-left:1px solid #edf1f3}.cal-page[data-workshop-mode="calendar"] .planner-calendar{width:100%}.planner-job{position:relative}.planner-job-link{padding-right:16px}.v16-inline-stage{display:flex;align-items:center;gap:9px;justify-content:space-between;margin-top:10px;max-width:280px}.v16-inline-stage select{width:100%;min-height:36px;border:1px solid #e0e7eb;border-radius:8px;background:#f2f5f7;color:#475968;padding:7px 28px 7px 11px;font-size:11px;font-weight:800;cursor:pointer}.v16-inline-stage:before,.job-group>summary:after{content:"";display:block;flex:none;width:8px;height:8px;border-radius:50%;background:#8695a3}.v16-inline-stage.booked:before,.job-group.booked>summary:after{background:#718096}.v16-inline-stage.received:before,.job-group.received>summary:after{background:#3b82f6}.v16-inline-stage.working:before,.job-group.working>summary:after{background:#7c3aed}.v16-inline-stage.approval:before,.job-group.approval>summary:after,.v16-inline-stage.parts-order:before,.job-group.parts-order>summary:after,.v16-inline-stage.waiting:before,.job-group.waiting>summary:after{background:#c08618}.v16-inline-stage.ready:before,.job-group.ready>summary:after{background:#29915b}.v16-inline-stage.collected:before,.job-group.collected>summary:after{background:#536879}.v16-inline-stage.cancelled:before,.job-group.cancelled>summary:after{background:#b65e5e}.job-group>summary:after{order:-1;width:7px;height:7px;margin-left:5px}.v16-stage-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.v16-inline-stage.booked select{background:#f1f3f6;color:#516378}.v16-inline-stage.received select{background:#eef5ff;color:#285cb8}.v16-inline-stage.working select{background:#f3efff;color:#6335af}.v16-inline-stage.approval select,.v16-inline-stage.parts-order select,.v16-inline-stage.waiting select{background:#fff8e9;color:#9c6615}.v16-inline-stage.ready select{background:#ecf9f0;color:#1b7b49}.v16-inline-stage.collected select{background:#f1f3f4;color:#566373}.v16-inline-stage.cancelled select{background:#fbf1f1;color:#ac4545}.v16-job-stage-wrap{display:flex;flex-direction:column;gap:6px;align-self:start;min-width:208px;max-width:240px}.v16-job-stage-wrap>span{font-size:10px;font-weight:800;color:#718394;letter-spacing:.04em;text-transform:uppercase}.v16-job-stage-wrap select,.v16-mechanic-select select{font:inherit;font-size:12px;font-weight:750;padding:11px 30px 11px 12px;border:1px solid #dce4e9;border-radius:9px;min-height:43px;width:100%;color:#234354;background:#f3f6f8}.v16-job-stage-wrap select[data-stage="Received"],.v16-mechanic-select select[data-stage="Received"]{background:#eef5ff;color:#285cb8}.v16-job-stage-wrap select[data-stage="In progress"],.v16-mechanic-select select[data-stage="In progress"]{background:#f4f0ff;color:#6735b3}.v16-job-stage-wrap select[data-stage="Waiting for approval"],.v16-job-stage-wrap select[data-stage="Parts to order"],.v16-job-stage-wrap select[data-stage="Waiting for parts"],.v16-mechanic-select select[data-stage="Waiting for approval"],.v16-mechanic-select select[data-stage="Parts to order"],.v16-mechanic-select select[data-stage="Waiting for parts"]{background:#fff7e9;color:#9a6118}.v16-job-stage-wrap select[data-stage="Ready"],.v16-mechanic-select select[data-stage="Ready"]{background:#ecf9f0;color:#1a7c46}.v16-job-stage-wrap select[data-stage="Cancelled"]{background:#fbf1f1;color:#a93e3e}.v16-job-links{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 15px}.v16-job-links a{border:1px solid #e2e9ec;background:#fff;padding:10px 12px;border-radius:8px;color:#39617a;font-size:11px;font-weight:800;line-height:1.3}.v16-job-links a:hover{background:#f3f8fa}.v16-mechanic-select{display:flex;flex-direction:column;max-width:460px;gap:8px}.v16-mechanic-select label{font-size:12px;font-weight:750;color:#425a6d}.v16-mechanic-select select{font-size:14px}.v16-customers-page{max-width:1220px;margin:auto;padding:32px clamp(18px,3vw,42px) 70px}.v16-page-heading{display:flex;gap:15px;align-items:center;justify-content:space-between}.v16-page-heading h1{margin:0 0 7px;font-size:29px}.v16-page-heading p:not(.eyebrow){color:#718391;font-size:13px;margin:0}.v16-customers-search{display:flex;flex-direction:column;gap:8px;max-width:560px;margin:25px 0 10px;color:#546e7d;font-weight:800;font-size:12px}.v16-customers-search input{border:1px solid #dbe4e9;border-radius:10px;min-height:47px;padding:12px 14px;background:#fff;font:inherit;font-weight:500}.v16-customers-count{font-size:12px;color:#6c7e8c;margin:17px 0}.v16-customer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v16-customer-card{background:white;border:1px solid #e4e9ed;border-radius:12px;overflow:hidden}.v16-customer-head{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:18px}.v16-customer-head h2{margin:0;font-size:16px}.v16-customer-head p{font-size:11px;color:#718392;margin:5px 0 0}.v16-customer-contact{display:flex;gap:6px;flex-wrap:wrap}.v16-outline-link{border:1px solid #dde6eb;border-radius:7px;padding:7px 10px;font-weight:750;font-size:11px;color:#245c7b}.v16-customer-job{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid #eef1f4}.v16-customer-job:hover{background:#f8fafb}.v16-customer-job>div{display:grid;gap:4px}.v16-customer-job strong{font-size:11px}.v16-customer-job span{font-size:11px;color:#718392}.v16-stage-pill{border-radius:30px;background:#f1f4f6;padding:5px 10px;white-space:nowrap;font-size:10px!important;font-weight:800}.v16-stage-pill.ready{background:#eaf7ef;color:#28794f}.v16-stage-pill.working{background:#f0eaff;color:#7541aa}.v16-stage-pill.waiting,.v16-stage-pill.approval,.v16-stage-pill.parts-order{background:#fff6e1;color:#956918}.v16-stage-pill.received{background:#ebf2ff;color:#3d70b8}.v16-customers-empty{padding:20px;font-size:13px;color:#6d8292}.v16-header-muted{color:#8b9ca6;font-weight:500}.v16-mobile-nav{height:72px}.v16-mobile-nav a{min-width:0!important;gap:4px;flex:1}.v16-mobile-nav svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.v16-mobile-nav a:nth-child(3){color:#0e6488;font-weight:800}.v16-mobile-nav a:nth-child(3) svg{background:#e3f3fa;border-radius:7px;width:28px;height:28px;padding:5px}.v16-mobile-nav a span{font-size:10px}
@media(max-width:1100px){.v16-customer-list{grid-template-columns:1fr}.cal-page[data-workshop-mode="jobs"] .job-group[open]{grid-template-columns:1fr}.cal-page[data-workshop-mode="jobs"] .planner-job:nth-of-type(even){border-left:none}}
@media(max-width:850px){.side{display:none}.v16-customers-page{padding-bottom:102px}.v16-page-heading h1{font-size:24px}}
@media(max-width:640px){.v16-layout-switch{display:flex;width:100%;margin-top:13px}.v16-layout-switch button{flex:1;padding:10px 2px}.v16-job-stage-wrap{max-width:none;width:100%;margin-top:12px}.v16-job-links{gap:6px;margin-bottom:13px}.v16-job-links a{font-size:10px;padding:9px}.v16-customers-page{padding-left:14px;padding-right:14px}.v16-page-heading .btn{padding:10px 11px}.v16-customer-head{flex-wrap:wrap}.v16-customer-contact{width:100%}.v16-mobile-nav a span{font-size:9px}}

.v16-job-controls{display:flex;gap:10px;align-items:start;flex-wrap:wrap}.v16-job-controls .v16-job-stage-wrap{min-width:170px;flex:1}.v16-planner-assignee{color:#758593!important}.v15-quick-dialog #quickStatusSelect[data-stage="Received"]{background:#eef5ff;color:#285cb8}.v15-quick-dialog #quickStatusSelect[data-stage="In progress"]{background:#f4f0ff;color:#6735b3}.v15-quick-dialog #quickStatusSelect[data-stage="Ready"]{background:#ecf9f0;color:#1a7c46}.v15-quick-dialog #quickStatusSelect[data-stage="Waiting for approval"],.v15-quick-dialog #quickStatusSelect[data-stage="Parts to order"],.v15-quick-dialog #quickStatusSelect[data-stage="Waiting for parts"]{background:#fff7e9;color:#9a6118}.p-event-status:before{content:"";display:inline-block;width:6px;height:6px;background:#64849a;border-radius:50%;margin:0 5px 1px 0}.p-event-wrap.working .p-event-status:before{background:#7546aa}.p-event-wrap.ready .p-event-status:before{background:#288959}.p-event-wrap.waiting .p-event-status:before,.p-event-wrap.approval .p-event-status:before,.p-event-wrap.parts-order .p-event-status:before{background:#b98726}.p-event-wrap.received .p-event-status:before{background:#327cbd}
@media(max-width:640px){.v16-job-controls{width:100%;gap:8px}.v16-job-controls .v16-job-stage-wrap{min-width:130px;max-width:none;margin-top:8px}}

/* Single clear job row in the Jobs view. */
.cal-page[data-workshop-mode="jobs"] .job-group[open]{display:block!important}
.cal-page[data-workshop-mode="jobs"] .planner-job{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px}
.cal-page[data-workshop-mode="jobs"] .planner-job-link{flex:1;min-width:0;padding:0}
.cal-page[data-workshop-mode="jobs"] .v16-inline-stage{flex:0 0 220px;margin-top:0}
.cal-page[data-workshop-mode="jobs"] .planner-job:nth-of-type(even){border-left:0}
@media(max-width:640px){.cal-page[data-workshop-mode="jobs"] .planner-job{flex-direction:column;align-items:stretch;gap:9px;padding:14px}.cal-page[data-workshop-mode="jobs"] .v16-inline-stage{flex:none;max-width:none;width:100%}}