/* Designlinie: internal application only. Public documents are separate iframes/routes. */
html[data-plaza-ui] {
  --accent:#1c9e4f; --accent-dark:#116231; --accent-soft:#dff1e6;
  --plaza-accent:var(--accent); --plaza-accent-dark:var(--accent-ink,#116231);
  /* A darker action tone keeps small white labels readable (PLAZA green: > 5:1). */
  --plaza-action:color-mix(in srgb,var(--accent) 80%,#000);
  --plaza-action-ink:#fff;
  --plaza-selected:var(--accent-soft,#dff1e6);
  --plaza-ink:var(--theme-text,#1d2932); --plaza-muted:var(--theme-muted,#60717d);
  --plaza-line:var(--theme-line,#d9e1e5); --plaza-canvas:var(--theme-bg,#f4f6f7);
  --plaza-surface:var(--theme-surface,#fff); --plaza-input:var(--theme-input,#f9fbfb);
  --plaza-success:#12613c; --plaza-success-soft:#eff9f3;
  --plaza-warning:#8a5805; --plaza-warning-soft:#fff8e7;
  --plaza-danger:#b42332; --plaza-danger-soft:#fff0f1;
  --plaza-info:#246a9f; --plaza-info-soft:#edf6fc;
  --ink:var(--plaza-ink); --muted:var(--plaza-muted); --line:var(--plaza-line);
  --surface:var(--plaza-surface); --panel:var(--plaza-surface); --canvas:var(--plaza-canvas);
  --input:var(--plaza-input); --soft:var(--plaza-selected); --danger:var(--plaza-danger);
  --export-ink:var(--plaza-ink); --export-muted:var(--plaza-muted); --export-line:var(--plaza-line);
  --export-panel:var(--plaza-surface); --export-canvas:var(--plaza-canvas);
  --export-accent:var(--plaza-accent); --export-accent-dark:var(--plaza-accent-dark);
  --export-soft:var(--plaza-selected); --export-input:var(--plaza-input);
  font-family:"Segoe UI",Arial,sans-serif;
  color:var(--plaza-ink); background:var(--plaza-canvas);
  scroll-padding-block:24px 56px;
}
html[data-plaza-ui][data-plaza-action-text=dark]{--plaza-action-ink:#14242b}
/* Replace the browser's relative "bolder" default; authored 400/600 styles win. */
:where(html[data-plaza-ui]) :where(b,strong){font-weight:700}
html[data-plaza-ui] *,html[data-plaza-ui] *::before,html[data-plaza-ui] *::after{box-sizing:border-box}
html[data-plaza-ui] body{margin:0;min-width:0;font:calc(14px * var(--ui-font-scale,1))/1.5 "Segoe UI",Arial,sans-serif!important;color:var(--plaza-ink);background:var(--plaza-canvas)}
html[data-plaza-ui] :is(button,input,select,textarea,.button){font-family:"Segoe UI",Arial,sans-serif!important}
html[data-plaza-ui] :is(button,a,input,select,textarea,summary){touch-action:manipulation}
html[data-plaza-ui] :is(button,.button,.download){min-height:42px;border-radius:8px!important;padding:9px 14px;font-size:calc(14px * var(--ui-font-scale,1));font-weight:700;line-height:1.35;text-decoration:none}
html[data-plaza-ui] body :is(button,.button,.download):not(.primary):not(.danger):not(.vs-clip){color:var(--plaza-ink);border-color:var(--plaza-line);background-color:var(--plaza-input)}
html[data-plaza-ui] body :is(button,.button,.download):hover:not(:disabled){border-color:var(--plaza-accent)!important;box-shadow:none;transform:none}
html[data-plaza-ui] body :is(button.primary,.button.primary,[data-wizard-next],[data-queue-add],.vs-export){background:var(--plaza-action)!important;color:var(--plaza-action-ink)!important;border-color:var(--plaza-action)!important;box-shadow:none}
html[data-plaza-ui] body :is(button.danger,.button.danger){background:var(--plaza-danger-soft)!important;color:var(--plaza-danger)!important;border-color:#efb6bd!important}
html[data-plaza-ui] :is(button,input,select,textarea):disabled{opacity:.5;cursor:not-allowed}
html[data-plaza-ui] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--plaza-accent)!important;outline-offset:3px;box-shadow:none!important}
html[data-plaza-ui] body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){min-width:0;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--plaza-line);border-radius:8px!important;background:var(--plaza-input);color:var(--plaza-ink);font-size:calc(14px * var(--ui-font-scale,1));line-height:1.4}
html[data-plaza-ui] textarea{resize:vertical}
html[data-plaza-ui] :is(input[type=checkbox],input[type=radio]){accent-color:var(--plaza-accent)}
html[data-plaza-ui] :is(input,textarea)::placeholder{color:var(--plaza-muted);opacity:1}
html[data-plaza-ui] :is(h1,h2,h3,h4){font-family:"Segoe UI",Arial,sans-serif;font-weight:700;line-height:1.3;overflow-wrap:break-word}
html[data-plaza-ui] h1{font-size:clamp(26px,3vw,36px);letter-spacing:-.025em}
html[data-plaza-ui] h2{font-size:24px;letter-spacing:-.015em}
html[data-plaza-ui] h3{font-size:17px;letter-spacing:0}
html[data-plaza-ui] :is(.muted,.hint,.path,.settings-help){color:var(--plaza-muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
html[data-plaza-ui] :is(.eyebrow,.kicker){color:var(--plaza-accent-dark);font-size:11px;font-weight:700;letter-spacing:.12em}
html[data-plaza-ui] :is(label.field,.office-fields label,.form-grid>label,.settings-grid label){font-size:12px!important;font-weight:600;line-height:1.5;color:var(--plaza-muted)!important}
html[data-plaza-ui] :is(main,.layout,.grid,.fields,.form-grid,.panel,section,aside,fieldset){min-width:0}
html[data-plaza-ui] :is(.panel,.settings-card,.component-card,.kpi,.metric,.area,.inserat-car,.photo,.vehicle-card){border-radius:10px!important;border-color:var(--plaza-line);box-shadow:none}
html[data-plaza-ui] body>header:not(.widget-toolbar){min-height:78px;padding:14px 24px;gap:16px;color:var(--plaza-ink)!important;background:var(--plaza-surface)!important;border-bottom:1px solid var(--plaza-line);box-shadow:none}
html[data-plaza-ui] body>header :is(h1,h2){font-size:20px;letter-spacing:-.02em}
html[data-plaza-ui] body>header :is(.app-logo,.brand img){width:clamp(180px,24vw,306px);max-width:100%;height:auto}
html[data-plaza-ui=tracker] .module-navigation,html[data-plaza-ui=status] body>header nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
html[data-plaza-ui=tracker] .module-navigation>:is(a,span,button),html[data-plaza-ui=status] body>header nav>a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:42px;height:42px;padding:9px 14px;border:1px solid var(--plaza-line);border-radius:8px!important;background:var(--plaza-input);color:var(--plaza-ink);font:700 14px/1.35 "Segoe UI",Arial,sans-serif!important;text-decoration:none;white-space:nowrap}
html[data-plaza-ui=status] body>header .brand{display:flex;align-items:center;min-width:0;gap:0}
html[data-plaza-ui] body :is(.tab.active,.tabs button.active,.module-navigation .active,.export-sections button[aria-pressed=true],.webexport-tabs button[aria-selected=true]){background:var(--plaza-selected)!important;color:var(--plaza-accent-dark)!important;border:1px solid var(--plaza-accent)!important;box-shadow:none!important}
html[data-plaza-ui] :is(.actions,.dialog-actions,.panel-head,.hero-actions,.task-footer,.form-actions){gap:8px;flex-wrap:wrap}
html[data-plaza-ui] :is(.panel-head,.dialog-head){align-items:flex-start}
html[data-plaza-ui] :is(.panel-head,.dialog-head)>:first-child{min-width:0}
html[data-plaza-ui] summary{min-height:44px;cursor:pointer;line-height:1.5}
html[data-plaza-ui] :is(pre,code){overflow-wrap:anywhere}
html[data-plaza-ui] pre{white-space:pre-wrap;max-width:100%}
html[data-plaza-ui] fieldset{border-color:var(--plaza-line);border-radius:8px}
html[data-plaza-ui] body dialog{max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;margin:auto;border:1px solid var(--plaza-line);border-radius:14px!important;color:var(--plaza-ink);background:var(--plaza-surface);box-shadow:0 18px 50px rgba(29,41,50,.18);overflow:auto;font:inherit;overscroll-behavior:contain}
html[data-plaza-ui] dialog::backdrop{background:rgba(11,34,28,.72)}
html[data-plaza-ui] body dialog :is(.dialog-head,.dialog-actions,.dialog-footer,.nv-footer){border-color:var(--plaza-line);background:var(--plaza-surface)}
html[data-plaza-ui] body dialog :is(h2,.dialog-title){font-size:24px!important;line-height:1.3!important}
html[data-plaza-ui] body dialog :is(h3,legend){font-size:17px}
html[data-plaza-ui] dialog :is(.close,[data-close],[data-mask-close]){flex-shrink:0;min-width:42px;min-height:42px}
html[data-plaza-ui] :is(.plaza-table-scroll,.table-scroll,.scroll){max-width:100%;overflow:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable}
html[data-plaza-ui] .plaza-table-scroll{border-radius:8px}
html[data-plaza-ui] table{width:100%;border-collapse:collapse;font-size:13px}
html[data-plaza-ui] :is(th,td){padding:12px 16px;border-color:var(--plaza-line);text-align:left;vertical-align:top}
html[data-plaza-ui] th{background:var(--plaza-input);color:var(--plaza-muted);font-size:12px;font-weight:700}
html[data-plaza-ui] td{color:var(--plaza-ink)}
html[data-plaza-ui] :is(.badge,.count-badge,.print-badge){border-radius:999px!important;font-size:12px;line-height:1.4}
html[data-plaza-ui] :is(.badge.online,.badge.relisted,.badge.success){color:var(--plaza-success);background:var(--plaza-success-soft)}
html[data-plaza-ui] body :is(.notice,.empty,.inbox-empty){border-radius:10px;line-height:1.5}
html[data-plaza-ui] :is(img,video,iframe,canvas){max-width:100%}
/* Vehicle management, nested forms, source comparison and reports */
html[data-plaza-ui=inventory] body>main{max-width:1800px;padding:20px 24px 64px}
html[data-plaza-ui=inventory] body>header{flex-wrap:wrap}
html[data-plaza-ui=inventory] body .workspace-actions{min-width:0;flex-wrap:wrap;gap:8px}
html[data-plaza-ui=inventory] body .workspace-actions button{font-size:14px!important;min-height:42px}
html[data-plaza-ui=inventory] main>.toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:12px;margin-bottom:12px;border:1px solid var(--plaza-line);border-radius:10px;background:var(--plaza-surface)}
html[data-plaza-ui=inventory] .plaza-inventory-tabs{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}
html[data-plaza-ui=inventory] .plaza-inventory-tabs>button{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;white-space:nowrap;padding:9px 14px!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important}
html[data-plaza-ui=inventory] .plaza-inventory-tabs>button :is(span,b){white-space:nowrap;font-weight:inherit!important}
html[data-plaza-ui=inventory] main>.toolbar>#search{flex:1 1 260px;margin:0;width:auto;min-width:180px}
html[data-plaza-ui] #soldDateFilter{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:9px 12px;border:1px solid var(--plaza-line);border-radius:8px;background:var(--plaza-surface)}
html[data-plaza-ui] #soldDateFilter[hidden]{display:none!important}
html[data-plaza-ui] #soldDateFilter .sold-date-label{font-size:12px;font-weight:600;color:var(--plaza-muted);margin-right:4px}
html[data-plaza-ui] #soldDateFilter button{min-height:32px;padding:5px 10px;font-size:12px;font-weight:600;line-height:1.3;border:1px solid var(--plaza-line);border-radius:7px;background:var(--plaza-input);color:var(--plaza-ink)}
html[data-plaza-ui] #soldDateFilter button[aria-pressed=true]{color:var(--plaza-accent-dark)!important;border-color:var(--plaza-accent)!important;background:var(--plaza-selected)!important}
html[data-plaza-ui] #soldDateFilter .sold-date-hint{font-size:12px;color:var(--plaza-muted);overflow-wrap:anywhere}
@media(max-width:620px){html[data-plaza-ui] #soldDateFilter button{min-height:40px}html[data-plaza-ui] #soldDateFilter .sold-date-hint{flex-basis:100%}}
html[data-plaza-ui=inventory] body .layout{grid-template-columns:minmax(300px,.8fr) minmax(0,1.4fr);gap:24px}
html[data-plaza-ui=inventory] body #detail{padding:24px;border-radius:10px!important;box-shadow:none}
html[data-plaza-ui=inventory] body #detail>h2{font-size:24px;line-height:1.3}
html[data-plaza-ui=inventory] body #detail h3{font-size:17px}
html[data-plaza-ui=inventory] body #list .car{border-radius:10px!important;padding:16px 16px 16px 28px;font-size:14px}
html[data-plaza-ui=inventory] body #list .car.selected{background:var(--plaza-selected)!important;border-color:var(--plaza-accent)!important}
html[data-plaza-ui] body #list .sold-month-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin:16px 0 10px;padding:9px 12px;border:1px solid var(--plaza-line);border-left:3px solid var(--plaza-accent);border-radius:7px;background:var(--plaza-surface);color:var(--plaza-ink);font-size:14px;font-weight:600;line-height:1.4}
html[data-plaza-ui] body #list .sold-month-heading:first-child{margin-top:0}
html[data-plaza-ui] body #list .sold-month-heading small{font-size:12px;font-weight:400;color:var(--plaza-muted)}
html[data-plaza-ui=inventory] body #list .car strong{font-size:17px;line-height:1.4}
html[data-plaza-ui=inventory] body #list .car-facts{font-size:calc(13px * var(--ui-font-scale,1));font-weight:400;line-height:1.5}
html[data-plaza-ui=inventory] body #list :is(.other-images-review-alert,.other-images-review-alert b){font-weight:600}
html[data-plaza-ui=inventory] body #list :is(.car .muted,.vehicle-fin){font-size:13px}
html[data-plaza-ui=inventory] body #detail :is(.grid,.checks,.office-fields){gap:16px}
html[data-plaza-ui=inventory] body #detail #vehicleForm .status-secondary-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:8px}
html[data-plaza-ui=inventory] body #detail #vehicleForm .status-secondary-row>label{font-size:12px;line-height:1.45;min-width:0;padding:12px}
html[data-plaza-ui=inventory] body #detail .mobile-list-back{display:none}
html[data-plaza-ui] body input.receipt-switch{border-radius:999px!important}
html[data-plaza-ui=inventory] .central-inbox-drop{border-color:var(--plaza-line);border-radius:10px}
html[data-plaza-ui=inventory] body #detail :is([data-gutachten-docs],.gutachten-document){min-width:0;max-width:100%;overflow-wrap:anywhere}
html[data-plaza-ui=inventory] body #detail [data-gutachten-docs]{grid-template-columns:minmax(0,1fr)}
html[data-plaza-ui=inventory] body #detail .other-images-upload{position:relative}
html[data-plaza-ui=inventory] body #detail .other-images-upload input{width:1px;min-width:0;min-height:0;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}
/* WebManager's administration, not its embedded public previews */
html[data-plaza-ui=export] body>header.toolbar{flex-wrap:wrap;position:relative;gap:16px}
html[data-plaza-ui=export] .export-page-controls{flex:1;min-width:0}
html[data-plaza-ui=export] .export-page-controls>.actions{flex-wrap:wrap}
html[data-plaza-ui=export] body .layout{grid-template-columns:minmax(290px,.72fr) minmax(0,1.6fr);gap:24px;padding:24px 24px 64px}
html[data-plaza-ui=export] body .layout>aside{position:sticky;top:16px;max-height:calc(100dvh - 32px);padding:16px;border-radius:10px!important}
html[data-plaza-ui=export] body .layout>.panel{padding:24px}
html[data-plaza-ui=export] .export-sections{gap:8px;margin-top:8px}
html[data-plaza-ui=export] .export-sections button{font-size:13px;min-height:44px;min-width:0;line-height:1.35;overflow-wrap:anywhere}
html[data-plaza-ui=export] body .pick{padding:14px;border-radius:10px!important}
html[data-plaza-ui=export] body .pick-shell>.pick{padding-bottom:44px}
html[data-plaza-ui=export] body .pick-shell>.pick:has(.pick-processing-counts){padding-bottom:8px}
html[data-plaza-ui=export] body .pick-shell .pick-processing-counts{min-height:24px;align-items:center;padding-right:52px}
html[data-plaza-ui=export] body .vehicle-list-filters{gap:5px;margin:8px 0}
html[data-plaza-ui=export] body .vehicle-list-filters>button{min-height:30px;padding:4px 7px;gap:4px;font-size:calc(12px * var(--ui-font-scale,1));font-weight:600;line-height:1.2}
html[data-plaza-ui=export] body .vehicle-list-filters>button b{min-width:18px;height:18px;padding:0 4px;font-size:10px}
html[data-plaza-ui=export] body .vehicle-list-filters>button[aria-pressed=true]{background:var(--plaza-selected);border-color:var(--plaza-accent);color:var(--plaza-accent-dark)}
html[data-plaza-ui=export] body .pick.active{background:var(--plaza-selected)!important}
html[data-plaza-ui=export] body .pick-name{font-size:15px}
html[data-plaza-ui=export] :is(.pick-vin,.pick-facts,.pick-footer){font-size:12px}
html[data-plaza-ui=export] body .photos{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:16px}
html[data-plaza-ui=export] body .photo{padding:12px}
html[data-plaza-ui=export] :is(.photo-work-actions,.photo-order-actions){display:flex;flex-wrap:wrap;gap:6px}
html[data-plaza-ui=export] #editor .photo-order-actions{display:grid;grid-template-columns:76px minmax(0,1fr)}
html[data-plaza-ui=export] #editor .photo-order-actions>.photo-move-actions{grid-column:1;grid-row:1}
html[data-plaza-ui=export] #editor .photo-order-actions>[data-action=cover]{grid-column:2;grid-row:1;padding-inline:5px;overflow-wrap:anywhere}
html[data-plaza-ui=export] #editor .photo-order-actions>:is([data-action=hide],[data-action=show]){grid-column:1/-1}
@media(pointer:coarse){html[data-plaza-ui=export] body .pick-lock{width:48px;height:44px}html[data-plaza-ui=export] body .pick-shell>.pick:not(:has(.pick-processing-counts)){padding-bottom:56px}html[data-plaza-ui=export] body .pick-shell .pick-processing-counts{min-height:36px;padding-right:56px}}
html[data-plaza-ui=export] .photo button{font-size:12px;min-height:36px;padding:7px 10px}
html[data-plaza-ui=export] :is(.inserat-frame-setting,.inserat-end-setting,.inserat-exclusions-setting,.photo-processing-summary){border-color:var(--plaza-line);border-radius:10px;background:var(--plaza-input)}
html[data-plaza-ui=export] .photo-processing-counts{grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}
/* The editor keeps its original dark studio design, independently of the app theme. */
html[data-plaza-ui] body .video-studio{--plaza-ink:#f3f7fa;--plaza-muted:#aabac6;--plaza-line:#354755;--plaza-surface:#192632;--plaza-input:#263845;--plaza-accent:#59e5ab}
html[data-plaza-ui] body .video-studio button:not(.vs-clip){min-height:34px;padding:6px 10px;border-radius:6px!important;font:600 12px/1.35 system-ui,sans-serif!important;background:#263845!important;color:#eff8ff!important;border-color:var(--vs-line)!important}
html[data-plaza-ui] body .video-studio button:hover:not(:disabled){background-color:#344d5d!important;border-color:#7eafa3!important}
html[data-plaza-ui] body .video-studio button:disabled{opacity:.4;cursor:default}
html[data-plaza-ui] body .video-studio input:not([type=checkbox]):not([type=range]){min-height:0;padding:5px 6px;border-radius:4px!important;font:12px system-ui,sans-serif!important;background:#111d26!important;color:#f3f7fa!important;border-color:var(--vs-line)!important}
html[data-plaza-ui] body .video-studio h3{font:700 12px system-ui,sans-serif}
html[data-plaza-ui] body .video-studio .vs-toolbar .vs-primary{background:#66e2ac!important;color:#102d21!important;border-color:#72efb8!important}
html[data-plaza-ui] body .video-studio .vs-footer .vs-export{background:#36b478!important;color:#041d11!important;border-color:#6ce8af!important;font-weight:700!important;padding:9px 13px}
html[data-plaza-ui] body .video-studio .vs-source .vs-add{background:#287854!important;color:#fff!important;border-color:#64d99c!important;min-height:28px;width:28px;padding:1px;font-size:20px!important}
html[data-plaza-ui] body .video-studio :focus-visible{outline:2px solid var(--vs-accent)!important;outline-offset:3px}
/* Tracker, diagnostics, keys, agenda and documentation. */
html[data-plaza-ui=tracker] :is(.kpis,.metrics){gap:12px}
html[data-plaza-ui=tracker] body :is(.kpi,.panel,.dealer-card){border-radius:10px;border-color:var(--plaza-line);box-shadow:none}
html[data-plaza-ui=tracker] body .topbar{flex-wrap:wrap}
html[data-plaza-ui=tracker] .module-navigation{flex-wrap:wrap}
html[data-plaza-ui=tracker] body :is(.tabs,.period-bar){background:var(--plaza-surface);border:1px solid var(--plaza-line);border-radius:10px}
html[data-plaza-ui=tracker] body :is(.tabs button,.period-bar input,.period-bar select){font-size:14px}
html[data-plaza-ui=tracker] :is(.dealer-cards,.listings-grid){grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}
html[data-plaza-ui=tracker] body .tracker-vehicle-card{padding:0;min-width:0}
html[data-plaza-ui=tracker] .tracker-vehicle-card>:is(.vehicle-preview,.vehicle-card-main,.vehicle-card-side){min-width:0;max-width:100%}
html[data-plaza-ui=tracker] .vehicle-card-top{flex-direction:row;flex-wrap:wrap}
html[data-plaza-ui=tracker] .vehicle-card-top>strong{font-size:17px;flex:1 1 230px}
html[data-plaza-ui=status] :is(.metrics article,.panel,.area){box-shadow:none;background:var(--plaza-surface)}
html[data-plaza-ui=status] .areas{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
html[data-plaza-ui=status] .metrics{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}
html[data-plaza-ui=status] .log-table{max-width:100%;overflow:auto}
html[data-plaza-ui=keys] body main{max-width:1500px;margin:24px auto;padding:0 24px 64px}
html[data-plaza-ui=keys] body .settings-panel{border-radius:10px!important}
html[data-plaza-ui=keys] body #generate.primary{background:var(--plaza-action)!important}
html[data-plaza-ui=widgets] {--font:"Segoe UI",Arial,sans-serif;--radius:10px}
html[data-plaza-ui=widgets] body :is(.widget,.entry){border-radius:10px}
html[data-plaza-ui=widgets] body #desk .widget-controls button{width:31px;min-width:31px;min-height:31px;height:31px;padding:0;font-size:16px;line-height:1}
html[data-plaza-ui=widgets] body #desk .sticky-note textarea{font-size:var(--note-font-size,15px)!important}
html[data-plaza-ui=map] body main{max-width:1500px}
html[data-plaza-ui=map] :is(.node,.tool,.components article){border-radius:10px;border-color:var(--plaza-line)}
html[data-plaza-ui=intake] body :is(.app-head,.card,.vehicle-card,.vehicle-title){border-color:var(--plaza-line)}
html[data-plaza-ui=intake] .vehicle-card h2{font-size:18px}
html[data-plaza-ui=motifs] :is(.catalogue-page,.card){border-color:var(--plaza-line);border-radius:10px;background:var(--plaza-surface)}
html[data-plaza-ui=motifs] .card h2{font-size:17px}
html[data-plaza-ui=motifs] .card header b:not(.hidden){background:var(--plaza-accent)}
html[data-plaza-ui=motifs] .card footer{color:var(--plaza-muted);font-size:12px;border-color:var(--plaza-line)}
html[data-plaza-ui=report-review] body>header p{color:var(--plaza-muted);font-size:13px}
html[data-plaza-ui=report-review] main article h2{font-size:14px}
/* Tablet: preserve working space and permit wrapping without fixed-width tracks. */
@media(max-width:1100px){
  html[data-plaza-ui] body #equipmentCompareDialog>header{position:relative;flex-direction:column;align-items:stretch;gap:12px}
  html[data-plaza-ui] body #equipmentCompareDialog>header>div:first-child{padding-right:48px;min-width:0}
  html[data-plaza-ui] body #equipmentCompareDialog>header [data-close]{position:absolute;right:16px;top:16px;width:44px;padding:0}
  html[data-plaza-ui] body>header:not(.widget-toolbar){padding:12px 20px;gap:12px;flex-wrap:wrap}
  html[data-plaza-ui] body>header :is(nav,.workspace-actions){max-width:100%}
  html[data-plaza-ui=inventory] .plaza-inventory-tabs{flex-basis:100%}
  html[data-plaza-ui=inventory] main>.toolbar>#search{flex-basis:100%}
  html[data-plaza-ui=export] body .layout{grid-template-columns:280px minmax(0,1fr);gap:16px;padding:16px 20px 60px}
  html[data-plaza-ui=export] .export-page-controls{flex-basis:100%;align-items:stretch}
  html[data-plaza-ui=export] .export-page-controls>.actions{justify-content:flex-start}
  html[data-plaza-ui=export] body .layout>.panel{padding:16px}
  html[data-plaza-ui=tracker] :is(.kpis,.grid){grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-plaza-ui=tracker] body .tracker-vehicle-card{grid-template-columns:144px minmax(0,1fr)}
  html[data-plaza-ui=tracker] .vehicle-card-main{padding:12px}
  html[data-plaza-ui=tracker] .vehicle-card-side{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px;border-left:0;border-top:1px solid var(--plaza-line)}
}
@media(max-width:850px){
  html[data-plaza-ui=inventory] body .layout,html[data-plaza-ui=export] body .layout{grid-template-columns:minmax(0,1fr)}
  html[data-plaza-ui=inventory] body #list{max-height:42dvh;overflow:auto;padding-right:4px}
  html[data-plaza-ui=export] body .layout>aside{position:static;max-height:none}
  html[data-plaza-ui=export] .export-sections{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;scrollbar-width:thin}
  html[data-plaza-ui=export] .export-sections button{flex:0 0 auto;white-space:nowrap}
  html[data-plaza-ui=export] body aside .list{max-height:34dvh;overflow:auto}
  html[data-plaza-ui=export] body .layout>aside>h2{font-size:17px}
  html[data-plaza-ui] :is(.auto-export-fields,.settings-columns,.inserat-frame-setting,.inserat-end-setting,.columns,.detail-grid){grid-template-columns:minmax(0,1fr)}
  html[data-plaza-ui] body dialog.auto-export-dialog[open]{display:flex;flex-direction:column;height:calc(100dvh - 24px)}
  html[data-plaza-ui] .auto-export-dialog .webexport-tabs{flex-direction:row;flex-wrap:nowrap;overflow:auto;flex-shrink:0;padding:8px;border-right:0;border-bottom:1px solid var(--plaza-line)}
  html[data-plaza-ui] .auto-export-dialog .webexport-tabs button{flex:0 0 auto;white-space:nowrap;margin-top:0!important}
  html[data-plaza-ui] .auto-export-dialog .webexport-workspace{min-height:0;overflow:auto;flex:1}
  html[data-plaza-ui] .auto-export-dialog .webexport-pane{padding:16px}
  html[data-plaza-ui] .auto-export-dialog :is(.auto-export-header,.auto-export-footer){padding:16px;flex-shrink:0}
  html[data-plaza-ui] .video-studio.is-expanded .vs-workspace{grid-template-columns:140px minmax(0,1fr)}
}
@media(max-width:620px){
  html[data-plaza-ui] body>header:not(.widget-toolbar){position:relative!important;min-height:64px;padding:12px 16px;gap:12px}
  html[data-plaza-ui] body>header :is(.app-logo,.brand img){width:210px;max-width:65vw}
  html[data-plaza-ui] :is(button,.button,.download){min-height:44px}
  html[data-plaza-ui] body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){font-size:16px!important;min-height:44px}
  html[data-plaza-ui] body :is(main,.layout){max-width:100%;width:auto}
  html[data-plaza-ui] body>main,html[data-plaza-ui=export] body .layout{padding:16px 12px 72px}
  html[data-plaza-ui] body>header :is(.workspace-actions,.module-navigation,nav){display:flex;flex:1 1 100%;width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;gap:8px;padding-bottom:4px}
  html[data-plaza-ui] body>header :is(.workspace-actions,.module-navigation,nav)>*{flex:0 0 auto;white-space:nowrap}
  html[data-plaza-ui] body :is(.panel,.settings-card){padding:16px}
  html[data-plaza-ui=inventory] body #detail{padding:16px}
  html[data-plaza-ui=inventory] body #detail #vehicleForm .status-secondary-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}
  html[data-plaza-ui=inventory] body #detail #vehicleForm .status-secondary-row>label{flex-direction:column;align-items:flex-start;gap:8px}
  html[data-plaza-ui=inventory] main>.toolbar{padding:10px;gap:10px}
  html[data-plaza-ui=inventory] .plaza-inventory-tabs{display:grid;grid-template-columns:44px repeat(3,minmax(0,1fr));flex:1 1 100%;width:100%;max-width:100%;gap:7px;overflow:visible;padding:0}
  html[data-plaza-ui=inventory] .plaza-inventory-tabs>button{min-width:0!important;min-height:48px!important;width:100%!important;max-width:none!important;padding:6px!important;font-size:12px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:normal}
  html[data-plaza-ui=inventory] .plaza-inventory-tabs>button:first-child{grid-column:1;min-width:44px!important;padding:0!important;font-size:21px!important}
  html[data-plaza-ui=inventory] .plaza-inventory-tabs>.market-analysis-tab{grid-column:1 / span 2;font-size:13px!important}
  html[data-plaza-ui=inventory] .plaza-inventory-tabs>.pilot-tab,html[data-plaza-ui=inventory] .plaza-inventory-tabs>.pilot-menu{grid-column:3 / span 2;font-size:13px!important}
  html[data-plaza-ui=inventory] main>.toolbar>#search{min-width:0;width:100%}
  html[data-plaza-ui=inventory] body .layout>section:first-child{display:block;max-height:none}
  html[data-plaza-ui=inventory] body #list{max-height:none;overflow:visible;padding-right:0}
  html[data-plaza-ui=inventory]:not(:has(#detail #vehicleForm)) body #detail{display:none}
  html[data-plaza-ui=inventory]:has(#detail #vehicleForm) body main>#centralInboxDrop,
  html[data-plaza-ui=inventory]:has(#detail #vehicleForm) body main>#pilotAssistant,
  html[data-plaza-ui=inventory]:has(#detail #vehicleForm) body main>.toolbar,
  html[data-plaza-ui=inventory]:has(#detail #vehicleForm) body .layout>section:first-child{display:none!important}
  html[data-plaza-ui=inventory]:has(#detail #vehicleForm) body .layout{padding-top:0}
  html[data-plaza-ui=inventory] body #detail .mobile-list-back{display:flex;width:100%;align-items:center;justify-content:flex-start;margin:0 0 14px;border-color:var(--plaza-line);background:var(--plaza-selected);color:var(--plaza-accent-dark);font-size:14px}
  html[data-plaza-ui=inventory] body #detail .vehicle-overview .path{display:none}
  html[data-plaza-ui=inventory] body #detail .vehicle-overview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
  html[data-plaza-ui=inventory] body #detail .vehicle-overview-actions>button:first-child{display:none}
  html[data-plaza-ui=inventory] body #detail .vehicle-overview-actions>button{width:100%;min-width:0;min-height:44px;padding:7px 8px;white-space:normal}
  html[data-plaza-ui=inventory] body #detail #vehicleForm .vehicle-status-panel{padding:8px}
  html[data-plaza-ui=inventory] body #detail #vehicleForm .status-secondary-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}
  html[data-plaza-ui=inventory] body #detail #vehicleForm .status-secondary-row>label{min-height:54px;padding:7px;flex-direction:row;align-items:center;gap:6px;font-size:12px;line-height:1.25}
  html[data-plaza-ui=inventory] body #detail #vehicleForm .status-secondary-row>label:last-child:nth-child(odd){grid-column:1/-1}
  html[data-plaza-ui] body :is(.grid,.fields,.form-grid,.office-fields,.checks,.settings-grid,.system-theme-grid,.sale-contact-grid,.inserat-exclusion-groups,.new-vehicle-grid,.nv-grid){grid-template-columns:minmax(0,1fr)!important}
  html[data-plaza-ui] :is(.grid,.fields,.form-grid,.settings-grid)>.wide{grid-column:auto}
  html[data-plaza-ui] :is(.hero,.section-heading,.panel-head,.inserat-manager-head,.inserat-policy){align-items:flex-start;flex-direction:column;gap:12px}
  html[data-plaza-ui] :is(.hero-actions,.panel-tools,.log-tools,.dialog-actions){display:flex;flex-wrap:wrap;width:100%}
  html[data-plaza-ui] :is(.hero-actions,.dialog-actions)>button{flex:1 1 auto}
  html[data-plaza-ui] body dialog{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;width:calc(100vw - 16px);padding:16px;overflow:auto}
  html[data-plaza-ui] body dialog :is(h2,.dialog-title){font-size:21px!important}
  html[data-plaza-ui] body dialog :is(.dialog-head,.dialog-actions,.nv-footer){gap:12px;flex-wrap:wrap}
  html[data-plaza-ui] body dialog.new-vehicle-dialog .nv-head{display:grid;grid-template-columns:minmax(0,1fr) 44px;padding:16px;gap:12px}
  html[data-plaza-ui] body .new-vehicle-dialog .nv-heading{grid-column:1;grid-row:1}
  html[data-plaza-ui] body .new-vehicle-dialog .nv-close{grid-column:2;grid-row:1}
  html[data-plaza-ui] body .new-vehicle-dialog .nv-number{grid-column:1/-1;width:100%;border-left:0;padding-left:0}
  html[data-plaza-ui] body .new-vehicle-dialog .nv-number-control{max-width:240px}
  html[data-plaza-ui] :is(.system-theme-dialog,.auto-export-dialog){padding:0!important}
  html[data-plaza-ui] body #equipmentManagerDialog{padding:0!important}
  html[data-plaza-ui] body #equipmentManagerDialog .equipment-manager-search{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  html[data-plaza-ui] body #equipmentManagerDialog .equipment-manager-search input{width:100%;min-width:0}
  html[data-plaza-ui] body #equipmentCompareDialog>header{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px}
  html[data-plaza-ui] body #equipmentCompareDialog>header>div:first-child{min-width:0;padding-right:48px}
  html[data-plaza-ui] body #equipmentCompareDialog>header .equipment-compare-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0}
  html[data-plaza-ui] body #equipmentCompareDialog>header :is(button,select){width:100%;min-width:0;max-width:none;white-space:normal;font-size:12px;min-height:44px}
  html[data-plaza-ui] body #equipmentCompareDialog>header [data-close]{position:absolute;right:12px;top:12px;width:44px;padding:0}
  html[data-plaza-ui] body #equipmentCompareDialog .equipment-folder-choice{min-width:0}
  html[data-plaza-ui] body #equipmentCompareDialog .equipment-compare-body{overflow:auto;display:block}
  html[data-plaza-ui] body #equipmentCompareDialog :is(.equipment-overview,.equipment-recommendations){max-height:none;overflow:visible}
  html[data-plaza-ui] body #equipmentCompareDialog .equipment-search{flex:1 1 100%;max-width:none;min-width:0}
  html[data-plaza-ui] body #equipmentCompareDialog .equipment-source-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-plaza-ui] body #equipmentCompareDialog .equipment-table-scroll{height:55dvh;min-height:260px}
  html[data-plaza-ui] body #equipmentCompareDialog :is(.equipment-learning-grid,.equipment-review-lists){grid-template-columns:minmax(0,1fr)}
  html[data-plaza-ui] body #equipmentCompareDialog :is(.equipment-learning-intro,.equipment-learning-actions,.equipment-global-note){flex-wrap:wrap}
  html[data-plaza-ui] body #equipmentSourceDialog>header{padding:16px}
  html[data-plaza-ui] body #equipmentSourceDialog>header>div{min-width:0}
  html[data-plaza-ui] body #equipmentSourceDialog [data-close-source]{flex:none;min-width:44px;min-height:44px}
  html[data-plaza-ui] body #equipmentSourceDialog .equipment-source-search{grid-template-columns:minmax(0,1fr) 44px 44px}
  html[data-plaza-ui] body #equipmentSourceDialog .equipment-source-search button{min-width:44px;min-height:44px}
  html[data-plaza-ui=export] .export-brand-copy{padding-left:12px}
  html[data-plaza-ui=export] .export-brand h1{font-size:18px}
  html[data-plaza-ui=export] .export-page-controls>.actions{display:flex;flex-wrap:nowrap;overflow:auto;justify-content:flex-start;max-width:100%;padding-bottom:4px}
  html[data-plaza-ui=export] .export-page-controls>.actions>*{flex:0 0 auto;white-space:nowrap}
  html[data-plaza-ui=export] body .status{text-align:left;line-height:1.5}
  html[data-plaza-ui=export] body .layout>aside{padding:12px}
  html[data-plaza-ui=export] body .vehicle-list-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;max-width:100%;padding:4px 0 8px;scrollbar-width:thin}
  html[data-plaza-ui=export] body .vehicle-list-filters>button{flex:0 0 auto;min-height:44px;white-space:nowrap}
  html[data-plaza-ui=export] .photos{grid-template-columns:minmax(0,1fr)!important}
  html[data-plaza-ui=export] .photo button{min-height:44px}
  html[data-plaza-ui] :is(.inspector-picker,.inspector-run,.mask-head,.mask-view-tools,.mask-actions){flex-wrap:wrap}
  html[data-plaza-ui] body #photoInspector>header{position:static;flex-wrap:wrap}
  html[data-plaza-ui] body :is(.video-studio,.video-studio.is-expanded) .vs-workspace{display:flex;flex-direction:column}
  html[data-plaza-ui] body .video-studio .vs-media{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;max-height:240px;flex-shrink:0;border-right:0;border-bottom:1px solid var(--plaza-line)}
  html[data-plaza-ui] .vs-media>:is(h3,p){flex-basis:100%;margin:0}
  html[data-plaza-ui] .vs-source{flex:0 0 125px;min-width:0;margin:0}
  html[data-plaza-ui] body .vs-monitor{padding:12px!important}
  html[data-plaza-ui] .vs-monitor-caption{flex-wrap:wrap;font-size:11px}
  html[data-plaza-ui] .vs-monitor-caption span:last-child{white-space:normal}
  html[data-plaza-ui] .vs-transport{flex-wrap:wrap}
  html[data-plaza-ui] .vs-transport button{min-width:44px;min-height:44px}
  html[data-plaza-ui] .vs-toolbar button{min-height:44px}
  html[data-plaza-ui] .vs-inspector label{flex-wrap:wrap;min-width:0}
  html[data-plaza-ui] .vs-inspector input[type=number]{max-width:120px}
  html[data-plaza-ui] .vs-footer .vs-export{width:100%;margin:0}
  html[data-plaza-ui] .vs-handle{width:14px}
  html[data-plaza-ui=tracker] :is(.kpis,.grid,.status-grid){grid-template-columns:minmax(0,1fr)!important}
  html[data-plaza-ui=tracker] body .tracker-vehicle-card{grid-template-columns:minmax(0,1fr)}
  html[data-plaza-ui=tracker] .vehicle-card-side{flex-wrap:wrap;gap:8px}
  html[data-plaza-ui=tracker] #detailContent{padding:8px}
  html[data-plaza-ui=tracker] body dialog .dialog-head{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px}
  html[data-plaza-ui=tracker] :is(.period-bar,.period-bar #customDates){flex-wrap:wrap}
  html[data-plaza-ui=tracker] .period-label{margin-left:0}
  html[data-plaza-ui=status] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-plaza-ui=status] .log-row{min-width:650px}
  html[data-plaza-ui=keys] body main{margin:0;padding:16px 12px 64px}
  html[data-plaza-ui=keys] .toolbar{gap:8px}
  html[data-plaza-ui=keys] body .toolbar>input{width:100%!important;flex:1 1 100%;max-width:none}
  html[data-plaza-ui=map] :is(.flow,.tools,.components){grid-template-columns:minmax(0,1fr)}
  html[data-plaza-ui] body :is(.live-status-entry,.live-status-bar){max-width:100%;font-size:11px}
}
/* A free-positioned desktop board becomes a reading flow on touch-sized screens. */
@media(max-width:1100px){
  html[data-plaza-ui=widgets] body{overflow:auto}
  html[data-plaza-ui=widgets] body .widget-toolbar{position:sticky;transform:none;opacity:1;pointer-events:auto;flex-wrap:wrap;min-height:64px;height:auto;padding:12px}
  html[data-plaza-ui=widgets] .widget-toolbar nav{justify-content:flex-start;flex-wrap:wrap}
  html[data-plaza-ui=widgets] body #desk{display:grid;height:auto;min-height:100dvh;padding:12px;gap:12px;grid-template-columns:minmax(0,1fr);align-content:start}
  html[data-plaza-ui=widgets] body #desk .widget{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:190px;max-height:none}
  html[data-plaza-ui=widgets] body #desk .widget-resize{display:none}
  html[data-plaza-ui=widgets] body #desk .widget.collapsed{min-height:60px;height:60px!important}
  html[data-plaza-ui=widgets] body #desk .widget-head{height:auto;min-height:60px;padding:8px;gap:8px}
  html[data-plaza-ui=widgets] body #desk .widget-head>div:first-child>div{display:block}
  html[data-plaza-ui=widgets] body #desk .widget-head h2{font-size:14px;white-space:normal;overflow-wrap:anywhere}
  html[data-plaza-ui=widgets] body #desk .widget-controls{flex-shrink:0;gap:4px}
  html[data-plaza-ui=widgets] body #desk .widget-controls button{width:44px;min-width:44px;min-height:44px;padding:0}
  html[data-plaza-ui=widgets] body #desk .widget-body{max-height:70dvh}
  html[data-plaza-ui=widgets] body #desk .entry :is(.entry-columns,.entry-columns.has-contact){min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}
  html[data-plaza-ui=widgets] body #desk .entry-columns>div{grid-column:1;grid-row:auto;min-width:0;padding-left:0;border-left:0}
  html[data-plaza-ui=widgets] body #desk .entry :is(.vehicle,.vehicle-name,.vehicle-info){white-space:normal!important;overflow-wrap:anywhere;min-width:0;max-width:100%}
  html[data-plaza-ui=widgets] body #desk .entry .entry-heading{display:flex;flex-direction:column;align-items:stretch;gap:8px}
  html[data-plaza-ui=widgets] body #desk .entry .entry-vehicles{width:100%;min-width:0;max-width:100%}
  html[data-plaza-ui=widgets] body #desk .widget .widget-body .widget-list .entry .vehicle{display:block!important;width:100%;max-width:100%;white-space:normal!important}
  html[data-plaza-ui=widgets] body #desk .sticky-note-board{position:relative;inset:auto;min-height:0;min-width:0;max-width:100%;width:100%!important;height:auto!important;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  html[data-plaza-ui=widgets] body #desk .sticky-note{position:relative;inset:auto!important;width:100%!important;height:240px!important;max-width:100%;transform:none}
  html[data-plaza-ui=widgets] body #desk .sticky-note-head{position:relative;inset:auto;transform:none;height:auto;min-height:44px;opacity:1;pointer-events:auto;flex-wrap:wrap;overflow:visible;padding:6px}
  html[data-plaza-ui=widgets] body #desk .sticky-note-head button{min-width:44px;min-height:44px;height:44px;padding:0}
  html[data-plaza-ui=widgets] body #desk .sticky-note-resize{display:none}
  html[data-plaza-ui=widgets] body #desk .widget:not(.collapsed) .sticky-note-layer{position:relative;inset:auto;display:grid;gap:12px;padding:0 12px 12px;overflow:visible}
  html[data-plaza-ui=widgets] body #desk .sticky-note-layer:empty{display:none!important}
  html[data-plaza-ui=widgets] body #history .history-entry-details{width:100%;min-width:0;max-width:100%}
  html[data-plaza-ui=widgets] body #history :is(.history-badge.history-vehicle,.vehicle-name,.vehicle-info){white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}
}
@media(prefers-reduced-motion:reduce){html[data-plaza-ui] *,html[data-plaza-ui] *::before,html[data-plaza-ui] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{html[data-plaza-ui] .plaza-table-scroll{overflow:visible}html[data-plaza-ui] body>header{position:static!important}}