/* Design adattato da Autoabruzzo Monitor BI (bi-moto-stock): tokens, brand,
   sidebar, typography, primary buttons and summary cards. Stock-specific
   striped rows and wide vehicle drawer preserve Gestionale Usato behavior. */
:root{color-scheme:light;--ink:#0c1b36;--muted:#637087;--line:#dfe5ec;--surface:#fff;--canvas:#f5f7fa;--bg:var(--canvas);--blue:#0867df;--blue-dark:#064ca9;--blue-soft:#e9f2ff;--green:#178154;--green-soft:#e7f7ef;--purple:#6d4bd0;--purple-soft:#f0ebff;--amber:#c88b00;--amber-soft:#fff6de;--red:#d93125;--surface-subtle:#f8fafc;--field-border:#d7dee7;--shadow:0 10px 32px rgba(17,36,66,.06);--sidebar:208px;--radius:12px;--row-alternate:#f2f3f5;--row-selected:#e1ecff}
body{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:var(--ink);background:var(--canvas)}main,.content{background:var(--canvas)}main{min-width:0;min-height:calc(100vh - var(--demo-height))}.content{padding:26px 32px 50px;max-width:none}.drawer-open main{padding-top:0}.app-chrome{display:none}
/* The Monitor BI sidebar uses a round external collapse control and 40px mark. */
.sidebar{top:var(--demo-height);bottom:0;width:var(--sidebar);padding:24px 14px 18px;background:#fbfcfe;border-right:1px solid var(--line);z-index:20;overflow:visible}.brandrow{position:static;margin:0 0 22px;min-height:48px}.sidebar .brand.dealer-brand{display:flex;align-items:center;gap:11px;padding:2px 6px;white-space:nowrap;letter-spacing:0;color:var(--ink)}.dealer-brand .brand-mark{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:10px;font-size:16px;font-weight:800;letter-spacing:-.04em}.dealer-brand .brand-copy{display:block;min-width:0;color:var(--ink)}.brand-copy strong{display:block;font-size:17px;letter-spacing:-.02em;font-weight:700}.brand-copy small{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:0}.sidebar #sidebar-toggle{position:absolute;top:76px;right:-14px;width:28px;min-width:28px;height:28px;min-height:28px;border:1px solid #cfd8e4;border-radius:50%;padding:0;background:#fff;color:#526079;box-shadow:0 5px 14px rgba(17,36,66,.12);z-index:2}.sidebar #sidebar-toggle svg{width:17px;height:17px;transform:rotate(180deg)}.sidebar-collapsed #sidebar-toggle svg{transform:none}.sidebar nav{overflow-y:auto;scrollbar-width:thin;margin-inline:-3px;padding-inline:3px}.navgroup{padding-bottom:14px;margin-bottom:15px;border-color:var(--line)}.navlabel{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:6px 11px;margin-bottom:3px}.navlabel svg{display:none}.sidebar .navitem,.sidebar .navgroup .navitem{position:relative;font-size:13px;padding:12px 11px;min-height:44px;margin:5px 0;border-radius:9px;color:#40506b;gap:12px}.navgroup .navitem>svg,.navgroup .navitem>.historyicon{width:20px;height:20px}.navitem:hover{background:#f0f4f9}.sidebar .navitem.active{background:#eaf2ff;color:var(--blue);font-weight:700;box-shadow:none}.sidebar .navitem.active:before{content:"";position:absolute;left:-14px;top:7px;bottom:7px;width:3px;border-radius:0 4px 4px 0;background:var(--blue)}.historyicon svg:last-child{background:#fbfcfe}.sidebottom{border-top:1px solid var(--line);padding-top:18px;margin-top:auto;gap:9px}.avatar{background:var(--ink);color:#fff;width:32px;height:32px;flex:0 0 32px;border-radius:10px}.userlabel strong{font-size:11px}.userlabel small{font-size:10px;color:var(--muted)}.logout{border-radius:8px;border-color:var(--line)}.sidebar-collapsed{--sidebar:72px}.sidebar-collapsed .sidebar{padding-inline:10px}.sidebar-collapsed .sidebar .brand.dealer-brand{justify-content:center;padding-inline:0}.sidebar-collapsed .dealer-brand .brand-copy{display:none}.sidebar-collapsed .brandrow{margin-bottom:22px;justify-content:center}.sidebar-collapsed .navgroup{padding-bottom:14px}.sidebar-collapsed .navitem,.sidebar-collapsed .navgroup .navitem{padding-inline:8px;justify-content:center;min-height:44px}.sidebar-collapsed .navitem.active:before{left:-10px}.sidebar-collapsed .sidebottom .avatar{display:none}
/* Typography, card surfaces and buttons are the same visual family as Monitor BI. */
.page-header{min-height:64px;align-items:flex-start;gap:24px;margin-bottom:22px}.eyebrow,.page-header .eyebrow{margin:0 0 5px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.page-header h1{margin:0;font-size:clamp(26px,2.4vw,34px);font-weight:500;letter-spacing:-.045em;line-height:1.1;color:var(--ink)}.page-header .actions{gap:12px}.button{min-height:36px;border:1px solid var(--line);border-radius:8px;padding:0 12px;gap:8px;background:var(--surface);color:#35445c;font-size:12px;font-weight:700;box-shadow:none}.button:hover{border-color:#bdc8d5;background:#fafbfd}.button.primary{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(8,103,223,.14)}.button.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.page-header .button{min-height:40px;padding:0 14px;font-size:13px}.textlink{color:var(--blue)}
.bi-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.bi-kpi{position:relative;overflow:hidden;min-height:118px;padding:20px 20px 17px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;box-shadow:0 1px 2px rgba(17,36,66,.02);--kpi-accent:var(--blue);--kpi-soft:var(--blue-soft)}.bi-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--kpi-accent)}.bi-kpi.green{--kpi-accent:var(--green);--kpi-soft:var(--green-soft)}.bi-kpi.purple{--kpi-accent:var(--purple);--kpi-soft:var(--purple-soft)}.bi-kpi.amber{--kpi-accent:var(--amber);--kpi-soft:var(--amber-soft)}.bi-kpi strong,.bi-kpi span,.bi-kpi small{display:block}.bi-kpi strong{color:var(--kpi-accent);font-size:36px;line-height:1;letter-spacing:-.05em;white-space:nowrap}.bi-kpi.purple strong{font-size:clamp(21px,2.1vw,32px);line-height:36px}.bi-kpi span{font-size:13px;font-weight:700;color:var(--ink);margin-top:10px}.bi-kpi small{font-size:10px;color:var(--muted);margin-top:5px}.bi-kpi-icon{width:42px;height:42px;flex:0 0 42px;margin-top:1px;display:grid;place-items:center;border-radius:12px;background:var(--kpi-soft);color:var(--kpi-accent)}.bi-kpi-icon svg{width:25px;height:25px}
.stock-tabs{border-color:var(--line);gap:22px;margin-bottom:16px}.stock-tabs a{font-size:13px;padding:10px 2px 12px;color:var(--muted);gap:7px}.stock-tabs a.active{color:var(--blue);font-weight:700;box-shadow:inset 0 -2px var(--blue)}.stock-tabs small{border-radius:5px;min-width:22px;padding:1px 6px;font-size:10px;background:#e9edf2;color:var(--muted)}.stock-tabs a.active small{background:var(--blue-soft);color:var(--blue)}.history-label{font-size:12px;color:var(--muted)}.inventory{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(17,36,66,.02);overflow:visible}.toolbar{padding:14px 16px;gap:9px;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:12px 12px 0 0;background:#fff}.toolbar .search{height:36px;min-height:36px;flex:1 1 240px;min-width:170px;padding:0 12px;font-size:12px;border-color:var(--field-border);border-radius:8px;background:#fff}.toolbar .channel-filter{width:160px;height:36px;min-height:36px;padding:0 10px;font-size:12px;border-color:var(--field-border);border-radius:8px}.toolbar .button,.toolbar .advanced>summary{min-height:36px;height:36px;font-size:11px}.toolbar .advanced>summary{gap:8px}.toolbar-end{gap:8px}.filter-count{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:50px;font-size:10px;color:#fff;background:var(--blue)}.advanced.has-active>summary{color:var(--blue);border-color:#b5cef0;background:#f7faff}.advanced-panel{border-color:var(--line);border-radius:0 0 12px 12px;background:#fff;box-shadow:var(--shadow);padding:20px}.advanced-panel h3{color:var(--ink);font-size:15px}.advanced input,.advanced select{background:#fff;border-color:var(--field-border);border-radius:7px;font-size:12px}.advanced .field label,.advanced legend{font-size:11px;color:#526079}.active-filters{padding:10px 16px;border-color:var(--line);background:#fbfcfe}.filter-chip{border:1px solid #d9e2ef;border-radius:6px;background:#f0f4f9;color:#40506b;font-size:11px;padding:5px 8px}
/* Stock remains a compact table. Blue identifies selection; zebra rows are neutral gray. */
.tablewrap{border-radius:0;scrollbar-color:#bdc6d3 #f5f7fa}.stock-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;min-width:1080px}.stock-table th{height:42px;background:#f8fafc;padding:10px;color:#66748a;border-bottom:1px solid var(--line);border-right:1px solid #edf0f4;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.stock-table .column-filters td{height:37px;padding:5px 6px;background:#fbfcfe;border-right:1px solid #edf0f4;border-bottom:1px solid var(--line)}.stock-table tbody td{height:43px;padding:11px 10px;font-size:12px;line-height:1.4;color:var(--ink);border-right:1px solid #e9edf2;border-bottom:1px solid #e7ebf0}.stock-table tbody tr:nth-child(odd)>td{background:#fff}.stock-table tbody tr:nth-child(even)>td{background:#f2f3f5}.stock-table tbody tr[data-href]:hover>td,.stock-table tbody tr[data-href]:focus-within>td{background:#e9ebef}.stock-table tbody tr.selected>td,.stock-table tbody tr.selected:hover>td{background:var(--row-selected);border-bottom-color:#c8dbf6}.stock-table tbody tr.selected>td:first-child{box-shadow:inset 3px 0 var(--blue)}.stock-table [data-column=plate]{position:sticky;left:0;min-width:94px;z-index:2}.stock-table thead th[data-column=plate]{z-index:3}.stock-table [data-column=brand]{position:static;min-width:90px}.stock-table [data-column=model]{position:static;min-width:145px}.stock-table td:has(.filter-popover[open]){position:relative;z-index:80}.stock-table tbody [data-column=model]{font-weight:600}.stock-table .plate{font:600 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;color:#35445c}.stock-table tbody [data-column=sale_price] strong{font-size:12.5px;font-weight:700;color:var(--ink)}.stock-table tbody [data-column=mileage],.stock-table tbody [data-column=age]{font-variant-numeric:tabular-nums}.badge{min-height:25px;display:inline-flex;align-items:center;padding:4px 9px;border:0;border-radius:6px;font-size:10px;font-weight:700;color:#178154;background:#e7f7ef}.badge.riservato{color:#0867df;background:#e9f2ff}.badge.ripristino{color:#9d6b00;background:#fff6de}.badge.venduto{color:#637087;background:#eef1f5}.old-stock{font-size:11px;font-weight:700;background:#fff6de;color:#a67400;padding:4px 6px;border-radius:5px}.pagination{background:#fff;border-radius:0 0 12px 12px;padding:14px 16px;font-size:11px;color:var(--muted)}.page-number{height:28px;min-width:28px;border-radius:7px;background:var(--blue)}.table-hint{font-size:10px;color:#77849a}.stock-table .filter-popover>summary{height:26px;min-height:26px;border:1px solid var(--field-border);border-radius:5px;background:#fff;color:#77849a;font-size:10px}.stock-table .filter-popover.has-filter>summary{color:var(--blue);border-color:#94bbea}.filter-panel,.popover{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 32px rgba(17,36,66,.14)}.filter-panel{padding:14px}.filter-panel-title{font-size:13px;font-weight:700;color:var(--ink)}.filter-panel .filter-search{border-radius:7px;min-height:34px;font-size:12px;border-color:var(--field-border)}.filter-choice{font-size:12px;padding:8px 6px;border-radius:6px;color:#40506b}.filter-choice:hover{background:#f0f4f9}.filter-choice input{accent-color:var(--blue)}.filter-panel-footer .button{min-height:30px}.filter-panel .range-fields input{border-radius:6px;border-color:var(--field-border)}.column-picker label{font-size:12px}.filter-panel-footer .textlink{color:var(--blue)}
/* A roomy overlay shares the BI palette and input styling. */
.drawer,.drawer-backdrop{top:var(--demo-height)}.drawer-backdrop{background:rgba(12,27,54,.24);backdrop-filter:blur(1px)}.drawer{width:min(820px,73vw);border-left:1px solid var(--line);box-shadow:-10px 0 36px rgba(17,36,66,.15);background:#fff}.drawer-header{background:#fff;padding:25px 28px 20px;border-bottom:1px solid var(--line)}.drawer-header h2{font-size:25px;font-weight:600;line-height:1.2;letter-spacing:-.04em;color:var(--ink);margin:5px 0}.drawer-header .eyebrow{font-size:10px;color:var(--blue)}.drawer-header p{font-size:12px;color:var(--muted)}.drawer-header .iconbutton{border-radius:8px;background:#f5f7fa;color:#526079;min-width:32px;min-height:32px}.drawer-scroll{padding:0 28px 26px;background:#fff}.drawer-tabs{gap:24px;background:#fff;border-color:var(--line);margin-bottom:24px}.drawer-tabs button{font-size:12px;color:var(--muted);padding:16px 0 14px}.drawer-tabs button.active{color:var(--blue);font-weight:700;box-shadow:inset 0 -2px var(--blue)}.section-title{font-size:14px;color:var(--ink);font-weight:700;margin:24px 0 20px;border-color:var(--line)}.details{gap:20px 28px}.details>div{padding-bottom:14px;border-color:#e7ebf0}.details dt{font-size:11px;color:var(--muted);margin-bottom:6px}.details dd{font-size:13px;font-weight:600;color:var(--ink)}.drawer input,.drawer select,.drawer textarea{border-radius:7px;background:#fff;border-color:var(--field-border);min-height:38px;font-size:13px}.drawer .field label{font-size:11px;color:#526079}.drawer-footer{padding:16px 28px;background:#fbfcfe;border-color:var(--line)}.drawer-footer .button{min-height:38px;padding:0 16px}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:none}.panel h2{font-size:18px;color:var(--ink)}.notice{border-radius:8px}.help,.muted{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:3px solid rgba(8,103,223,.12)}
.demo-banner{background:#fff;border-bottom:1px solid var(--line);color:var(--muted);font-family:Arial,Helvetica,sans-serif}.drawer-open .demo-banner{position:sticky}.demo-banner b{background:#e9f2ff;color:#0867df;border:1px solid #cfe0f4;border-radius:4px;letter-spacing:.04em}.demo-banner select{border:1px solid var(--line);border-radius:5px}.demo-banner button{color:var(--muted)}
@media(min-width:1800px){.content{padding:26px 32px 50px}.stock-table tbody td{font-size:12px;height:44px}.stock-table th{font-size:10px}}
@media(max-width:1250px){.content{padding:24px}.bi-kpi{padding:18px 16px}.bi-kpi-icon{width:34px;height:34px;flex-basis:34px}.bi-kpi-icon svg{width:22px;height:22px}.bi-kpi.purple .bi-kpi-icon{display:none}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:240px}.toolbar-end{margin-left:auto}}
@media(max-width:950px){.bi-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bi-kpi{min-height:104px}.bi-kpi.purple .bi-kpi-icon{display:grid}.bi-kpi.purple strong{font-size:29px}.page-header{gap:16px}.page-header .actions{gap:8px}.page-header .button{font-size:11px;padding:0 10px}.content{padding:22px 20px}.drawer{width:min(760px,85vw)}}
@media(max-width:700px){:root{--sidebar:60px}.sidebar{padding:16px 8px}.sidebar .brand.dealer-brand{display:flex;justify-content:center;padding:0}.sidebar .dealer-brand .brand-copy{display:none}.dealer-brand .brand-mark{width:34px;height:34px;flex-basis:34px;font-size:13px;border-radius:9px}.brandrow{min-height:38px;margin-bottom:24px}.sidebar #sidebar-toggle{display:none}.sidebar .navlabel{display:none}.sidebar .navitem,.sidebar .navgroup .navitem{padding:10px 7px;justify-content:center}.sidebar .navitem.active:before{left:-8px}.sidebar-collapsed{--sidebar:60px}.sidebar-collapsed .sidebar{padding:16px 8px}.sidebar-collapsed .brandrow{margin-bottom:24px}.content{padding:20px 14px 32px}.page-header{min-height:0;flex-direction:column;gap:15px;margin-bottom:20px}.page-header h1{font-size:28px}.page-header .eyebrow{font-size:9px}.page-header .actions{width:100%;gap:8px}.page-header .button{min-height:36px;font-size:11px}.bi-kpi-grid{gap:9px;margin-bottom:18px}.bi-kpi{min-height:100px;padding:15px 12px}.bi-kpi strong{font-size:29px}.bi-kpi.purple strong{font-size:20px;line-height:29px}.bi-kpi span{font-size:11px;margin-top:9px}.bi-kpi small{font-size:9px;line-height:1.4}.bi-kpi .bi-kpi-icon{display:none}.bi-kpi.purple .bi-kpi-icon{display:none}.stock-tabs{gap:16px;margin-bottom:12px}.stock-tabs a{font-size:11px}.toolbar{padding:12px 10px;gap:7px;flex-wrap:wrap}.toolbar .search{min-width:0;flex-basis:100%;height:36px}.toolbar .channel-filter{width:140px;font-size:10px}.toolbar .button,.toolbar .advanced>summary{font-size:10px;padding-inline:9px;height:34px;min-height:34px}.toolbar-end{margin-left:0;gap:7px}.toolbar .apply-search{margin-left:auto}.drawer{width:calc(100vw - 8px)}.drawer-header{padding:22px 20px 18px}.drawer-header h2{font-size:23px}.drawer-scroll{padding:0 20px 24px}.drawer-tabs{gap:16px}.drawer-tabs button{font-size:10px}.drawer-footer{padding:14px 20px}.drawer-footer .button{min-height:36px}.details{gap:17px 18px}.details dd{font-size:12px}.advanced-panel{padding:16px}.demo-banner{padding-inline:10px}.demo-banner b{font-size:7px}.pagination{padding:12px 10px;font-size:10px}.filter-choice{padding:10px 6px}.filter-choice input{accent-color:var(--blue)}.filter-panel-footer .button{min-height:34px}}
/* Menu and compact operational screens. Summary cards live on Dashboard only. */
.sidebar nav{flex:1;min-height:0}.brandrow,.sidebottom{flex-shrink:0}.sidebar nav>.navitem{margin-bottom:13px}.sidebar .navlabel{display:flex;align-items:center;gap:10px;padding:5px 11px 4px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#35445c;text-transform:none}.sidebar .navlabel svg{display:block;width:18px;height:18px}.sidebar .navgroup{padding-bottom:9px;margin-bottom:10px}.sidebar .navgroup .navitem{min-height:38px;padding:9px 11px;font-size:12px;margin:3px 0;gap:10px}.sidebar .navgroup .navitem>svg{width:18px;height:18px}.sidebar .navitem.settings{margin-top:12px}.demo-vehicle-icon{color:#6d4bd0}.sidebar .navitem.active .demo-vehicle-icon{color:inherit}.sidebar-collapsed .navlabel{display:none}.sidebar-collapsed .navgroup .navitem{min-height:39px;padding:9px 7px}.sidebar-collapsed .navgroup .navitem>svg{width:21px;height:21px}.sidebar-collapsed .navgroup{margin-bottom:12px;padding-bottom:11px}
.inventory-page .content{padding-top:18px;padding-bottom:32px}.inventory-page .page-header{min-height:32px;align-items:center;margin-bottom:12px;gap:15px}.inventory-page .page-header h1{font-size:23px;font-weight:600;letter-spacing:-.035em}.inventory-page .page-header .button{min-height:32px;padding:0 11px;font-size:11px;border-radius:7px}.inventory-page .page-header .actions{gap:8px}.inventory-page .toolbar{padding:9px 12px;gap:8px;flex-wrap:nowrap}.live-search{display:flex;align-items:center;flex:1 1 270px;min-width:185px;position:relative}.live-search>svg{width:16px;height:16px;position:absolute;left:10px;color:#77849a;pointer-events:none}.toolbar .live-search .search{flex:1;width:100%;height:32px;min-height:32px;padding-left:33px;font-size:12px;border-radius:6px}.inventory-page .toolbar .channel-filter{height:32px;min-height:32px;width:149px;font-size:11px;border-radius:6px}.inventory-page .toolbar .button,.inventory-page .toolbar .advanced>summary{height:32px;min-height:32px;padding:0 10px;font-size:11px;border-radius:6px;gap:6px}.inventory-page .toolbar .button svg{width:14px;height:14px}.inventory-page .toolbar-end{gap:7px}.inventory-page .stock-table th{height:34px;padding:8px;font-size:10px}.inventory-page .stock-table .column-filters td{height:34px;padding:4px 5px}.inventory-page .stock-table tbody td{height:40px;padding:9px 8px}.live-filter-note{font-size:10px;color:var(--muted);align-self:center;margin-left:auto}.inventory-page .active-filters{padding:6px 12px;gap:5px}.inventory-page .filter-chip{padding:3px 6px;font-size:10px}.inventory-page .advanced-footer{justify-content:flex-start}.inventory-page .tablewrap{min-height:180px}
.dashboard-header{margin-bottom:17px}.dashboard-tabs{display:flex;gap:5px;align-items:center;width:max-content;max-width:100%;padding:4px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:20px}.dashboard-tabs a{display:flex;justify-content:center;align-items:center;min-height:32px;padding:0 14px;border-radius:6px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.dashboard-tabs a:hover{background:#f0f4f9}.dashboard-tabs a.active{background:var(--blue-soft);color:var(--blue);box-shadow:inset 0 0 0 1px #cfe0f4}.dashboard-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px}.dashboard-panel h2{display:flex;align-items:center;gap:10px;margin:0 0 17px;font-size:16px;color:var(--ink);font-weight:700}.dashboard-panel h2 svg{color:var(--blue);width:22px;height:22px}.dashboard-panel dl{margin:0}.dashboard-panel dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf0f4;font-size:12px}.dashboard-panel dt{color:var(--muted)}.dashboard-panel dd{margin:0;color:var(--ink);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.dashboard-links{display:flex;gap:22px;margin-top:18px}.dashboard-links a{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700}.dashboard-links a svg{transform:rotate(180deg);width:13px;height:13px}.money-kpis .bi-kpi strong{font-size:clamp(21px,2vw,32px);line-height:36px}.money-kpis .bi-kpi-icon{display:none}
@media(max-width:1150px){.inventory-page .content{padding-inline:20px}.inventory-page .toolbar{flex-wrap:wrap}.inventory-page .live-search{flex-basis:250px}.inventory-page .toolbar-end{margin-left:auto}}
@media(max-width:700px){.sidebar .navlabel{display:none}.sidebar .navgroup .navitem{padding:10px 7px;min-height:40px}.sidebar .navgroup .navitem>svg{width:21px;height:21px}.sidebar nav>.navitem{margin-bottom:12px}.sidebar .navitem.settings{margin-top:8px}.inventory-page .content{padding:16px 12px 24px}.inventory-page .page-header{flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:10px}.inventory-page .page-header h1{font-size:21px}.inventory-page .page-header .actions{width:auto;flex-wrap:wrap;gap:7px}.inventory-page .page-header .button{min-height:30px;font-size:10px;padding:0 9px}.inventory-page .toolbar{padding:8px;gap:6px}.inventory-page .live-search{flex-basis:100%;min-width:0}.inventory-page .toolbar .channel-filter{width:139px;font-size:10px}.inventory-page .toolbar .button,.inventory-page .toolbar .advanced>summary{font-size:10px;min-height:30px;height:30px;padding:0 8px}.inventory-page .toolbar-end{margin-left:0;gap:6px}.inventory-page .toolbar .column-picker .button{gap:4px}.inventory-page .stock-table tbody td{height:40px}.dashboard-tabs{width:100%;gap:2px;margin-bottom:16px}.dashboard-tabs a{padding:0 9px;font-size:11px;flex:1}.dashboard-panels{grid-template-columns:1fr;gap:12px}.dashboard-panel{padding:18px}.dashboard-panel dl>div{font-size:11px}.dashboard-panel dd{font-size:13px}.money-kpis .bi-kpi strong{font-size:20px;line-height:29px}.live-filter-note{font-size:9px}.dashboard-links{gap:18px}}
.sidebar-collapsed .nav-demo:after{content:"D";display:grid;place-items:center;position:absolute;right:2px;top:5px;width:12px;height:12px;border-radius:4px;background:#6d4bd0;color:#fff;font-size:8px;font-weight:700;line-height:1}
@media(max-width:700px){.sidebar .nav-demo:after{content:"D";display:grid;place-items:center;position:absolute;right:1px;top:4px;width:11px;height:11px;border-radius:3px;background:#6d4bd0;color:#fff;font-size:7px;font-weight:700;line-height:1}}
/* Sidebar B: named groups with noninteractive, text-only headings. */
.sidebar .navgroup{border:1px solid #d7dfe9;background:#fff;border-radius:9px;padding:6px;margin:0 0 14px}.sidebar h2.navlabel{display:block;margin:0;padding:8px 8px 9px;color:#637087;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:default}.sidebar .navgroup .navitem{min-height:39px;padding:10px 8px;margin:2px 0;border-radius:6px;gap:10px;font-size:12px}.sidebar .navgroup .navitem>svg{width:19px;height:19px;color:inherit}.sidebar .navgroup .navitem.active:before{display:none}.sidebar .nav-demo:after{display:none}.sidebar-collapsed .sidebar .navgroup{background:transparent;border:0;border-bottom:1px solid #d7dfe9;border-radius:0;padding:0 0 13px;margin-bottom:13px}.sidebar-collapsed .sidebar h2.navlabel{display:none}.sidebar-collapsed .sidebar .navgroup .navitem{justify-content:center;padding:10px 7px;min-height:41px;margin:3px 0}.sidebar-collapsed .sidebar .navgroup .navitem>svg{width:22px;height:22px}.sidebar-collapsed .sidebar .nav-demo:after{display:none}
@media(max-width:700px){.sidebar .navgroup,.sidebar-collapsed .sidebar .navgroup{background:transparent;border:0;border-bottom:1px solid #d7dfe9;border-radius:0;padding:0 0 12px;margin-bottom:12px}.sidebar h2.navlabel{display:none}.sidebar .navgroup .navitem{min-height:40px;padding:10px 7px;margin:3px 0}.sidebar .navgroup .navitem>svg{width:21px;height:21px}.sidebar .nav-demo:after{display:none}}
/* Stock Auto prototype: compact summaries, quick filters and editable columns. */
.stock-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.stock-stat{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0;min-height:108px;padding:15px 17px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:10px;text-align:left;color:var(--ink);font-family:inherit}.stock-stat.inbound{border-left-color:#c88b00}.stock-stat.average{border-left-color:#0a8fa8}.stock-stat.top-model{border-left-color:#6d4bd0}.stock-stat>span{font-size:11px;color:#526079;font-weight:600}.stock-stat strong{font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums}.stock-stat strong em{font-size:13px;font-style:normal;font-weight:500;letter-spacing:0;color:var(--muted)}.stock-stat.top-model strong{font-size:16px;letter-spacing:-.025em;line-height:1.2}.stock-stat small{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);font-weight:400}.stock-stat small svg{width:12px;height:12px;transform:rotate(180deg);color:var(--blue)}button.stock-stat:hover{border-color:#a9c9f3;background:#fbfdff}button.stock-stat.active{border-color:#8eb8eb;background:#f5f9ff}button.stock-stat:disabled{opacity:1;cursor:default}.stock-prototype .toolbar{flex-wrap:wrap;align-items:center;gap:8px}.stock-prototype .live-search{flex:1 1 210px;min-width:190px}.stock-prototype .toolbar .quick-filter{flex:0 0 auto;min-width:108px;max-width:none}.stock-prototype .toolbar .quick-filter>summary{height:32px;min-height:32px;padding:0 9px;border:1px solid var(--field-border);border-radius:6px;background:#fff;gap:9px;font-size:11px;color:#526079}.stock-prototype .toolbar .quick-filter>summary>span:first-child{max-width:132px}.stock-prototype .toolbar .quick-filter.has-filter>summary{color:var(--blue);border-color:#a9c9f3}.stock-prototype .toolbar .advanced{flex:none}.stock-prototype .toolbar-end{margin-left:auto;gap:7px}.stock-prototype .advanced>summary{white-space:nowrap}.filter-panel{overflow-y:auto;overscroll-behavior:contain;z-index:100}.filter-help{font-size:10px;color:var(--muted);line-height:1.45;white-space:normal;margin:9px 0 0}.filter-panel .range-fields input{font-variant-numeric:tabular-nums}.advanced-panel{overscroll-behavior:contain}.column-picker .popover{overscroll-behavior:contain}.complete-filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.complete-filter-field{min-width:0}.complete-filter-field>label,.complete-filter-fields legend{font-size:11px;font-weight:600;color:#526079;margin-bottom:7px}.complete-filter-field>.filter-popover{max-width:none;min-width:0}.complete-filter-field>.filter-popover>summary{width:100%;height:33px;padding:0 9px;font-size:12px;border-radius:6px}.complete-filter-fields fieldset{border:0;margin:0;padding:0;min-width:0}.complete-filter-fields .range-fields input{font-size:12px;min-height:33px;padding:6px 8px}.column-picker .column-panel{min-width:260px;max-width:calc(100vw - 24px);padding:15px;overflow-y:auto}.column-panel-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:5px}.column-panel-hint{font-size:10px;line-height:1.5;color:var(--muted);margin:0 0 11px}.column-list{display:flex;flex-direction:column;gap:3px}.column-option{display:flex;align-items:center;gap:7px;min-height:35px;padding:3px 5px;border:1px solid transparent;border-radius:5px;background:#fff}.column-option[draggable=true]{cursor:grab}.column-option:hover{background:#f5f7fa;border-color:var(--line)}.column-option.dragging{opacity:.45;border-color:var(--blue)}.column-drag{font-size:18px;color:#99a5b6;cursor:grab;user-select:none;line-height:1}.column-option label{display:flex;align-items:center;gap:7px;flex:1;padding:3px 0;margin:0;font-size:11px;color:#40506b;font-weight:400;cursor:pointer}.column-option input{width:15px;min-width:15px;height:15px;accent-color:var(--blue)}.column-move{display:flex;gap:3px}.column-move button{display:grid;place-items:center;width:25px;height:25px;min-height:0;padding:0;border:1px solid #dfe5ec;border-radius:5px;background:#fff;color:#526079;font-size:13px}.column-move button:hover:not(:disabled){color:var(--blue);border-color:#a9c9f3}.column-move button:disabled{opacity:.25;cursor:default}.column-reset{margin-top:12px;padding:5px 0;border:0;background:none;font-size:11px;color:var(--blue)}.stock-prototype .stock-table [data-column]{position:static}.stock-prototype .stock-table [data-pinned]{position:sticky!important;left:0!important;z-index:2}.stock-prototype .stock-table th[data-pinned]{z-index:3}.stock-prototype .stock-table td:has(.filter-popover[open]){position:relative;z-index:80}
@media(max-width:1100px){.stock-summary{gap:10px}.stock-stat{padding:13px 14px;min-height:106px}.stock-stat>span{font-size:10px}.stock-stat small{font-size:9px}.stock-stat.top-model strong{font-size:14px}}
@media(max-width:760px){.stock-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}.stock-stat{min-height:98px;padding:13px}.stock-stat strong{font-size:27px}.stock-stat.top-model strong{font-size:14px}.stock-prototype .toolbar .quick-filter{min-width:0;flex:1 1 auto}.stock-prototype .toolbar .quick-filter>summary{font-size:10px;padding:0 7px;gap:5px}.stock-prototype .live-search{flex-basis:100%;min-width:0}.stock-prototype .toolbar-end{margin-left:auto}.complete-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.column-move button{width:29px;height:29px}.filter-panel .range-fields input{font-size:16px}.stock-stat small{line-height:1.3}.stock-prototype .toolbar .advanced>summary{font-size:10px}}
@media(max-width:420px){.complete-filter-fields{grid-template-columns:1fr}.stock-prototype .toolbar .quick-filter>summary{max-width:135px}.stock-prototype .toolbar .quick-filter>summary>span:first-child{max-width:98px}}
/* Uppercase vehicle data, including table content and drop-down entry. */
.stock-table{text-transform:uppercase}.vehicle-drawer input[data-uppercase],.vehicle-drawer textarea[data-uppercase],.vehicle-drawer select,.vehicle-drawer .vehicle-details dd,.vehicle-drawer .drawer-header h2,.vehicle-drawer .drawer-header p,.vehicle-drawer output,.catalog-card textarea{text-transform:uppercase}
/* KPI treatment from the Monitor BI reference: white cards, colored stripe and icon. */
.stock-summary{gap:16px;margin-bottom:20px}.stock-stat{--stat-accent:#0867df;--stat-soft:#e9f2ff;min-height:142px;padding:22px 23px 18px;border:1px solid var(--line);border-left:4px solid var(--stat-accent);border-radius:12px;box-shadow:0 1px 2px rgba(17,36,66,.025);gap:10px;justify-content:flex-start}.stock-stat.inbound{--stat-accent:#178154;--stat-soft:#e7f7ef;border-left-color:var(--stat-accent)}.stock-stat.average{--stat-accent:#0a8fa8;--stat-soft:#e5f8fb;border-left-color:var(--stat-accent)}.stock-stat.top-model{--stat-accent:#6d4bd0;--stat-soft:#f0ebff;border-left-color:var(--stat-accent)}.stock-stat>strong{order:0;color:var(--stat-accent);font-size:43px;line-height:1;font-weight:700;letter-spacing:-.05em;padding-right:55px;max-width:100%}.stock-stat>span:not(.stock-stat-icon){order:1;font-size:12px;font-weight:700;color:var(--ink);margin-top:2px;line-height:1.35}.stock-stat>small{order:2;font-size:10px;color:var(--muted);margin-top:auto;line-height:1.4}.stock-stat>span.stock-stat-icon{position:absolute;top:22px;right:20px;display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:var(--stat-soft);color:var(--stat-accent);padding:0;margin:0}.stock-stat-icon svg{width:27px;height:27px}.stock-stat.top-model>strong{font-size:18px;line-height:1.25;letter-spacing:-.025em;min-height:43px;max-width:100%;padding-right:43px}.stock-stat.average em{font-size:14px;color:var(--stat-accent)}button.stock-stat:hover{background:#fff;border-color:#b4c8e2;box-shadow:0 8px 24px rgba(17,36,66,.06)}button.stock-stat.active{background:#fff;border-color:var(--stat-accent);box-shadow:0 0 0 1px var(--stat-accent)}
/* Five readable sections in the wide vehicle drawer. */
.vehicle-drawer{width:min(920px,80vw)}.vehicle-drawer .drawer-header{padding:23px 28px 19px;background:#fff}.vehicle-drawer .drawer-header h2{font-size:25px;font-weight:650;margin:5px 0 7px}.vehicle-drawer .drawer-scroll{padding:0 24px 26px;background:#f7f8fa}.vehicle-drawer .vehicle-tabs{gap:0;margin:0 -24px 22px;padding:0 24px;border-bottom:1px solid var(--line);background:#fff;z-index:3;justify-content:space-between;overflow-x:auto;scrollbar-width:thin}.vehicle-tabs button{font-size:11px;white-space:nowrap;padding:17px 9px 14px;flex:0 0 auto}.vehicle-tabs button.active{box-shadow:inset 0 -3px var(--blue)}.vehicle-section{padding:0}.vehicle-group{border:1px solid var(--line);border-radius:11px;background:#fff;margin-bottom:17px;overflow:hidden}.vehicle-group>h3{font-size:12px;font-weight:700;margin:0;padding:13px 18px;color:#35445c;border-bottom:1px solid #e7ebf0;background:#fbfcfe}.vehicle-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;padding:20px 18px}.vehicle-fields .field{min-width:0}.vehicle-fields .full{grid-column:1/-1}.vehicle-drawer .vehicle-fields .field>label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.035em;color:#77849a;margin-bottom:7px}.vehicle-drawer .vehicle-fields input,.vehicle-drawer .vehicle-fields select,.vehicle-drawer .vehicle-fields textarea{min-height:39px;padding:8px 10px;font-size:12px;font-weight:550;border:1px solid #d5dee8;border-radius:7px;background:#fff;color:#24354d;line-height:1.4}.vehicle-drawer .vehicle-fields textarea{min-height:96px;font-weight:400;line-height:1.65}.vehicle-drawer .vehicle-fields input:focus,.vehicle-drawer .vehicle-fields select:focus,.vehicle-drawer .vehicle-fields textarea:focus{border-color:var(--blue);outline:3px solid rgba(8,103,223,.1)}.vehicle-fields input[type=number]{font-variant-numeric:tabular-nums}.vehicle-fields .vehicle-total,.vehicle-details .vehicle-total{display:flex;flex-direction:column;gap:5px;border:1px solid #cfdfef;border-radius:8px;padding:14px 16px;background:#f5f9ff}.vehicle-fields .vehicle-total output{font-size:24px;font-weight:700;letter-spacing:-.03em;color:var(--blue)}.vehicle-total small{font-size:10px;font-weight:400;color:var(--muted)}.vehicle-hint{font-size:10px;line-height:1.6;color:#77849a;margin:0 4px 17px}.vehicle-lookup{margin-bottom:17px}.vehicle-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:5px 18px;margin:0}.vehicle-details>div{min-width:0;padding:15px 0;border-bottom:1px solid #eef1f5}.vehicle-details>div:nth-last-child(-n+2){border-bottom:0}.vehicle-details dt{font-size:10px;font-weight:500;letter-spacing:.025em;text-transform:uppercase;color:#77849a;margin:0 0 6px}.vehicle-details dd{font-size:13px;font-weight:600;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:#24354d;margin:0}.vehicle-details .full{grid-column:1/-1}.vehicle-details .vehicle-total{margin:9px 0 15px}.vehicle-details .vehicle-total dd{font-size:24px;color:var(--blue);font-variant-numeric:tabular-nums}.vehicle-drawer .drawer-footer{background:#fff;padding:14px 26px}.vehicle-drawer .drawer-footer .help{font-size:10px;color:#77849a}
/* Separate vehicle catalogs in settings. */
.settings-tabs{display:flex;align-items:center;gap:7px;padding-bottom:14px;margin:0 0 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.settings-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:7px;color:#637087;font-size:12px;font-weight:600}.settings-tabs a svg{width:18px;height:18px}.settings-tabs a:hover{background:#eef2f7}.settings-tabs a.active{color:var(--blue);border-color:#cfe0f4;background:#e9f2ff}.catalog-intro{display:flex;align-items:center;gap:15px;padding:19px 22px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.catalog-intro-icon{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;background:var(--blue-soft);border-radius:12px;color:var(--blue)}.catalog-intro-icon svg{width:25px;height:25px}.catalog-intro h2{margin:0 0 6px;font-size:17px}.catalog-intro p{margin:0;font-size:11px;line-height:1.6;color:var(--muted)}.catalog-group{margin-bottom:25px}.catalog-group>h2{font-size:14px;color:#35445c;margin:0 0 13px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.catalog-card{padding:16px;background:#fff;border:1px solid var(--line);border-radius:10px}.catalog-card>label{font-size:12px;font-weight:700;color:#35445c;margin:0 0 5px}.catalog-card>small{display:block;font-size:9px;color:#8a95a7;margin-bottom:12px}.catalog-card textarea{min-height:116px;max-height:350px;font:11px/1.8 Arial,Helvetica,sans-serif;color:#40506b;background:#fcfdff;border:1px solid #d7dee7;border-radius:6px;padding:9px 11px;resize:vertical}.catalog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 5px;border-top:1px solid var(--line)}.catalog-footer p{font-size:11px;line-height:1.6;color:var(--muted);margin:0;max-width:520px}.catalog-footer .button{min-height:38px;font-size:12px}
@media(max-width:1200px){.stock-stat{padding:18px 17px;min-height:137px}.stock-stat>strong{font-size:36px;padding-right:40px}.stock-stat>span.stock-stat-icon{width:36px;height:36px;top:18px;right:14px;border-radius:10px}.stock-stat-icon svg{width:23px;height:23px}.stock-stat>span:not(.stock-stat-icon){font-size:11px}.stock-stat.top-model>strong{font-size:15px;padding-right:34px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-drawer{width:min(880px,85vw)}}
@media(max-width:760px){.stock-summary{gap:10px;margin-bottom:14px}.stock-stat{min-height:135px;padding:17px 14px;gap:9px}.stock-stat>strong{font-size:35px;max-width:100%;padding-right:38px}.stock-stat>span.stock-stat-icon{right:12px;top:17px;width:33px;height:33px}.stock-stat-icon svg{width:21px;height:21px}.stock-stat>span:not(.stock-stat-icon){font-size:10px}.stock-stat>small{font-size:9px}.stock-stat.top-model>strong{font-size:13px;padding-right:31px;min-height:35px}.vehicle-drawer{width:calc(100vw - 8px)}.vehicle-drawer .drawer-header{padding:20px}.vehicle-drawer .drawer-header h2{font-size:22px}.vehicle-drawer .drawer-scroll{padding:0 14px 20px}.vehicle-drawer .vehicle-tabs{margin:0 -14px 16px;padding:0 12px;gap:4px;justify-content:flex-start}.vehicle-tabs button{font-size:10px;padding:15px 9px 13px}.vehicle-group{margin-bottom:13px;border-radius:9px}.vehicle-group>h3{padding:12px 14px;font-size:11px}.vehicle-fields{padding:16px 14px;gap:16px 13px}.vehicle-drawer .vehicle-fields .field>label{font-size:9px;letter-spacing:0}.vehicle-drawer .vehicle-fields input,.vehicle-drawer .vehicle-fields select,.vehicle-drawer .vehicle-fields textarea{font-size:16px;min-height:40px;padding:8px}.vehicle-details{padding:4px 14px;gap:0 16px}.vehicle-details dt{font-size:9px;letter-spacing:0}.vehicle-details dd{font-size:12px}.vehicle-drawer .drawer-footer{padding:13px 18px}.catalog-grid{grid-template-columns:1fr}.catalog-intro{padding:16px;align-items:flex-start;gap:12px}.catalog-intro h2{font-size:15px}.catalog-intro p{font-size:10px}.settings-tabs{gap:5px}.settings-tabs a{padding:0 10px;font-size:11px;gap:6px}.catalog-card textarea{font-size:16px;line-height:1.6;min-height:130px}.catalog-footer{align-items:flex-start;flex-direction:column;gap:12px}.catalog-footer .button{width:100%}}
.inventory input[type=text],.inventory input[type=search],.stock-table select,.stock-table summary,.stock-table .filter-choice{text-transform:uppercase}
/* Sale is opt-in. All transaction fields are muted and disabled until VENDUTA. */
.sale-activation{border:1px solid #d5dfe9;border-radius:10px;background:#fff;padding:17px 18px;margin-bottom:18px}.sold-toggle{display:flex;align-items:center;gap:12px;margin:0;cursor:pointer;color:var(--ink)}.sold-toggle>input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;accent-color:#178154;margin:0}.sold-toggle-check{display:none}.sold-toggle strong{display:block;font-size:14px;font-weight:700;letter-spacing:.025em}.sold-toggle small{display:block;font-size:10px;line-height:1.5;color:var(--muted);font-weight:400;margin-top:4px}.sale-activation>p{font-size:9px;color:#8490a1;margin:10px 0 0 32px}.sale-activation:has(input:checked){border-color:#a9d8bf;background:#f5fcf8}.sale-activation:has(input:checked) .sold-toggle strong{color:#178154}.sale-content{padding:0;margin:0;border:0;min-width:0;transition:opacity .15s}.sale-content:disabled,.sale-content-read.is-locked{opacity:.42}.sale-content:disabled input,.sale-content:disabled select,.sale-content:disabled textarea{cursor:not-allowed}.sale-content .vehicle-group{margin-bottom:15px}.sale-choice-field{border:0;padding:0;margin:0;min-width:0}.sale-choice-field>legend{padding:0;margin:0 0 9px;color:#77849a;font-size:10px;font-weight:600;letter-spacing:.035em;text-transform:uppercase}.sale-choices{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:39px}.sale-choice{display:flex;align-items:center;gap:8px;min-height:37px;padding:7px 11px;border:1px solid #d5dee8;border-radius:7px;background:#fff;color:#526079;font-size:10px;font-weight:600;margin:0;cursor:pointer}.sale-choice:has(input:checked){color:#0867df;border-color:#a2c2eb;background:#f3f8ff}.sale-choice:has(input:disabled){cursor:not-allowed}.sale-choice>input[type=radio]{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:15px;height:15px;min-height:15px;min-width:15px;border:1px solid #b8c6d6;border-radius:3px;background:#fff;padding:0;margin:0;flex-shrink:0}.sale-choice>input[type=radio]:checked{border-color:#0867df;background:#0867df}.sale-choice>input[type=radio]:checked:after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}.sale-dependent{min-width:0;border:0;padding:0;margin:0}.sale-dependent:disabled{opacity:.38}.sale-content:disabled .sale-dependent{opacity:1}.sale-content .nested-fields{padding:0;gap:18px 20px}.sale-field-help{margin:-9px 0 0;font-size:10px;line-height:1.5;color:#7b889a}.sale-net-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 22px;border:1px solid #c9dfd4;border-radius:10px;background:#f5fbf8}.sale-net-summary span{display:block;font-size:11px;font-weight:700;color:#38604b;letter-spacing:.035em}.sale-net-summary small{display:block;font-size:10px;color:#7a8e82;line-height:1.5;margin-top:5px}.sale-net-summary output{font-size:27px;font-weight:700;letter-spacing:-.035em;color:#178154;white-space:nowrap;font-variant-numeric:tabular-nums}.sale-net-summary output.negative{color:#bd3c32}.vehicle-drawer .sale-content select:disabled,.vehicle-drawer .sale-content input:disabled{background:#f4f6f8}.sale-content-read .vehicle-details dd{text-transform:uppercase}.sale-activation.read-only .sold-toggle{cursor:default}
@media(max-width:760px){.sale-activation{padding:15px}.sold-toggle strong{font-size:13px}.sold-toggle small{font-size:9px}.sale-choices{gap:6px}.sale-choice{padding:7px 9px;font-size:9px}.sale-choice-field>legend{font-size:9px;letter-spacing:0}.sale-content .nested-fields{gap:16px 13px}.sale-net-summary{padding:18px 16px;gap:12px;flex-wrap:wrap}.sale-net-summary output{font-size:24px}.sale-net-summary span{font-size:10px}.sale-net-summary small{font-size:9px}.sale-field-help{font-size:9px}}
.sale-activation>p.is-reopening{color:#9b681b;font-weight:500;line-height:1.5}
/* Vehicle workspace: clear identity, financial overview and icon-led sections. */
.vehicle-drawer{width:min(980px,84vw);border-left:1px solid #d9e0e8;box-shadow:-12px 0 44px rgba(12,27,54,.18)}.vehicle-drawer .drawer-header{padding:23px 26px 21px;align-items:flex-start;background:#fff}.vehicle-heading{display:flex;gap:15px;align-items:center;min-width:0;flex:1}.vehicle-type-icon{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border-radius:15px;background:#eff4fb;color:#0867df;border:1px solid #e1e9f4}.vehicle-type-icon svg{width:31px;height:31px}.vehicle-heading-copy{min-width:0;flex:1}.vehicle-heading-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:5px}.vehicle-heading-line .eyebrow{font-size:9px;letter-spacing:.09em;margin:0;color:#8793a3}.vehicle-mode{display:inline-flex;align-items:center;gap:4px;color:#6a7b8e;font-size:8px;letter-spacing:.04em;font-weight:700}.vehicle-mode svg{width:11px;height:11px}.vehicle-drawer .vehicle-heading h2{font-size:23px;font-weight:700;letter-spacing:-.035em;margin:0 0 10px;line-height:1.2;overflow-wrap:anywhere}.vehicle-identifiers{display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:#728095;font-size:10px}.vehicle-identifiers>span{display:inline-flex;align-items:center;gap:5px}.vehicle-identifiers svg{width:13px;height:13px;color:#8d9aac}.vehicle-identifiers .vehicle-plate{padding:3px 8px;border:1px solid #d7dfeb;border-left:3px solid #0867df;border-radius:4px;background:#fff;font-size:11px;font-weight:700;letter-spacing:.09em;color:#24364e}.vehicle-identifiers .badge{font-size:8px;padding:3px 6px;min-height:21px;text-transform:uppercase}.vehicle-drawer .drawer-header>.iconbutton{background:#f7f8fa;border:1px solid #e8ecf1;border-radius:8px;min-width:29px;min-height:29px;padding:5px}.vehicle-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex-shrink:0;padding:0 26px 20px;background:#fff;border-bottom:1px solid #e5eaf0}.vehicle-metric{padding:13px 15px;background:#fbfcfe;border:1px solid #e0e6ee;border-radius:9px;min-width:0}.vehicle-metric>span{display:flex;align-items:center;gap:6px;margin-bottom:7px;font-size:9px;text-transform:uppercase;font-weight:600;letter-spacing:.025em;color:#8090a3}.vehicle-metric svg{width:14px;height:14px}.vehicle-metric>output{display:block;font-size:21px;line-height:1.2;letter-spacing:-.035em;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:#34445b}.vehicle-metric.metric-price{background:#f7faff;border-color:#dce6f5}.vehicle-metric.metric-price output,.vehicle-metric.metric-price svg{color:#0867df}.vehicle-metric.metric-net{background:#f7fbf8;border-color:#d9e9df}.vehicle-metric.metric-net output,.vehicle-metric.metric-net svg{color:#178154}.vehicle-metric output.negative{color:#bd3c32}.vehicle-drawer .drawer-scroll{background:#f5f6f8;padding:0 26px 25px}.vehicle-drawer .vehicle-tabs{margin:0 -26px 22px;padding:0 20px;background:#fff;gap:2px;justify-content:space-between;border-bottom:1px solid #dfe5ec}.vehicle-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;padding:17px 9px 15px;font-size:11px;min-height:53px;color:#7b899b}.vehicle-tabs button>svg{width:16px;height:16px;color:#94a1b2}.vehicle-tabs button.active{color:#0867df;background:linear-gradient(0deg,#f4f8ff,transparent);box-shadow:inset 0 -3px #0867df}.vehicle-tabs button.active>svg{color:#0867df}.vehicle-group{border:1px solid #e0e5ec;border-radius:12px;box-shadow:0 1px 2px rgba(16,35,63,.025);margin-bottom:18px}.vehicle-group>h3{display:flex;align-items:center;gap:10px;padding:13px 17px;background:#fff;border-bottom:1px solid #e9edf2;color:#35445b;font-size:12px;font-weight:700}.vehicle-group-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#edf3fc;color:#4773ad}.vehicle-group-icon svg{width:17px;height:17px}.group-amber .vehicle-group-icon{background:#fff6e8;color:#ac7e2f}.group-green .vehicle-group-icon{background:#eaf7ef;color:#228858}.group-purple .vehicle-group-icon{background:#f2edfc;color:#8264b3}.group-slate .vehicle-group-icon{background:#eef1f5;color:#758396}.vehicle-fields{padding:20px;gap:19px 22px}.vehicle-drawer .vehicle-fields .field>label,.sale-choice-field>legend{font-size:9px;font-weight:600;letter-spacing:.035em;color:#8692a3;margin-bottom:8px}.vehicle-drawer .vehicle-fields input,.vehicle-drawer .vehicle-fields select,.vehicle-drawer .vehicle-fields textarea{border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#31435b;font-size:12px;font-weight:500;min-height:40px;padding:9px 11px;box-shadow:0 1px 2px rgba(17,36,66,.02)}.vehicle-drawer .vehicle-fields .field-key input{border-color:#cedced;background:#fbfdff;font-weight:700;color:#213b5a}.vehicle-drawer .vehicle-fields .field-plate input{font-size:15px;letter-spacing:.1em;color:#0867df;border-left:3px solid #0867df;background:#f8fbff}.vehicle-drawer .vehicle-fields .field-vin input{font-size:11px;letter-spacing:.07em}.vehicle-drawer .vehicle-fields .field-money input{font-size:17px;font-weight:650;color:#284d7a;background:#fbfdff;letter-spacing:-.015em;font-variant-numeric:tabular-nums}.vehicle-drawer .sale-content .field-actual_sale_price input{background:#f7fcf8;border-color:#c7dfd1;color:#178154}.vehicle-drawer .vehicle-fields input:focus,.vehicle-drawer .vehicle-fields select:focus,.vehicle-drawer .vehicle-fields textarea:focus{border-color:#8db7ea;outline:3px solid rgba(8,103,223,.08)}.vehicle-details{padding:5px 20px;gap:0 26px}.vehicle-details>div{padding:17px 0}.vehicle-details dt{color:#8a96a6;font-size:9px;font-weight:500;letter-spacing:.04em}.vehicle-details dd{font-size:13px;font-weight:600;color:#2a3c54}.vehicle-total{background:#f5f8fc!important;border-color:#d8e2ef!important}.vehicle-total output,.vehicle-details .vehicle-total dd{color:#376293!important}.vehicle-drawer .drawer-footer{padding:15px 26px;background:#fff;border-top:1px solid #dfe6ee;min-height:65px}.vehicle-drawer .drawer-footer .button{min-height:37px;padding:0 16px;font-size:11px}.vehicle-drawer .drawer-footer .button.primary{box-shadow:0 3px 9px rgba(8,103,223,.13)}.vehicle-drawer .drawer-footer .button svg{width:14px;height:14px}
/* A genuine, full-width switch, outside the disabled transaction fieldset. */
.sale-activation{position:relative;border:1px solid #d9e3de;border-radius:12px;padding:17px 19px;margin-bottom:18px;box-shadow:0 1px 3px rgba(17,36,66,.025)}.sold-toggle{position:relative;display:flex;gap:12px;width:100%;align-items:center;padding:0;min-height:45px;cursor:pointer;user-select:none}.sale-state-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;background:#f0f3f5;border-radius:10px;color:#82918b}.sale-state-icon svg{width:22px;height:22px}.sold-copy{flex:1;min-width:0}.sold-copy strong{font-size:13px;letter-spacing:.045em;color:#415448}.sold-copy small{font-size:10px;line-height:1.5;color:#819087;margin-top:4px;font-weight:400}.sold-toggle>input.sold-checkbox[type=checkbox]{position:absolute;width:1px!important;height:1px!important;min-width:0;min-height:0;padding:0;margin:0;border:0;opacity:0;overflow:hidden;clip-path:inset(50%)}.sold-switch{position:relative;display:inline-block;width:45px;height:26px;flex:0 0 45px;border:1px solid #c8d2cd;border-radius:20px;background:#dce3df;transition:background .15s,border-color .15s}.sold-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(16,36,24,.18);transition:transform .15s}.sold-checkbox:checked+.sold-switch{background:#178154;border-color:#178154}.sold-checkbox:checked+.sold-switch:after{transform:translateX(18px)}.sold-toggle:has(.sold-checkbox:focus-visible){outline:3px solid #a6c9b7;outline-offset:7px;border-radius:5px}.sale-activation:has(.sold-checkbox:checked){background:#f7fcf9;border-color:#bddbc9}.sale-activation:has(.sold-checkbox:checked) .sale-state-icon{background:#e5f5eb;color:#178154}.sale-activation>p{margin:11px 0 0 51px;font-size:9px;color:#85938a}.sale-content:disabled{opacity:.44}.sale-content:not(:disabled) .sale-net-summary{box-shadow:0 2px 7px rgba(21,111,66,.04)}.sale-net-summary{border-radius:11px;background:#f5fbf7;padding:21px 23px;border:1px solid #c9e0d2}.sale-net-summary output{font-size:30px}.sale-net-summary span{font-size:10px;letter-spacing:.05em}.sale-net-summary small{font-size:10px;color:#84958a}.sale-read-status{display:flex;align-items:center;gap:11px}.sale-read-status>svg{width:23px;height:23px;color:#6d8a78}.sale-read-status strong{display:block;font-size:12px;color:#415448}.sale-read-status small{display:block;font-size:8px;font-weight:500;line-height:1.6;letter-spacing:.025em;color:#7c8c82;margin-top:5px}
@media(max-width:1200px){.vehicle-drawer{width:min(920px,88vw)}.vehicle-heading{gap:12px}.vehicle-type-icon{width:49px;height:49px;flex-basis:49px}.vehicle-drawer .vehicle-heading h2{font-size:21px}.vehicle-metric>output{font-size:20px}.vehicle-tabs button{font-size:10px;gap:6px;padding-inline:8px}}
@media(max-width:760px){.vehicle-drawer{width:calc(100vw - 6px)}.vehicle-drawer .drawer-header{padding:17px 16px 15px}.vehicle-heading{gap:10px}.vehicle-type-icon{width:40px;height:40px;flex-basis:40px;border-radius:11px;align-self:flex-start;margin-top:13px}.vehicle-type-icon svg{width:25px;height:25px}.vehicle-drawer .vehicle-heading h2{font-size:19px;margin-bottom:9px}.vehicle-heading-line .eyebrow{font-size:8px}.vehicle-mode{font-size:7px;gap:3px}.vehicle-heading-line{gap:7px}.vehicle-identifiers{gap:7px 9px;font-size:9px}.vehicle-identifiers .vehicle-plate{font-size:10px;padding:3px 6px}.vehicle-identifiers svg{width:11px;height:11px}.vehicle-identifiers .badge{font-size:7px;min-height:19px;padding:2px 5px}.vehicle-overview{padding:0 14px 15px;gap:7px}.vehicle-metric{padding:10px 9px;border-radius:7px}.vehicle-metric>span{font-size:7px;gap:4px;letter-spacing:0;margin-bottom:7px}.vehicle-metric svg{width:11px;height:11px}.vehicle-metric>output{font-size:15px}.vehicle-drawer .drawer-scroll{padding:0 14px 20px}.vehicle-drawer .vehicle-tabs{margin:0 -14px 16px;padding:0 10px;justify-content:flex-start;gap:1px}.vehicle-tabs button{padding:15px 9px 13px;min-height:48px;font-size:9px;gap:5px}.vehicle-tabs button>svg{width:14px;height:14px}.vehicle-group>h3{font-size:11px;padding:11px 14px;gap:9px}.vehicle-group-icon{width:26px;height:26px;border-radius:7px}.vehicle-group-icon svg{width:15px;height:15px}.vehicle-fields{padding:16px 14px;gap:17px 13px}.vehicle-drawer .vehicle-fields input,.vehicle-drawer .vehicle-fields select,.vehicle-drawer .vehicle-fields textarea{font-size:16px;min-height:40px;padding:8px}.vehicle-drawer .vehicle-fields .field-plate input{font-size:16px;letter-spacing:.06em}.vehicle-drawer .vehicle-fields .field-vin input{font-size:12px;letter-spacing:.025em}.vehicle-drawer .vehicle-fields .field-money input{font-size:18px}.vehicle-drawer .vehicle-fields .field>label,.sale-choice-field>legend{font-size:9px;letter-spacing:0}.vehicle-details{padding:4px 14px;gap:0 17px}.vehicle-details>div{padding:14px 0}.vehicle-details dd{font-size:12px}.vehicle-drawer .drawer-footer{padding:12px 16px;min-height:60px}.vehicle-drawer .drawer-footer .button{min-height:35px;padding:0 12px}.vehicle-drawer .drawer-footer .help{font-size:9px}.sale-activation{padding:15px}.sale-state-icon{width:33px;height:33px;flex-basis:33px}.sale-state-icon svg{width:20px;height:20px}.sold-copy strong{font-size:12px}.sold-copy small{font-size:9px}.sold-switch{width:42px;height:25px;flex-basis:42px}.sold-switch:after{width:17px;height:17px}.sold-checkbox:checked+.sold-switch:after{transform:translateX(16px)}.sale-activation>p{margin-left:45px;font-size:8px}.sale-net-summary{padding:18px}.sale-net-summary output{font-size:26px}}
/* Compact vehicle sheet, proportioned to the uploaded Auto/Moto workbooks. */
.vehicle-drawer .drawer-header{padding:17px 22px 16px}.vehicle-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.vehicle-drawer .vehicle-title-row h2{margin:0;flex:1;min-width:0;font-size:22px}.vehicle-header-price{flex:0 0 auto;text-align:right;padding-left:17px;border-left:1px solid #e3e9f0;align-self:center}.vehicle-header-price>span{display:block;font-size:8px;letter-spacing:.045em;font-weight:600;color:#8996a7;margin-bottom:4px}.vehicle-header-price>output{display:block;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.035em;color:#0867df;font-variant-numeric:tabular-nums;white-space:nowrap}.vehicle-heading .vehicle-type-icon{width:46px;height:46px;flex-basis:46px;border-radius:12px}.vehicle-heading .vehicle-type-icon svg{width:28px;height:28px}.vehicle-heading-line{margin-bottom:7px}.vehicle-identifiers{gap:10px}.vehicle-drawer .vehicle-tabs{position:static!important;top:auto;flex:0 0 auto;overflow-x:auto;overflow-y:hidden;margin:0;padding:0 16px;border-bottom:1px solid #dfe5ec;background:#fff;z-index:auto}.vehicle-tabs button{min-height:46px;padding:13px 8px 12px;font-size:10px}.vehicle-drawer .drawer-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px 22px;overscroll-behavior-y:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;contain:layout style;overflow-anchor:none;scroll-behavior:auto;touch-action:pan-y}.drawer-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(12,27,54,.24)}html{scrollbar-gutter:stable}.vehicle-group{margin-bottom:12px;border-radius:9px;box-shadow:none}.vehicle-group>h3{padding:9px 13px;font-size:11px;gap:8px}.vehicle-group-icon{width:25px;height:25px;border-radius:7px}.vehicle-group-icon svg{width:15px;height:15px}.vehicle-drawer .vehicle-fields,.vehicle-drawer .vehicle-details{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px 12px;padding:15px 14px}.vehicle-fields>.field,.vehicle-details>.read-field,.vehicle-details>.vehicle-total,.vehicle-fields>.sale-choice-field{min-width:0;grid-column:span 4}.vehicle-fields>.full,.vehicle-details>.full{grid-column:1/-1}.vehicle-drawer .vehicle-fields .field>label,.vehicle-drawer .vehicle-fields .binary-field>legend,.vehicle-drawer .sale-choice-field>legend{font-size:9px;letter-spacing:.01em;font-weight:500;margin-bottom:6px;line-height:1.3;min-height:12px}.vehicle-drawer .vehicle-fields input,.vehicle-drawer .vehicle-fields select{min-height:33px;height:33px;padding:6px 8px;font-size:12px;box-shadow:none;border-radius:5px}.vehicle-drawer .vehicle-fields .field-plate input{font-size:13px;letter-spacing:.07em}.vehicle-drawer .vehicle-fields .field-vin input{font-size:10px;letter-spacing:.035em}.vehicle-drawer .vehicle-fields .field-money input{font-size:14px;font-weight:600;padding-right:6px}.vehicle-drawer .vehicle-fields textarea{min-height:74px;padding:8px 9px;font-size:12px;line-height:1.6;box-shadow:none}.vehicle-drawer .vehicle-fields input[readonly]{background:#f7f8fa;color:#74839a;border-color:#e1e6ed}.vehicle-fields>.field-kind,.vehicle-fields>.field-stock_type,.vehicle-fields>.field-year,.vehicle-fields>.field-owner_count,.vehicle-fields>.field-engine_capacity,.vehicle-fields>.field-fuel,.vehicle-fields>.field-vat_exposed,.vehicle-fields>.field-keys_count{grid-column:span 2}.vehicle-fields>.field-plate,.vehicle-fields>.field-registration_date,.vehicle-fields>.field-vin,.vehicle-fields>.field-brand,.vehicle-fields>.field-color,.vehicle-fields>.field-segment,.vehicle-fields>.field-interior,.vehicle-fields>.field-mileage,.vehicle-fields>.field-entered_on,.vehicle-fields>.field-sold_on,.vehicle-fields>.field-manual_present{grid-column:span 3}.vehicle-fields>.field-model,.vehicle-fields>.field-previous_owner{grid-column:span 6}.vehicle-fields>.field-origin,.vehicle-fields>.field-seller{grid-column:span 5}.vehicle-fields>.field-buyer_name{grid-column:span 8}.vehicle-drawer[data-vehicle-kind=auto] .vehicle-fields>.field-mileage{grid-column:span 2}.vehicle-drawer[data-vehicle-kind=moto] .vehicle-fields>.field-fuel{grid-column:span 3}.vehicle-drawer[data-vehicle-kind=moto] .vehicle-fields>.field-segment{grid-column:span 4}.vehicle-drawer .vehicle-fields>.field-actual_sale_price{grid-column:span 4}.vehicle-drawer .vehicle-fields>.field-trade_in,.vehicle-drawer .vehicle-fields>.field-finance_enabled{grid-column:span 3}.vehicle-drawer .vehicle-fields>.sale-dependent{grid-column:span 3;min-width:0}.vehicle-drawer .vehicle-fields>.sale-dependent.full{grid-column:span 9}.vehicle-drawer .sale-content .nested-fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding:0;gap:11px 12px}.vehicle-drawer .nested-fields>.field-financing{grid-column:span 8}.vehicle-drawer .nested-fields>.field-financed_amount{grid-column:span 4}.vehicle-drawer .nested-fields>.full{grid-column:1/-1}.vehicle-drawer .vehicle-fields .field-total_cost.vehicle-total{display:flex;flex-direction:column;gap:0;grid-column:span 4;padding:0;margin:0;border:0!important;background:transparent!important}.vehicle-drawer .field-total_cost.vehicle-total output{display:flex;align-items:center;min-height:33px;padding:6px 8px;border:1px solid #dce3eb;border-radius:5px;background:#f8fafc;color:#4c607a!important;font-size:14px;font-weight:600;line-height:1.3}.binary-field{border:0;padding:0;margin:0;min-width:0}.binary-field>legend{padding:0;text-transform:uppercase;color:#8692a3}.short-choices{display:flex;align-items:center;gap:4px;height:33px}.short-choices>label{position:relative;display:flex;align-items:center;justify-content:center;min-width:33px;height:31px;padding:0 7px;margin:0;border:1px solid #d7e0eb;border-radius:5px;background:#fff;color:#6b7c93;font-size:10px;font-weight:600;cursor:pointer}.short-choices input[type=radio]{position:absolute;width:1px!important;height:1px!important;min-width:0;min-height:0;opacity:0;clip-path:inset(50%);margin:0;padding:0}.short-choices>label:has(input:checked){border-color:#a5bfe1;background:#edf4ff;color:#0867df}.short-choices>label:has(input:focus-visible){outline:2px solid #99bce9;outline-offset:2px}.vehicle-fields>.field-keys_count input,.vehicle-fields>.field-owner_count input{max-width:85px}.vehicle-fields>.field-year input{max-width:95px}.field-hint{display:block;margin-top:4px;font-size:8px;font-weight:400;color:#8a97a6}.vehicle-drawer .sale-choices{min-height:33px;gap:5px}.vehicle-drawer .sale-choice{min-height:31px;padding:5px 7px;font-size:9px;gap:5px}.vehicle-drawer .sale-choice>input[type=radio]{width:13px;height:13px;min-width:13px;min-height:13px;padding:0}.vehicle-drawer .sale-choice>input[type=radio]:checked:after{width:6px;height:3px}.vehicle-drawer .sale-activation{padding:13px 15px;margin-bottom:13px}.vehicle-drawer .sale-activation>p{margin-top:7px}.vehicle-drawer .sale-net-summary{padding:15px 17px;border-radius:8px}.vehicle-drawer .sale-net-summary output{font-size:25px}.vehicle-drawer .vehicle-hint{font-size:9px;line-height:1.4;margin-bottom:12px}.vehicle-drawer .vehicle-details{gap:11px 12px}.vehicle-details>.read-field{padding:0 0 8px;border-bottom:1px solid #edf0f4}.vehicle-details>.field-kind,.vehicle-details>.field-stock_type,.vehicle-details>.field-year,.vehicle-details>.field-owner_count,.vehicle-details>.field-engine_capacity,.vehicle-details>.field-fuel,.vehicle-details>.field-vat_exposed,.vehicle-details>.field-keys_count{grid-column:span 2}.vehicle-details>.field-plate,.vehicle-details>.field-registration_date,.vehicle-details>.field-vin,.vehicle-details>.field-brand,.vehicle-details>.field-color,.vehicle-details>.field-segment,.vehicle-details>.field-interior,.vehicle-details>.field-mileage,.vehicle-details>.field-entered_on,.vehicle-details>.field-sold_on,.vehicle-details>.field-manual_present{grid-column:span 3}.vehicle-details>.field-model,.vehicle-details>.field-previous_owner{grid-column:span 6}.vehicle-details>.field-origin,.vehicle-details>.field-seller{grid-column:span 5}.vehicle-details>.field-buyer_name{grid-column:span 8}.vehicle-drawer .vehicle-details>.field-total_cost.vehicle-total{padding:0 0 8px;margin:0;border:0!important;background:transparent!important;grid-column:span 4}.vehicle-drawer .vehicle-details>.field-total_cost.vehicle-total dd{font-size:12px;color:#4c607a!important}.vehicle-details dt{font-size:9px;letter-spacing:0;margin-bottom:5px;line-height:1.35}.vehicle-details dd{font-size:12px;line-height:1.45}.vehicle-details>.full{grid-column:1/-1}.vehicle-drawer .drawer-footer{min-height:57px;padding:11px 22px}
@media(max-width:1000px) and (min-width:761px){.vehicle-drawer .vehicle-fields,.vehicle-drawer .vehicle-details{gap:13px 10px}.vehicle-drawer .vehicle-fields input,.vehicle-drawer .vehicle-fields select{font-size:11px;padding-inline:7px}.vehicle-drawer .vehicle-fields .field-vin input{font-size:9px;letter-spacing:0}.vehicle-drawer .vehicle-fields .field-money input{font-size:13px}.vehicle-drawer .vehicle-fields .field>label{font-size:8px}.vehicle-header-price>output{font-size:22px}}
@media(max-width:760px){.vehicle-drawer .drawer-header{padding:15px 14px 13px}.vehicle-heading .vehicle-type-icon{width:34px;height:34px;flex-basis:34px;margin-top:18px}.vehicle-heading .vehicle-type-icon svg{width:23px;height:23px}.vehicle-title-row{gap:10px;margin-bottom:9px;align-items:flex-start}.vehicle-drawer .vehicle-title-row h2{font-size:17px;line-height:1.3}.vehicle-header-price{padding-left:10px;border-left-color:#e6eaf0}.vehicle-header-price>span{font-size:6px;letter-spacing:.015em;margin-bottom:4px}.vehicle-header-price>output{font-size:17px}.vehicle-heading-line{gap:6px}.vehicle-identifiers{gap:6px 8px;font-size:8px}.vehicle-identifiers .vehicle-plate{font-size:9px}.vehicle-drawer .vehicle-tabs{padding:0 8px}.vehicle-tabs button{min-height:43px;font-size:9px;padding:12px 7px 11px;gap:4px}.vehicle-tabs button>svg{width:13px;height:13px}.vehicle-drawer .drawer-scroll{padding:13px 12px 18px}.vehicle-group>h3{padding:9px 12px;font-size:10px}.vehicle-drawer .vehicle-fields,.vehicle-drawer .vehicle-details{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px 10px;padding:14px 12px}.vehicle-drawer .vehicle-fields>.field,.vehicle-drawer .vehicle-details>.read-field{grid-column:span 3}.vehicle-drawer .vehicle-fields>.field-kind,.vehicle-drawer .vehicle-fields>.field-stock_type,.vehicle-drawer .vehicle-fields>.field-year,.vehicle-drawer .vehicle-fields>.field-owner_count,.vehicle-drawer .vehicle-fields>.field-engine_capacity,.vehicle-drawer .vehicle-fields>.field-fuel,.vehicle-drawer .vehicle-fields>.field-keys_count,.vehicle-drawer .vehicle-fields>.field-vat_exposed{grid-column:span 2}.vehicle-drawer .vehicle-fields>.field-vin,.vehicle-drawer .vehicle-fields>.field-model,.vehicle-drawer .vehicle-fields>.field-previous_owner,.vehicle-drawer .vehicle-fields>.field-buyer_name{grid-column:1/-1}.vehicle-drawer .vehicle-fields>.field-origin,.vehicle-drawer .vehicle-fields>.field-seller,.vehicle-drawer .vehicle-fields>.field-segment{grid-column:span 3}.vehicle-drawer[data-vehicle-kind=auto] .vehicle-fields>.field-mileage,.vehicle-drawer[data-vehicle-kind=moto] .vehicle-fields>.field-fuel{grid-column:span 3}.vehicle-drawer[data-vehicle-kind=moto] .vehicle-fields>.field-segment{grid-column:span 3}.vehicle-drawer .vehicle-fields>.field-actual_sale_price{grid-column:span 3}.vehicle-drawer .vehicle-fields>.full{grid-column:1/-1}.vehicle-drawer .vehicle-fields>.sale-dependent{grid-column:span 3}.vehicle-drawer .vehicle-fields>.sale-dependent.full{grid-column:1/-1}.vehicle-drawer .sale-content .nested-fields{grid-template-columns:repeat(6,minmax(0,1fr));padding:0;gap:12px 10px}.vehicle-drawer .nested-fields>.field-financing,.vehicle-drawer .nested-fields>.field-financed_amount{grid-column:span 3}.vehicle-drawer .nested-fields>.full{grid-column:1/-1}.vehicle-drawer .vehicle-fields input,.vehicle-drawer .vehicle-fields select{min-height:36px;height:36px;padding:6px 8px;font-size:16px}.vehicle-drawer .vehicle-fields textarea{font-size:16px;min-height:78px}.vehicle-drawer .vehicle-fields .field-vin input{font-size:15px;letter-spacing:.035em}.vehicle-drawer .vehicle-fields .field-money input{font-size:16px}.vehicle-drawer .vehicle-fields .field>label,.vehicle-drawer .vehicle-fields .binary-field>legend,.vehicle-drawer .sale-choice-field>legend{font-size:8px;min-height:11px}.short-choices{height:36px;gap:4px}.short-choices>label{min-width:32px;height:32px;font-size:9px;padding:0 6px}.vehicle-drawer .vehicle-fields .field-total_cost.vehicle-total{grid-column:span 3}.vehicle-drawer .field-total_cost.vehicle-total output{min-height:36px;font-size:15px}.vehicle-drawer .vehicle-details>.field-vin,.vehicle-drawer .vehicle-details>.field-model,.vehicle-drawer .vehicle-details>.field-previous_owner,.vehicle-drawer .vehicle-details>.field-buyer_name,.vehicle-drawer .vehicle-details>.full{grid-column:1/-1}.vehicle-drawer .vehicle-details>.field-total_cost.vehicle-total{grid-column:span 3}.vehicle-drawer .drawer-footer{padding:10px 14px;min-height:54px}.vehicle-drawer .sale-choice-field>legend{letter-spacing:0}.field-hint{font-size:8px}}
@media(min-width:761px){.vehicle-drawer .vehicle-fields>.field-sales_channel,.vehicle-drawer .vehicle-fields>.field-seller,.vehicle-drawer .vehicle-fields>.field-actual_sale_price{grid-column:span 3}.vehicle-drawer .vehicle-fields>.field-buyer_name{grid-column:span 6}.vehicle-drawer .vehicle-fields>.field-origin{grid-column:span 4}.vehicle-drawer .vehicle-fields>.field-withdrawn_by{grid-column:span 2}.vehicle-drawer .vehicle-fields>.field-withdrawn_for{grid-column:span 3}}
@media(max-width:760px){.vehicle-drawer .vehicle-fields input:not([type=hidden]),.vehicle-drawer .vehicle-fields select,.vehicle-drawer .vehicle-fields textarea{font-size:16px}.vehicle-drawer .vehicle-fields .field-plate input,.vehicle-drawer .vehicle-fields .field-vin input{font-size:16px;letter-spacing:.025em}}

/* Produzione: nessuna barra dimostrativa sopra il gestionale. */
:root{--demo-height:0px}

@media(max-width:700px){.drawer{width:calc(100% - 8px);max-width:100%}}