/* Workshop Diary customer portal refresh — Phase 2 operational pages. */

/* Shared operational page headings and filters. */
.portal-list-root>.card:first-of-type,
.portal-list-root>.hero-lite,
.portal-phase-shell>.portal-page-head,
.dw-page>.dw-hero,
.dw-page>.dw-vehicle-hero,
.shell>.hero-lite{
  border:1px solid var(--wdcp-refresh-border);
  border-radius:var(--wdcp-refresh-radius);
  background:var(--wdcp-refresh-panel);
  box-shadow:none;
}
.portal-list-root>.card:first-of-type,.portal-list-root>.hero-lite,.shell>.hero-lite{padding:25px}
.portal-list-root h1,.portal-phase-shell h1,.dw-page h1,.shell>.hero-lite h1{margin:.35rem 0 .55rem;font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.04em}
.portal-list-root .portal-list-toolbar{
  margin:14px 0 0;
  padding:14px;
  gap:10px;
  border:1px solid var(--wdcp-refresh-border);
  border-radius:10px;
  background:var(--wdcp-refresh-panel-soft);
}
.portal-list-toolbar .field{min-width:210px}
.portal-list-toolbar .field>span{color:var(--wdcp-refresh-muted);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.portal-list-toolbar input,.portal-list-toolbar select{min-height:42px}
.portal-list-meta{padding:10px 2px;color:var(--wdcp-refresh-muted);font-size:.68rem}
.wdcp-phase2-filter-chips{display:flex;gap:7px;margin:14px 0;overflow-x:auto;scrollbar-width:thin}
.wdcp-phase2-filter-chips button{
  flex:0 0 auto;
  min-height:34px;
  padding:0 12px;
  border:1px solid var(--wdcp-refresh-border);
  border-radius:18px;
  background:var(--wdcp-refresh-panel);
  color:var(--wdcp-refresh-muted);
  font-size:.68rem;
  font-weight:750;
  cursor:pointer;
}
.wdcp-phase2-filter-chips button:hover{border-color:#42617f;color:var(--wdcp-refresh-text)}
.wdcp-phase2-filter-chips button.is-active{border-color:#24577b;background:#102a42;color:#67bfff}
html[data-wdcp-theme="light"] .wdcp-phase2-filter-chips button.is-active{background:#eaf5fd;color:#0871bc}

/* Consistent status system — includes current portal values and workflow aliases. */
.status-pill{border:1px solid var(--wdcp-refresh-border);border-radius:18px;background:var(--wdcp-refresh-panel-soft);box-shadow:none;font-size:.64rem;font-weight:750}
.status-pill.open,.status-pill.booked,.status-pill.awaiting_workshop,.status-pill.submitted,.status-pill.confirmed{
  border-color:#24577b;background:#0e2c42;color:#63bdff
}
.status-pill.in_progress,.status-pill.travelling,.status-pill.travel,.status-pill.processing{
  border-color:#3d4080;background:#25274a;color:#aaa7ff
}
.status-pill.waiting_customer,.status-pill.awaiting_customer,.status-pill.pending_customer,.status-pill.change_pending,.status-pill.due_soon{
  border-color:#70442c;background:#35241d;color:#ffa066
}
.status-pill.waiting_parts,.status-pill.awaiting_parts,.status-pill.on_hold{
  border-color:#6a5e2b;background:#352f18;color:#e8cf69
}
.status-pill.done,.status-pill.completed,.status-pill.ready,.status-pill.ready_for_collection,.status-pill.paid,.status-pill.accepted{
  border-color:#295f55;background:#16332e;color:#56cbb3
}
.status-pill.cancelled,.status-pill.declined,.status-pill.overdue,.status-pill.failed{
  border-color:#733943;background:#3a2026;color:#ff8d9b
}
html[data-wdcp-theme="light"] .status-pill.open,html[data-wdcp-theme="light"] .status-pill.booked,html[data-wdcp-theme="light"] .status-pill.confirmed{background:#edf8ff}
html[data-wdcp-theme="light"] .status-pill.in_progress,html[data-wdcp-theme="light"] .status-pill.travelling{background:#f1f0ff}
html[data-wdcp-theme="light"] .status-pill.waiting_customer,html[data-wdcp-theme="light"] .status-pill.awaiting_customer,html[data-wdcp-theme="light"] .status-pill.due_soon{background:#fff4ec}
html[data-wdcp-theme="light"] .status-pill.waiting_parts,html[data-wdcp-theme="light"] .status-pill.awaiting_parts{background:#fffbea}
html[data-wdcp-theme="light"] .status-pill.done,html[data-wdcp-theme="light"] .status-pill.completed,html[data-wdcp-theme="light"] .status-pill.paid{background:#edfaf6}
html[data-wdcp-theme="light"] .status-pill.cancelled,html[data-wdcp-theme="light"] .status-pill.overdue{background:#fff0f2}

/* Jobs list. */
.portal-list-root[data-portal-list-root="jobs"]>.card:first-of-type{overflow:hidden}
.portal-list-root[data-portal-list-root="jobs"] .job-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.portal-list-root[data-portal-list-root="jobs"] .job-card-row{
  position:relative;
  min-height:152px;
  padding:18px;
  display:flex;
  align-items:flex-start;
  border:1px solid var(--wdcp-refresh-border);
  border-radius:11px;
  background:var(--wdcp-refresh-panel-soft);
  overflow:hidden;
}
.portal-list-root[data-portal-list-root="jobs"] .job-card-row:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#536377}
.portal-list-root[data-portal-list-root="jobs"] .job-card-row:has(.status-pill.open):before,.portal-list-root[data-portal-list-root="jobs"] .job-card-row:has(.status-pill.booked):before{background:var(--diary-primary)}
.portal-list-root[data-portal-list-root="jobs"] .job-card-row:has(.status-pill.in_progress):before,.portal-list-root[data-portal-list-root="jobs"] .job-card-row:has(.status-pill.travelling):before{background:#8580ec}
.portal-list-root[data-portal-list-root="jobs"] .job-card-row:has(.status-pill.waiting_customer):before{background:var(--diary-accent)}
.portal-list-root[data-portal-list-root="jobs"] .job-card-row:has(.status-pill.waiting_parts):before{background:#d2b64f}
.portal-list-root[data-portal-list-root="jobs"] .job-card-row:has(.status-pill.done):before{background:#4cc4a9}
.portal-list-root[data-portal-list-root="jobs"] .job-card-row:hover{border-color:#41617f;background:var(--wdcp-refresh-panel);box-shadow:var(--wdcp-refresh-shadow);transform:translateY(-2px)}
.portal-list-root[data-portal-list-root="jobs"] .job-main{min-width:0;padding-right:10px}
.portal-list-root[data-portal-list-root="jobs"] .job-main>strong{font-size:1rem;letter-spacing:-.01em}
.portal-list-root[data-portal-list-root="jobs"] .job-main>small{
  display:table;
  margin-top:10px;
  padding:5px 8px;
  border:1px solid #dfbd29;
  border-radius:4px;
  background:#f7d845;
  color:#151515;
  box-shadow:inset 0 0 0 1px #fff2a0;
  font-family:Arial,sans-serif;
  font-weight:900;
  letter-spacing:.06em;
}
.portal-list-root[data-portal-list-root="jobs"] .job-main>em{margin-top:14px;color:var(--wdcp-refresh-muted);font-size:.72rem;line-height:1.5}
.portal-list-root[data-portal-list-root="jobs"] .job-meta{align-items:flex-end;gap:8px}
.portal-list-root[data-portal-list-root="jobs"] .job-meta>small{color:var(--wdcp-refresh-muted);font-size:.66rem}
.portal-list-root[data-portal-list-root="jobs"] .service-sheet-count{margin-top:auto;color:#69bdf4!important}
.portal-list-root[data-portal-list-root="jobs"] #recentJobRequests{margin-top:18px;padding:22px}

/* Job detail: live overview, sticky navigation, timeline, tasks and customer media. */
body[data-help-route="job"]>.shell>.card:first-of-type{padding:25px;overflow:hidden}
body[data-help-route="job"]>.shell>.card:first-of-type>.card-head{align-items:center}
body[data-help-route="job"]>.shell>.card:first-of-type h1{font-size:clamp(1.7rem,3vw,2.25rem);letter-spacing:-.04em}
body[data-help-route="job"] .job-stats{margin:20px 0 0}
body[data-help-route="job"] .job-stats>div{min-height:90px}
body[data-help-route="job"] .portal-section-nav{
  top:calc(var(--wdcp-refresh-topbar) + 8px);
  z-index:80;
  margin:16px 0;
  padding:6px;
  gap:4px;
  border:1px solid var(--wdcp-refresh-border);
  border-radius:11px;
  background:color-mix(in srgb,var(--wdcp-refresh-panel) 94%,transparent);
  box-shadow:0 12px 30px rgba(0,0,0,.13);
}
body[data-help-route="job"] .portal-section-nav:before{padding:0 8px;color:var(--wdcp-refresh-muted);font-size:.6rem}
body[data-help-route="job"] .portal-section-nav a{padding:9px 12px;border-radius:7px;color:var(--wdcp-refresh-muted);font-size:.68rem}
body[data-help-route="job"] .portal-section-nav a.is-current,body[data-help-route="job"] .portal-section-nav a:hover{background:#102a42;color:#67bfff}
html[data-wdcp-theme="light"] body[data-help-route="job"] .portal-section-nav a.is-current{background:#eaf5fd;color:#0871bc}
body[data-help-route="job"] .portal-grid.two-one{grid-template-columns:minmax(0,1.55fr) minmax(290px,.55fr);gap:18px}
body[data-help-route="job"] .portal-grid.two-one>div{display:grid;gap:18px}
body[data-help-route="job"] .portal-grid.two-one .card{padding:22px}
body[data-help-route="job"] .job-detail-side{display:grid;align-content:start;gap:18px;position:sticky;top:calc(var(--wdcp-refresh-topbar) + 72px)}
body[data-help-route="job"] .job-detail-side .card{margin:0}
body[data-help-route="job"] .customer-timeline-card{border-color:#24577b}
body[data-help-route="job"] .customer-timeline-current{border:1px solid #24577b;border-radius:11px;background:#0d2840;box-shadow:none}
html[data-wdcp-theme="light"] body[data-help-route="job"] .customer-timeline-current{background:#edf8ff}
body[data-help-route="job"] .customer-timeline-current-label{color:#61bdfb}
body[data-help-route="job"] .customer-timeline-facts{border-color:var(--wdcp-refresh-border);background:var(--wdcp-refresh-panel-soft)}
body[data-help-route="job"] .customer-timeline-event article{border:1px solid var(--wdcp-refresh-border);border-radius:10px;background:var(--wdcp-refresh-panel-soft);box-shadow:none}
body[data-help-route="job"] .customer-timeline-marker{background:var(--wdcp-refresh-blue);box-shadow:0 0 0 4px #164d72}
body[data-help-route="job"] .task-collapse,
body[data-help-route="job"] .portal-task-media-card{
  margin:9px 0;
  border:1px solid var(--wdcp-refresh-border);
  border-radius:10px;
  background:var(--wdcp-refresh-panel-soft);
  box-shadow:none;
  overflow:hidden;
}
body[data-help-route="job"] .task-collapse summary,
body[data-help-route="job"] .portal-task-media-card>summary{min-height:62px;padding:15px 17px;cursor:pointer}
body[data-help-route="job"] .task-collapse[open],body[data-help-route="job"] .portal-task-media-card[open]{border-color:#365a79;background:var(--wdcp-refresh-panel)}
body[data-help-route="job"] .task-collapse>p,body[data-help-route="job"] .task-collapse>.note-panel{margin-left:17px;margin-right:17px}
body[data-help-route="job"] .service-sheet-row{border:1px solid var(--wdcp-refresh-border);border-radius:9px;background:var(--wdcp-refresh-panel-soft)}
body[data-help-route="job"] .note-panel{border:1px solid var(--wdcp-refresh-border);border-radius:9px;background:var(--wdcp-refresh-panel-soft)}
.wdcp-phase2-expand-tools{display:flex;justify-content:flex-end;gap:7px;margin:0 0 10px}
.wdcp-phase2-expand-tools button{min-height:32px;padding:0 10px;border:1px solid var(--wdcp-refresh-border);border-radius:7px;background:var(--wdcp-refresh-panel-soft);color:var(--wdcp-refresh-muted);font-size:.64rem;cursor:pointer}
.wdcp-phase2-expand-tools button:hover{border-color:#42617f;color:var(--wdcp-refresh-text)}

body[data-help-route="job"] .portal-task-media-body{padding:17px;border-top:1px solid var(--wdcp-refresh-border)}
body[data-help-route="job"] .portal-before-after-card{border:1px solid var(--wdcp-refresh-border);border-radius:10px;background:var(--wdcp-refresh-panel-soft);overflow:hidden}
body[data-help-route="job"] .portal-before-after-head{border-bottom:1px solid var(--wdcp-refresh-border);background:var(--wdcp-refresh-panel)}
body[data-help-route="job"] .portal-before-after-column{border-color:var(--wdcp-refresh-border);background:var(--wdcp-refresh-panel)}
body[data-help-route="job"] .portal-media-asset,
body[data-help-route="job"] .portal-media-standalone-card{border:1px solid var(--wdcp-refresh-border);border-radius:9px;background:var(--wdcp-refresh-panel);box-shadow:none;overflow:hidden}
body[data-help-route="job"] .portal-media-asset img,body[data-help-route="job"] .portal-media-standalone-card img{transition:transform .22s ease}
body[data-help-route="job"] .portal-media-asset:hover img,body[data-help-route="job"] .portal-media-standalone-card:hover img{transform:scale(1.025)}

/* Vehicles overview. */
body[data-help-route="vehicles"] .hero-lite{padding:25px}
body[data-help-route="vehicles"] .vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
body[data-help-route="vehicles"] .vehicle-card{position:relative;padding:21px;overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
body[data-help-route="vehicles"] .vehicle-card:before{content:"◇";position:absolute;top:20px;right:20px;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#10273a;color:#55b8fa;font-size:1.25rem}
html[data-wdcp-theme="light"] body[data-help-route="vehicles"] .vehicle-card:before{background:#eaf5fd;color:#0871bc}
body[data-help-route="vehicles"] .vehicle-card:hover{border-color:#41617f;transform:translateY(-2px);box-shadow:var(--wdcp-refresh-shadow)}
body[data-help-route="vehicles"] .vehicle-card-head{padding-right:45px}
body[data-help-route="vehicles"] .vehicle-reg,.dw-reg{
  display:table;
  padding:6px 9px;
  border:1px solid #dfbd29;
  border-radius:4px;
  background:#f7d845;
  color:#151515;
  box-shadow:inset 0 0 0 1px #fff2a0;
  font-family:Arial,sans-serif;
  font-weight:900;
  letter-spacing:.07em;
}
body[data-help-route="vehicles"] .vehicle-card h2{margin:12px 0;font-size:1.02rem}
body[data-help-route="vehicles"] .vehicle-meta-stack{align-items:flex-end}
body[data-help-route="vehicles"] .vehicle-summary-grid{gap:8px}
body[data-help-route="vehicles"] .vehicle-summary-grid>div{border:1px solid var(--wdcp-refresh-border);border-radius:8px;background:var(--wdcp-refresh-panel-soft)}
body[data-help-route="vehicles"] .portal-collapse{border:1px solid var(--wdcp-refresh-border);border-radius:9px;background:var(--wdcp-refresh-panel-soft)}
body[data-help-route="vehicles"] .portal-collapse[open]{border-color:#365a79;background:var(--wdcp-refresh-panel)}
.wdcp-phase2-vehicle-search{margin:18px 0 0;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid var(--wdcp-refresh-border);border-radius:10px;background:var(--wdcp-refresh-panel)}
.wdcp-phase2-vehicle-search input{min-height:42px;flex:1}
.wdcp-phase2-vehicle-search span{color:var(--wdcp-refresh-muted);font-size:.68rem;white-space:nowrap}

/* Vehicle health and recommendations. */
.dw-page{display:grid;gap:18px}
.dw-page .card{box-shadow:none}
.dw-vehicle-hero,.dw-hero{padding:25px;border-color:var(--wdcp-refresh-border)!important;background:var(--wdcp-refresh-panel)!important}
.dw-vehicle-hero:before,.dw-hero:before,.dw-vehicle-hero:after,.dw-hero:after{display:none!important}
.dw-vehicle-hero{display:flex;justify-content:space-between;align-items:center}
.dw-health-score{background:conic-gradient(var(--wdcp-refresh-blue) calc(var(--health-score)*1%),var(--wdcp-refresh-border) 0);box-shadow:none}
.dw-health-score:before{background:var(--wdcp-refresh-panel)}
.dw-stat-grid{gap:12px;margin:0}
.dw-stat-grid>a,.dw-stat-grid>div{min-height:104px;padding:18px;border:1px solid var(--wdcp-refresh-border);border-radius:11px;background:var(--wdcp-refresh-panel);box-shadow:none}
.dw-stat-grid>a:hover{border-color:#41617f;transform:translateY(-1px)}
.dw-stat-grid span{color:var(--wdcp-refresh-muted);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dw-stat-grid strong{color:var(--wdcp-refresh-text);font-size:1.45rem}
.dw-health-grid{gap:18px}
.dw-health-grid>.card,.dw-page>section.card{padding:22px}
.dw-health-group{border:1px solid var(--wdcp-refresh-border);border-radius:9px;background:var(--wdcp-refresh-panel-soft)}
.dw-health-group>a,.dw-record-list>a,.dw-record-list>div{border-color:var(--wdcp-refresh-border)}
.dw-health-group>a:hover,.dw-record-list>a:hover{background:var(--wdcp-refresh-panel)}
.dw-maintenance-card>div{border-color:var(--wdcp-refresh-border)}
.dw-item{border-left:3px solid #617187!important;background:var(--wdcp-refresh-panel)!important}
.dw-item.dw-severity-3,.dw-item.dw-severity-4,.dw-item.dw-severity-5{border-left-color:#e56878!important}
.dw-item.dw-severity-2{border-left-color:var(--wdcp-refresh-orange)!important}
.dw-meta-grid>div{border:1px solid var(--wdcp-refresh-border);border-radius:8px;background:var(--wdcp-refresh-panel-soft)}
.dw-filters{border-color:var(--wdcp-refresh-border)!important;background:var(--wdcp-refresh-panel)!important}
.dw-modal{border:1px solid var(--wdcp-refresh-border);background:var(--wdcp-refresh-panel);box-shadow:var(--wdcp-refresh-shadow)}

/* Bookings. */
.portal-list-root[data-portal-list-root="bookings"]{display:grid;gap:18px}
.portal-list-root[data-portal-list-root="bookings"]>.hero-lite{margin:0}
.portal-list-root[data-portal-list-root="bookings"]>.card{padding:22px}
.wdcp-booking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wdcp-booking-card{position:relative;min-height:210px;padding:18px;border:1px solid var(--wdcp-refresh-border);border-radius:11px;background:var(--wdcp-refresh-panel-soft);box-shadow:none;overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.wdcp-booking-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--wdcp-refresh-blue)}
.wdcp-booking-card:has(.wdcp-chip.warn):before{background:var(--wdcp-refresh-orange)}
.wdcp-booking-card:hover{border-color:#41617f;transform:translateY(-2px);box-shadow:var(--wdcp-refresh-shadow)}
.wdcp-booking-head>div>strong{font-size:.98rem}
.wdcp-booking-meta{gap:7px}
.wdcp-chip{border:1px solid var(--wdcp-refresh-border);border-radius:15px;background:var(--wdcp-refresh-panel);color:var(--wdcp-refresh-muted);font-size:.64rem}
.wdcp-chip.warn{border-color:#70442c;background:#35241d;color:#ffa066}
.wdcp-actions{margin-top:auto;padding-top:14px;border-top:1px solid var(--wdcp-refresh-border)}
.wdcp-section-note{border:1px solid #70442c;border-radius:8px;background:#35241d;color:#ffc09b}
html[data-wdcp-theme="light"] .wdcp-section-note{background:#fff4ec;color:#8e4b23}
.wdcp-modal{z-index:250}.wdcp-modal-card{border:1px solid var(--wdcp-refresh-border);border-radius:13px;background:var(--wdcp-refresh-panel);box-shadow:var(--wdcp-refresh-shadow)}
.wdcp-modal-backdrop{background:rgba(1,7,14,.78);backdrop-filter:blur(3px)}
.wdcp-late-warning{border:1px solid #733943;border-radius:9px;background:#3a2026;color:#ffb1bb}

/* Maintenance reminders. */
.portal-phase-shell.maintenance-shell{display:grid;gap:18px}
.maintenance-shell .portal-page-head{padding:25px}
.maintenance-summary{grid-template-columns:repeat(4,1fr);gap:12px}
.maintenance-summary>div{min-height:104px;padding:18px;border:1px solid var(--wdcp-refresh-border);border-radius:11px;background:var(--wdcp-refresh-panel);box-shadow:none}
.maintenance-summary strong{font-size:1.45rem}.maintenance-summary span{color:var(--wdcp-refresh-muted);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.maintenance-filter{padding:14px;border-color:var(--wdcp-refresh-border)!important;background:var(--wdcp-refresh-panel)!important}
.maintenance-list{display:grid;gap:10px}
.maintenance-item{position:relative;margin:0;padding:19px;border-left:3px solid #617187!important;background:var(--wdcp-refresh-panel)!important}
.maintenance-item.is-overdue{border-left-color:#e56878!important}.maintenance-item.is-due_soon{border-left-color:var(--wdcp-refresh-orange)!important}.maintenance-item.is-open{border-left-color:var(--wdcp-refresh-blue)!important}
.maintenance-icon{border:1px solid var(--wdcp-refresh-border);border-radius:9px;background:var(--wdcp-refresh-panel-soft);color:#65bdf8}
.maintenance-due span{border:1px solid var(--wdcp-refresh-border);border-radius:15px;background:var(--wdcp-refresh-panel-soft)}
.maintenance-grid{gap:14px}.maintenance-grid>.card{padding:22px}

/* History as an optional progressive-enhancement tabbed record. */
.history-stat-stack span{border:1px solid var(--wdcp-refresh-border);border-radius:9px;background:var(--wdcp-refresh-panel-soft)}
.history-section{padding:22px;margin-top:18px}
.history-grid{gap:18px}.history-grid .history-section{margin-top:0}
.mini-history-row{border:1px solid var(--wdcp-refresh-border);border-radius:8px;background:var(--wdcp-refresh-panel-soft)}
.wdcp-phase2-history-tabs{display:flex;gap:6px;margin:18px 0 0;padding:6px;border:1px solid var(--wdcp-refresh-border);border-radius:10px;background:var(--wdcp-refresh-panel);overflow-x:auto}
.wdcp-phase2-history-tabs button{flex:0 0 auto;min-height:36px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:var(--wdcp-refresh-muted);font-size:.68rem;font-weight:750;cursor:pointer}
.wdcp-phase2-history-tabs button.is-active{background:#102a42;color:#67bfff}
html[data-wdcp-theme="light"] .wdcp-phase2-history-tabs button.is-active{background:#eaf5fd;color:#0871bc}
.wdcp-phase2-history-panel[hidden]{display:none!important}

@media(max-width:1180px){
  body[data-help-route="vehicles"] .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .portal-list-root[data-portal-list-root="jobs"] .job-card-list,.wdcp-booking-grid{grid-template-columns:1fr}
  body[data-help-route="job"] .portal-grid.two-one{grid-template-columns:1fr}
  body[data-help-route="job"] .job-detail-side{position:static}
  .dw-health-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  body[data-help-route="job"] .portal-section-nav{top:68px}
  body[data-help-route="vehicles"] .vehicle-grid{grid-template-columns:1fr}
  .dw-vehicle-hero{display:block}.dw-health-score-wrap{margin-top:18px}
  .maintenance-summary,.dw-stat-grid{grid-template-columns:repeat(2,1fr)}
  .portal-list-root .portal-list-toolbar{display:grid;grid-template-columns:1fr}
  .portal-list-toolbar .field{min-width:0}
  .wdcp-phase2-vehicle-search{align-items:stretch;flex-direction:column}
  .wdcp-phase2-vehicle-search span{white-space:normal}
}
@media(max-width:520px){
  .portal-list-root>.card:first-of-type,.portal-list-root>.hero-lite,.shell>.hero-lite,.dw-vehicle-hero,.dw-hero,.maintenance-shell .portal-page-head{padding:19px}
  .portal-list-root[data-portal-list-root="jobs"] .job-card-row{display:block;min-height:0}
  .portal-list-root[data-portal-list-root="jobs"] .job-meta{align-items:flex-start;margin-top:15px}
  .maintenance-item{display:block}.maintenance-actions{margin-top:15px}
  .maintenance-summary,.dw-stat-grid{gap:8px}
  .maintenance-summary>div,.dw-stat-grid>a,.dw-stat-grid>div{min-height:88px;padding:14px}
  body[data-help-route="job"] .service-sheet-row{display:block}.service-sheet-row-actions{margin-top:12px}
}

@media(prefers-reduced-motion:reduce){
  .portal-list-root .job-card-row,.vehicle-card,.wdcp-booking-card,.portal-media-asset img{transition:none!important}
}