/* Approved component choices, 2026-10-01: fields B, buttons B, tabs B,
   cards B, tables A, sidebar A. Loaded last in app and access templates. */
html[data-theme="light"]{
  --wm-component-field:#f8f4eb;
  --wm-component-field-border:#b7afa1;
  --wm-component-field-shadow:0 1px 3px rgba(56,46,33,.04);
  --wm-component-card:#f6f1e8;
  --wm-component-border:#c6bdaf;
  --wm-component-line:#d9d3c9;
  --wm-component-button-shadow:0 4px 10px rgba(87,46,34,.1);
  --wmp-control-bg:var(--wm-component-field);
  --wmp-control-bg-hover:#fcf8f0;
  --wmp-control-border:var(--wm-component-field-border);
  --wmp-control-border-hover:#958b7d;
  --wmp-control-radius:5px;
  --wmp-control-shadow:var(--wm-component-field-shadow);
  --wmp-border:var(--wm-component-line);
  --wmp-border-strong:var(--wm-component-border);
  --wmp-line:rgba(83,70,52,.14);
  --wmp-surface:rgba(246,241,232,.97);
  --wmp-surface-2:#eee8de;
  --wmp-surface-solid:#f8f4ed;
  --wmp-shadow-panel:none;
  --wmp-shadow-soft:none;
  --wm-ui-border:var(--wm-component-border);
  --wm-ui-shadow:none;
}
html[data-theme="light"] body.product-private:not(.auth-page){
  --wm-private-panel:rgba(246,241,232,.97);
  --wm-ui-border:var(--wm-component-border);
  --wm-ui-shadow:none;
}

/* Vehicle image actions use the shared soft buttons, without glass layers.
   Opaque controls also stay on their own face during a vehicle-card turn. */
.wm-vehicle-image-actions{
  position:absolute;
  inset:auto 14px 14px;
  z-index:8;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
}
.wm-vehicle-image-actions>.vehicle-image-change-link,
.wm-vehicle-image-actions>.vehicle-image-rights{position:relative;inset:auto;flex:0 0 auto;max-width:100%}
.wm-vd-cover__image-tools>.wm-vehicle-image-actions{position:static}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vehicle-image-control.wm-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:auto!important;
  min-height:44px!important;
  padding:9px 12px!important;
  color:var(--wmp-text)!important;
  -webkit-text-fill-color:var(--wmp-text)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  white-space:nowrap;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.vehicle-image-rights>summary.wm-vehicle-image-control::before{content:none!important}
.vehicle-image-rights .vehicle-image-rights__panel{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* B: warm fields, visible contour, small radius and minimal elevation.
   Exclude controls whose native shape communicates a different interaction. */
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]):not([type="color"]),select,textarea),
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-form :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea){
  background:var(--wm-component-field)!important;
  border:1px solid var(--wm-component-field-border)!important;
  border-radius:5px!important;
  box-shadow:var(--wm-component-field-shadow)!important;
  color:var(--wmp-text,#1c2939)!important;
  -webkit-text-fill-color:var(--wmp-text,#1c2939)!important;
}

/* Extraction hints describe an unread value; they do not make it required. */
html[data-theme="light"][data-accent] body.product-private:not(.auth-page) .mp-main.mp-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]):not([type="color"]),select,textarea)[data-extraction-missing="true"]{
  border-color:#ac473d!important;
  background:#fbefe8!important;
  box-shadow:0 0 0 1px rgba(172,71,61,.14)!important;
}
html[data-theme="light"][data-accent] body.product-private:not(.auth-page) .mp-main.mp-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]):not([type="color"]),select,textarea)[data-extraction-missing="true"]:focus-visible{
  box-shadow:0 0 0 3px rgba(172,71,61,.18)!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-extraction-missing-hint{
  display:block;
  margin:0;
  color:#943b32!important;
  font-size:12px;
  font-weight:600;
  line-height:1.4;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]):not([type="color"]),select,textarea):focus-visible,
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-form :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea):focus-visible{
  border-color:var(--wmp-accent,#a63e38)!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(var(--wmp-accent-rgb,166,62,56),.17)!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]):not([type="color"]),select,textarea):is(:disabled,[readonly]),
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-form :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea):is(:disabled,[readonly]){
  background:#e8e2d8!important;
  color:#62676b!important;
  -webkit-text-fill-color:#62676b!important;
  box-shadow:none!important;
  opacity:1;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]):not([type="color"]),select,textarea):is([aria-invalid="true"],:user-invalid),
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.field,.flow-field,.feedback-field):has(.errorlist:not([hidden]):not(:empty)) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]):not([type="color"]),select,textarea),
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-form :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea):is([aria-invalid="true"],:user-invalid),
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-form>div:has(.errorlist:not([hidden]):not(:empty)) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea){
  border-color:#b13f35!important;
  background:#fcf1e9!important;
}
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):is(:autofill,:-webkit-autofill){
  -webkit-text-fill-color:#1c2939!important;
  box-shadow:0 0 0 1000px var(--wm-component-field) inset,var(--wm-component-field-shadow)!important;
}
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):is(:autofill,:-webkit-autofill):focus-visible{
  box-shadow:0 0 0 1000px var(--wm-component-field) inset,0 0 0 3px rgba(var(--wmp-accent-rgb,166,62,56),.17)!important;
}

/* B: softer buttons. Existing primary, danger and toggled colors keep meaning. */
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.btn,.button,.wm-btn,.wm-vd-action,.wm-source-button,.quick-choice,.wm-control--primary),
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-card .wm-access-submit,
html[data-theme="light"] body.wm-public-landing .wm-btn{
  border-radius:11px!important;
  box-shadow:var(--wm-component-button-shadow)!important;
  text-shadow:none!important;
  min-height:44px;
  transition:background-color 140ms,box-shadow 140ms;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.btn,.button,.wm-btn,.wm-vd-action,.wm-source-button):where(:not(.primary):not(.is-primary):not(.wm-btn--primary):not(.wm-vd-action--primary):not(.wm-source-primary):not(.danger):not(.wm-btn--danger):not(.wm-vd-action--danger):not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]):not([aria-current])),
html[data-theme="light"] body.wm-public-landing .wm-btn:where(:not(.primary):not(.is-primary):not(.wm-btn--primary):not(.wm-vd-action--primary):not(.wm-source-primary):not(.danger):not(.wm-btn--danger):not(.wm-vd-action--danger):not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]):not([aria-current])){
  background:#f8f4ed!important;
  border-color:#ccc3b6!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(button,.btn,.button,.wm-btn,.wm-vd-action,.wm-source-button):is(:disabled,[aria-disabled="true"]),
html[data-theme="light"] body.wm-public-landing .wm-btn:is(:disabled,[aria-disabled="true"]),
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-card .wm-access-submit:is(:disabled,[aria-disabled="true"]){
  background:#e4ded4!important;
  border-color:#d3ccbf!important;
  color:#62676b!important;
  -webkit-text-fill-color:#62676b!important;
  box-shadow:none!important;
  cursor:not-allowed;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main input::file-selector-button{
  border-radius:9px;
  border-color:#ccc3b6;
  background:#f8f4ed;
  box-shadow:var(--wm-component-button-shadow);
}

/* B: framed area tabs, including costs, dossier, receipts and account access. */
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.wm-source-tabs,.wm-vd-register,.workspace-tabs,.section-jumpbar,.wm-receipt-filters,.cost-ledger-tabs),
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-card .wm-access-tabs{
  gap:4px!important;
  padding:4px!important;
  border:1px solid #d3cbbf!important;
  border-radius:7px!important;
  background:#ebe5da!important;
  box-shadow:none!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.wm-source-tabs,.wm-vd-register,.workspace-tabs,.section-jumpbar,.wm-receipt-filters,.cost-ledger-tabs)>:is(a,button),
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-card .wm-access-tabs>a{
  min-height:44px!important;
  border:1px solid transparent!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:10px 14px!important;
  color:var(--wmp-muted,#526175)!important;
  text-shadow:none!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.wm-source-tabs,.wm-vd-register,.workspace-tabs,.section-jumpbar,.wm-receipt-filters,.cost-ledger-tabs)>:is(a,button):is(.is-active,.is-current,[aria-selected="true"],[aria-current="page"],[aria-current="true"]),
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-card .wm-access-tabs>a[aria-current]{
  background:#faf6ef!important;
  border-color:#d7c8bf!important;
  box-shadow:0 2px 5px rgba(63,49,36,.08)!important;
  color:var(--wmp-accent,#a63e38)!important;
  -webkit-text-fill-color:currentColor!important;
}

/* B: defined, flat cards. Rows and form labels retain their existing layout. */
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.wm-private-page-head,.wm-glass-head,.wm-source-header,.panel,.wm-panel,.wm-doc-card,.dashboard-glass,.workflow-card,.workflow-assist-card,.vehicle-card,.vehicle-wizard-step,.invoice-card,.invoice-detail-card,.invoice-review-card,.wm-vd-file,.wm-vd-tab-panel,.wm-vd-page-card,.wm-receipt-file,.wm-capture-flow,.wm-capture-context,.wm-capture-entry-links>a,.wm-due-filter,.wm-due-list,.wm-cost-history,.cost-ledger-panel,.cost-ledger-summary,.cost-ledger-book,.cost-ledger-mix,.cost-ledger-year,.cost-ledger-sheet,.wm-cost-notes,.wm-cost-insights>div,.admin-status-card,.admin-access-card,.admin-priority-card,.admin-role-card,.admin-management-card,.admin-rank-card,.admin-compact-card,.profile-card,.feedback-shell,.feedback-panel,.feedback-context-card,.wm-feedback-form,.wm-feedback-filter,.wm-feedback-item,.wm-start-assistant,.wm-source-toolbar,.wm-source-workspace,.wm-source-card),
html[data-theme="light"] body.wm-public-landing .panel,
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-card{
  background:var(--wm-private-panel,var(--wm-component-card))!important;
  border:1px solid var(--wm-component-border)!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-card[aria-current]{
  background:#f7eae2!important;
  border-color:var(--wmp-accent)!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-page{
  --source-panel:var(--wm-private-panel);
  --source-border:var(--wm-component-border);
  --ledger-border:var(--wm-component-border);
}
/* A receipt heading is part of its parent sheet, rather than a nested card. */
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-receipt-file>.wm-private-page-head{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--wm-component-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* A: open rows and fine separators, also on lists that render as ledger tables. */
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(table,.wm-source-list,.wm-history-list,.cost-ledger-table),
html[data-theme="light"] body.wm-public-landing table{
  font-variant-numeric:tabular-nums;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main table :is(th,td),
html[data-theme="light"] body.wm-public-landing table :is(th,td){
  border-bottom-color:var(--wm-component-line)!important;
  background:transparent;
  box-shadow:none;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main table tbody tr:nth-child(even),
html[data-theme="light"] body.wm-public-landing table tbody tr:nth-child(even){background:transparent!important;}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main table tbody tr:hover,
html[data-theme="light"] body.wm-public-landing table tbody tr:hover{background:rgba(var(--wmp-accent-rgb,166,62,56),.035)!important;}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.wm-source-row,.wm-history-row,.cost-ledger-row){
  background:transparent!important;
  border-bottom-color:var(--wm-component-line)!important;
  box-shadow:none!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.wm-source-row,.wm-history-row,.cost-ledger-row):hover{
  background:rgba(var(--wmp-accent-rgb,166,62,56),.035)!important;
}

/* Approved Kontur & Akzent shell, with the existing Turbo & Stahl motif. */
html[data-theme="light"]{--wm-contour-active:#f4e4de;--wm-contour-active-line:#dfb4aa;}
html[data-theme="light"][data-accent="blue"]{--wm-contour-active:#eaf1fb;--wm-contour-active-line:#a0bade;}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-app .mp-sidebar#wm-primary-sidebar.wm-sidebar-satin{
  /* A background layer keeps the right-only edge fixed while mobile navigation scrolls. */
  background:linear-gradient(90deg,#f8f2e5 0%,#d8cfc0 48%,#aa9d88 100%) right top/2px 100% no-repeat,linear-gradient(180deg,rgba(246,241,232,.96) 0%,rgba(246,241,232,.94) 52%,rgba(246,241,232,.20) 78%,rgba(246,241,232,.08) 100%),url('../images/sidebar/sidebar-turbo-light-v1.webp') 46% bottom/cover no-repeat #e9e3d9!important;
  border-right:0!important;
  box-shadow:5px 0 9px -4px rgba(72,57,36,.24)!important;
  padding:12px!important;
  gap:16px!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-sidebar#wm-primary-sidebar .mp-sidebar-head{
  background:transparent!important;
  border-radius:6px;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 36px;
  align-items:center!important;
  gap:8px!important;
  min-height:68px!important;
  padding:8px!important;
  margin:0!important;
}
html[data-theme="light"] body.product-private #wm-primary-sidebar .mp-brand{min-width:0;width:auto!important;margin:0!important;gap:5px!important;}
html[data-theme="light"] body.product-private #wm-primary-sidebar .mp-brand-wordmark{max-width:140px!important;width:100%!important;}
html[data-theme="light"] body.product-private #wm-primary-sidebar .mp-brand-version{font-size:9px!important;letter-spacing:.04em!important;white-space:nowrap;}
html[data-theme="light"] body.product-private #wm-primary-sidebar .mp-sidebar-toggle{position:static!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center;}
html[data-theme="light"] body.product-private #wm-primary-sidebar .mp-nav{display:flex!important;flex-direction:column!important;flex:0 1 auto!important;gap:5px!important;padding:4px!important;margin:0!important;background:transparent;border:0;border-radius:0;overflow-x:hidden!important;scrollbar-width:thin;}
html[data-theme="light"] body.product-private #wm-primary-sidebar :is(.mp-nav-main,.mp-nav-logout){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:9px!important;box-shadow:none!important;font-weight:500!important;}
html[data-theme="light"] body.product-private #wm-primary-sidebar .mp-nav-icon{flex:0 0 22px!important;width:22px!important;min-width:22px!important;height:22px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;}
html[data-theme="light"] body.product-private #wm-primary-sidebar .mp-nav-icon svg{width:22px!important;height:22px!important;stroke-width:1.8!important;}
html[data-theme="light"] body.product-private #wm-primary-sidebar .mp-nav-icon svg use{stroke-width:inherit;}
html[data-theme="light"] body.product-private #wm-primary-sidebar :is(.mp-nav-group--logout,.mp-nav-form){display:block!important;width:100%!important;margin:0!important;padding:0!important;}
html[data-theme="light"] body.product-private #wm-primary-sidebar .mp-nav-label{min-width:0;white-space:nowrap;}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-sidebar#wm-primary-sidebar .wm-private-nav-link{
  background:transparent!important;
  color:#24303d!important;
  border-radius:9px!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-sidebar#wm-primary-sidebar .wm-private-nav-link.is-active{
  background:var(--wm-contour-active)!important;
  border-color:var(--wm-contour-active-line)!important;
  color:var(--wmp-accent)!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-sidebar#wm-primary-sidebar .wm-private-nav-link:hover:not(.is-active){
  background:#faf8f4!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-sidebar#wm-primary-sidebar :is(.wm-private-nav-more,.mp-nav-form-button,.mp-legal-links){
  background:transparent!important;
  border-radius:6px;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-sidebar#wm-primary-sidebar .wm-private-nav-more{
  color:#3d4754!important;
  margin:4px 0 0!important;padding:4px 0 0!important;border-top:1px solid var(--wm-component-line);
}
html[data-theme="light"] body.product-private #wm-primary-sidebar .wm-private-nav-more summary{display:flex;align-items:center;gap:8px;height:44px;min-height:44px;padding:0 12px;list-style:none;font-weight:500;}
html[data-theme="light"] body.product-private #wm-primary-sidebar .wm-private-nav-more summary::before{content:none;}
html[data-theme="light"] body.product-private #wm-primary-sidebar .wm-private-nav-more summary>.wm-icon{transition:transform 140ms;}
html[data-theme="light"] body.product-private #wm-primary-sidebar .wm-private-nav-more[open] summary>.wm-icon{transform:rotate(90deg);}
.wm-nav-count{margin-left:auto;min-width:24px;padding:2px 6px;border-radius:12px;background:#eee3d5;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-sidebar#wm-primary-sidebar .wm-private-nav-more a{
  color:#3d4754!important;
  border-radius:4px;
  display:flex;
  align-items:center;
  gap:10px;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-sidebar#wm-primary-sidebar .wm-private-nav-more a:is(:hover,[aria-current="page"]){
  background:var(--wmp-accent-soft)!important;
  color:var(--wmp-accent)!important;
}

/* Shared illustration placements from the approved Kontur & Akzent preview. */
.wm-empty-art{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;flex-shrink:0;color:#24303d;}
.wm-empty-state>.wm-icon--illustration{display:block;margin:0 auto 14px;color:#24303d;}
.wm-empty-state:has(>.wm-icon--illustration){text-align:center;}
.wm-upload-result-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:8px;color:#24303d;}
.vehicle-image-fallback__icon{display:grid;place-items:center;}
.wm-receipt-chip{display:inline-flex;align-items:center;gap:8px;}
body.product-private .guide-start-button::before{content:none!important;display:none!important;}
body.product-private .wm-review-task__icon{width:44px;height:44px;flex-basis:44px;border:0;background:transparent;color:#24303d;}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-capture-entry-links{
  gap:12px;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-capture-entry-links>a{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:12px;
  min-height:132px;
  padding:20px!important;
  border-radius:9px!important;
  background:#faf7f1!important;
  box-shadow:0 3px 7px rgba(61,45,24,.06)!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-capture-entry-links>a:hover{
  border-color:var(--wmp-accent)!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-capture-entry-links .wm-capture-icon{
  color:#24303d!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-capture-entry-links strong{font-size:16px!important;}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-capture-entry-links small{font-size:13px;margin-top:5px;}
@media(max-width:520px){
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-capture-entry-links>a{min-height:104px;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;}
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-sidebar#wm-primary-sidebar .mp-legal-links{
  padding:8px 4px;
  background:rgba(248,246,241,.94)!important;
}
@media(min-width:901px){
  html[data-theme="light"] body.product-private.sidebar-collapsed #wm-primary-sidebar .mp-sidebar-head{grid-template-columns:36px!important;justify-content:center!important;min-height:52px!important;height:52px!important;padding:6px!important;}
  html[data-theme="light"] body.product-private.sidebar-collapsed #wm-primary-sidebar .mp-brand{display:none!important;}
  html[data-theme="light"] body.product-private.sidebar-collapsed #wm-primary-sidebar .mp-nav{padding:5px!important;}
  html[data-theme="light"] body.product-private.sidebar-collapsed #wm-primary-sidebar :is(.mp-nav-main,.mp-nav-logout){width:48px!important;min-width:48px!important;padding:0!important;justify-content:center!important;gap:0!important;}
  html[data-theme="light"] body.product-private.sidebar-collapsed #wm-primary-sidebar .mp-nav-label{display:none!important;}
  html[data-theme="light"] body.product-private.sidebar-collapsed #wm-primary-sidebar .mp-nav-group--logout{padding-top:8px!important;border-top:1px solid var(--wm-component-line);margin-top:4px!important;}
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-sidebar#wm-primary-sidebar .wm-sidebar-image-credit{
  z-index:1;
}
@media(max-width:760px){
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.wm-source-tabs,.wm-vd-register,.workspace-tabs,.section-jumpbar,.wm-receipt-filters,.cost-ledger-tabs)>:is(a,button){padding:10px 12px!important;}
}
@media(max-width:900px){
  body.product-private.mobile-nav-open .wm-mobile-nav-button{visibility:hidden!important;}
  body.product-private .mp-app>.wm-mobile-nav-scrim{border:0!important;border-radius:0!important;box-shadow:none!important;}
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="light"] body.product-private .mp-main :is(button,.btn,.button,input,select,textarea){transition:none!important;}
}

/* V1.0.358: the service book uses the selected BBBBAA components. */
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.wm-vd-cover,.v11-vehicle-slide){
  border:1px solid var(--wm-component-border)!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-cover{
  display:block!important;
  min-height:0!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-cover__content{
  width:100%;
  max-width:1020px;
  min-height:0;
  padding:24px 24px 12px;
  gap:14px;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-title{
  max-width:100%;
  margin:0;
  font-size:clamp(1.65rem,2.5vw,2.25rem);
  line-height:1.18;
  overflow-wrap:anywhere;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-stats{
  margin:0;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-actions>a{
  min-height:44px;
  white-space:normal;
  text-align:center;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-cover__image-tools{
  position:relative;
  inset:auto;
  max-width:none;
  margin:0 24px 16px;
  justify-content:flex-end;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .dashboard-active-navigator{
  min-height:0;
  grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .dashboard-active-copy{
  padding:24px;
  gap:12px;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .dashboard-active-copy h2{
  max-width:100%;
  font-size:clamp(1.6rem,2.4vw,2.2rem);
  line-height:1.2;
  overflow-wrap:anywhere;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.dashboard-active-media,.dashboard-active-media img){
  min-height:180px;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .v11-slide-body h2{
  max-width:100%!important;
  font-size:clamp(1.7rem,2.7vw,2.5rem)!important;
  line-height:1.16!important;
  overflow-wrap:anywhere;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .v11-slide-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.wm-vd-receipt-row,.wm-vd-timeline .wm-timeline-item){
  border-bottom-color:var(--wm-component-line);
}
@media(max-width:900px){
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .dashboard-active-navigator{
    grid-template-columns:minmax(0,1fr);
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .dashboard-active-media{
    order:1;
    height:160px;
    min-height:160px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .dashboard-active-media img{
    min-height:160px;
    height:160px;
  }
}
@media(max-width:520px){
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-cover__content{
    padding:18px 16px 12px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-cover__image-tools{
    margin-inline:16px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-actions>a{
    flex:1 1 100%;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .v11-slide-actions{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* Garage cards stay in document flow; every vehicle remains visible without JS. */
.wm-garage-stage{padding:4px 0 32px;min-width:0;}
.wm-garage-collection{display:grid;gap:20px;min-width:0;}
.wm-garage-card{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);min-width:0;overflow:hidden;}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-garage-card .v11-slide-image{
  position:relative;
  min-height:280px!important;
  height:auto!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-garage-card .v11-slide-image img{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-garage-card .v11-slide-body{
  min-width:0;
  padding:24px!important;
  gap:14px!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-garage-card .v11-slide-actions :is(a,button){
  white-space:normal;
  overflow-wrap:anywhere;
  min-width:0;
}
@media(max-width:900px){
  .wm-garage-card{grid-template-columns:minmax(0,1fr);}
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-garage-card .v11-slide-image{
    min-height:220px!important;
    height:220px!important;
  }
  /* Cover the interval before deferred JavaScript applies inert as well. */
  body:not(.mobile-nav-open):not(.auth-page) .mp-app .mp-sidebar{visibility:hidden!important;}
}
@media(max-width:520px){
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-garage-card .v11-slide-body{padding:18px 16px!important;}
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-garage-card .v11-slide-metrics{grid-template-columns:minmax(0,1fr)!important;}
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-garage-card .v11-slide-metrics div{border-right:0!important;}
}

/* Existing shared headers and cards in short, task-oriented upload screens. */
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-compact-head{
  padding:20px 24px!important;
  min-height:0!important;
  margin-bottom:16px!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-compact-head .page-title{
  max-width:none!important;
  font-size:clamp(1.65rem,2.8vw,2rem)!important;
  line-height:1.2!important;
  overflow-wrap:anywhere;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .registration-scan-card{
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
}
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .vehicle-image-select-page :is(.vehicle-image-candidates,.vehicle-image-select-grid){
  scroll-margin-top:72px;
}
.wm-collection-filter{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin:0 0 18px;padding:16px;}
.wm-collection-filter .wm-field{min-width:0;}
.wm-collection-filter .wm-field label{display:block;margin-bottom:6px;}
.wm-collection-filter-actions{display:flex;flex-wrap:wrap;align-items:end;gap:8px;}
@media(max-width:720px){
  .wm-collection-filter{grid-template-columns:minmax(0,1fr);}
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-compact-head{padding:18px 16px!important;}
}

/* Public pages use the same selected controls; only their layout is separate. */
html[data-theme="light"] body.wm-public-landing .wm-btn{
  padding:11px 22px;
  font-size:15px;
  font-weight:650;
  line-height:1.4;
  white-space:normal;
  text-align:center;
}
html[data-theme="light"] body.wm-public-landing .wm-btn--sm{padding:9px 17px;font-size:14px;}
@media(prefers-reduced-motion:reduce){html[data-theme="light"] body.wm-public-landing .wm-btn{transition:none!important;}}
@media(forced-colors:active){html[data-theme="light"] body.wm-public-landing .wm-btn--primary{color:ButtonText!important;-webkit-text-fill-color:ButtonText!important;background:ButtonFace!important;border-color:ButtonText!important;}}

/* Compact mobile composition of the same selected dossier and cost components. */
@media(max-width:700px){
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-topline{
    grid-template-columns:minmax(0,1fr);
    gap:4px;
    margin-bottom:8px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-topline__actions{
    display:flex;
    justify-content:space-between;
    gap:8px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.wm-vd-topline__back,.wm-vd-topline__link){
    min-height:44px;
    width:auto;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-cover__content{
    padding:16px 16px 12px;
    gap:10px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-title{
    font-size:clamp(1.45rem,5vw,1.8rem);
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-actions>a{
    min-height:44px;
    padding:8px!important;
    overflow-wrap:anywhere;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-stat{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    justify-content:space-between;
    gap:4px 8px;
    padding:8px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-stat dt{
    margin:0;
    font-size:.75rem;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-stat dd{
    margin:0;
    font-size:.875rem;
    overflow-wrap:anywhere;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-vd-cover__image-tools{
    margin:0 16px 12px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-page{
    gap:12px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main :is(.wm-source-header,.wm-source-toolbar){
    padding:14px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-page h1{
    font-size:24px!important;
    margin:4px 0 8px!important;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-vehicle{
    font-size:14px;
    overflow-wrap:anywhere;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-top:12px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-tabs>a{
    min-height:44px;
    padding:8px 4px!important;
    font-size:13px;
    line-height:1.3;
    overflow-wrap:anywhere;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-toolbar{
    gap:12px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-filter{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-filter>label,
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-period[open]{
    grid-column:1/-1;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-filter>.wm-source-button{
    grid-column:2;
    align-self:end;
    margin-top:0;
    min-height:44px;
  }
  html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-source-actions{
    width:100%;
    gap:8px;
    padding-top:0;
  }
}