/* Vehicle cards have three independent areas: reference image, record, quiet footer. */
.rf-vehicles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.rf-vehicle-card{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--refined-panel);box-shadow:var(--refined-shadow)}
.rf-vehicle-image{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;height:180px;border-radius:6px;background:transparent;overflow:hidden}
.rf-vehicle-image>img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
.rf-vehicle-image>.rf-vehicle-brand{width:58%;height:50%;mix-blend-mode:normal}
.rf-vehicle-image>span{position:absolute;top:7px;right:7px;padding:3px 6px;border-radius:4px;background:#eff3f6d9;color:#637385;font-size:9px;line-height:1.3}
.rf-no-image{padding:16px;font-size:11px;color:var(--mute);text-align:center}
.rf-vehicle-card-body{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 8px 8px}
.rf-vehicle-card-body h3{margin:0;font-size:15px;font-weight:650;line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere}
.rf-vehicle-card-body p{margin:0;font-size:12px;line-height:1.5;color:var(--mute);overflow-wrap:anywhere}
.rf-vehicle-details{margin-top:4px;min-width:0}
.rf-vehicle-details>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:12px;line-height:1.5;color:var(--blue);cursor:pointer;list-style:none}
.rf-vehicle-details>summary::-webkit-details-marker{display:none}
.rf-vehicle-details>summary span{flex:none}
.rf-vehicle-details dl{margin:8px 0;border-top:1px solid var(--line2);font-size:11px}
.rf-vehicle-details dl>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px;padding:6px 0;border-bottom:1px solid var(--line2)}
.rf-vehicle-details dt{color:var(--mute)}.rf-vehicle-details dd{margin:0;overflow-wrap:anywhere;color:var(--ink)}
.rf-vehicle-card-footer{grid-column:1/-1;min-width:0;padding:0 8px 4px}
.rf-vehicle-card-footer .source-footer{margin-top:6px;padding-top:8px}
.rf-vehicles[data-layout=list]{grid-template-columns:minmax(0,1fr)}
.rf-vehicles[data-layout=list] .rf-vehicle-card{grid-template-columns:160px minmax(0,1fr);gap:0 16px;padding:10px}
.rf-vehicles[data-layout=list] .rf-vehicle-image{height:108px;width:160px;align-self:start}
.rf-vehicles[data-layout=list] .rf-vehicle-card-body{padding:8px 6px 8px 0;justify-content:center;min-height:108px}
.rf-vehicles[data-layout=list] .rf-vehicle-details>summary{justify-content:flex-start;gap:12px}
.rf-vehicles[data-layout=list] .rf-vehicle-card-footer{padding:0 2px}
@media(max-width:1050px){.rf-vehicles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){
  .rf-vehicles{grid-template-columns:minmax(0,1fr)}
  .rf-vehicle-image{height:190px}
  .rf-vehicles[data-layout=list] .rf-vehicle-card{grid-template-columns:96px minmax(0,1fr);gap:0 10px;padding:8px}
  .rf-vehicles[data-layout=list] .rf-vehicle-image{width:96px;height:90px}
  .rf-vehicles[data-layout=list] .rf-vehicle-image>span{top:4px;right:4px;font-size:7px;padding:2px 3px}
  .rf-vehicles[data-layout=list] .rf-vehicle-card-body{padding:4px 0;min-height:90px}
  .rf-vehicles[data-layout=list] .rf-vehicle-card-body h3{font-size:13px}
  .rf-vehicles[data-layout=list] .rf-vehicle-card-body p{font-size:11px}
  .rf-vehicles[data-layout=list] .rf-vehicle-details dl>div{grid-template-columns:1fr;gap:2px}
}

/* Compact, source-backed vehicle records; cards remain an optional view. */
.rf-vehicle-reference-note { margin:0 0 10px; font-size:11px; line-height:1.45; color:var(--mute); }
.rf-vehicles[data-layout=list] { gap:0; border:1px solid var(--line); border-radius:5px; overflow:hidden; }
.rf-vehicle-list-head,.rf-vehicle-list-row { display:grid; grid-template-columns:90px minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1fr) 42px 57px minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.85fr) minmax(0,1.25fr); gap:0 9px; align-items:center; min-width:0; }
.rf-vehicle-list-head { padding:10px; background:var(--surface); color:var(--ink2); font-size:10px; line-height:1.4; font-weight:650; border-bottom:1px solid var(--line); }
.rf-vehicle-list-row { padding:8px 10px 6px; background:var(--refined-panel,#fff); border-bottom:1px solid var(--line); }
.rf-vehicle-list-row:last-child { border-bottom:0; }
.rf-vehicles[data-layout=list] .rf-vehicle-list-row .rf-vehicle-image { width:90px; height:60px; border-radius:0; background:transparent; }
.rf-vehicles[data-layout=list] .rf-vehicle-list-row .rf-vehicle-image>img { width:100%; height:100%; mix-blend-mode:normal; }
.rf-vehicles[data-layout=list] .rf-vehicle-list-row .rf-vehicle-image>.rf-vehicle-brand { width:85%; height:65%; }
.rf-vehicle-image-missing { position:static!important; background:none!important; padding:0!important; color:var(--mute); font-size:10px; text-align:center; }
.rf-vehicle-cell { min-width:0; overflow-wrap:anywhere; font-size:11px; line-height:1.45; color:var(--ink); }
.rf-vehicle-cell code { font-size:10px; font-family:var(--mono,ui-monospace,monospace); }
.rf-vehicle-cell-label { display:none; }
.rf-vehicle-row-sources { grid-column:2/-1; min-width:0; margin:0; }
.rf-vehicle-row-sources>summary { cursor:pointer; padding:2px 0; font-size:10px; color:var(--blue); }
.rf-vehicle-row-sources .source-footer { padding:7px 0; margin:0; }
.rf-vehicle-record-note { margin:0 0 6px; font-size:11px; color:var(--mute); }
.rf-vehicle-page-size { display:flex; align-items:center; gap:7px; white-space:nowrap; }
.rf-vehicle-page-size select { border:1px solid var(--line); border-radius:4px; color:var(--ink); background:var(--surface); padding:5px; font:inherit; }
@media(max-width:1050px) {
  .rf-vehicle-list-head { display:none; }
  .rf-vehicle-list-row { grid-template-columns:90px repeat(3,minmax(0,1fr)); gap:9px 12px; align-items:start; padding:12px; }
  .rf-vehicles[data-layout=list] .rf-vehicle-list-row .rf-vehicle-image { grid-row:1/4; }
  .rf-vehicle-cell-label { display:block; margin-bottom:2px; color:var(--mute); font-size:9px; }
  .rf-vehicle-row-sources { grid-column:2/-1; }
}
@media(max-width:540px) {
  .rf-vehicle-list-row { grid-template-columns:80px repeat(2,minmax(0,1fr)); gap:9px; }
  .rf-vehicles[data-layout=list] .rf-vehicle-list-row .rf-vehicle-image { width:80px; height:60px; grid-row:1/6; }
  .rf-vehicle-vin { grid-column:2/-1; }
  .rf-vehicle-cell { font-size:11px; }
  .rf-vehicle-row-sources { grid-column:1/-1; }
  .rf-vehicle-page-size select { min-height:36px; font-size:16px; }
}

/* One compact filter bar; checkbox menus stay open for multiple choices. */
#wrap .rf-vehicle-heading{margin-bottom:10px;gap:10px}
#wrap .rf-vehicle-heading h2{font-size:19px;margin-bottom:2px}
#wrap .rf-vehicle-heading p{font-size:11px}
#wrap .rf-vehicle-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}
.rf-vehicle-filter{position:relative;min-width:0}
.rf-vehicle-filter>summary{display:flex;align-items:center;gap:7px;min-height:32px;padding:6px 9px;border:1px solid var(--rule2);border-radius:5px;background:var(--surface);color:var(--ink);font-size:11px;line-height:1.35;list-style:none;cursor:pointer;white-space:nowrap}
.rf-vehicle-filter>summary::-webkit-details-marker{display:none}
.rf-vehicle-filter.is-active>summary{border-color:var(--blue);color:var(--blue)}
.rf-vehicle-filter summary b{border-radius:3px;background:var(--blue);color:#fff;padding:1px 4px;font-size:10px;line-height:1.2}
.rf-filter-chevron{margin-left:auto;color:var(--mute)}
.rf-vehicle-filter-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:30;width:240px;max-width:calc(100vw - 48px);padding:9px;border:1px solid var(--rule2);border-radius:7px;background:var(--refined-panel,#fff);box-shadow:0 5px 20px #002b471a}
.rf-filter-menu-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:2px 4px 8px;font-size:11px;font-weight:600;border-bottom:1px solid var(--line)}
.rf-vehicle-filter fieldset{border:0;margin:4px 0;padding:0;max-height:260px;overflow:auto}
.rf-vehicle-filter fieldset label{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:12px;line-height:1.3;cursor:pointer;border-radius:4px}
.rf-vehicle-filter fieldset label:hover{background:var(--surface)}
#wrap .rf-vehicle-filter input[type=checkbox]{width:15px;height:15px;min-height:15px;padding:0;margin:0;flex:none;accent-color:var(--blue)}
.rf-vehicle-filter label small{display:block;color:var(--mute);font-size:10px;margin-top:2px}
#wrap .rf-vehicle-filters .rf-filter-done{display:block;width:100%;padding:7px;border:1px solid var(--rule2);border-radius:4px;background:var(--surface);font-size:11px}
#wrap .rf-vehicle-search{flex:1 1 180px;min-width:130px}
#wrap .rf-vehicle-search input{height:32px;min-height:32px;padding:6px 9px;font-size:11px}
#wrap .rf-vehicle-filters>[data-fp-clear]{padding:6px;font-size:11px}
.rf-vehicle-active{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px}
.rf-vehicle-active button{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--blue);padding:3px 6px;font-size:10px;cursor:pointer}
.rf-vehicle-active button span{font-size:13px;line-height:1}
.rf-vehicle-filter [hidden],.rf-vehicle-filters>[hidden]{display:none!important}
.rf-vehicle-reference-note{margin:8px 0 0;font-size:10px}
.rf-vehicle-list-head,.rf-vehicle-list-row{grid-template-columns:64px minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1fr) 36px 52px minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.85fr) minmax(0,1.25fr);gap:0 8px}
.rf-vehicle-list-head{padding:8px 9px;font-size:10px}
.rf-vehicle-list-row{padding:5px 9px 3px}
.rf-vehicles[data-layout=list] .rf-vehicle-list-row .rf-vehicle-image{width:64px;height:44px}
.rf-vehicle-cell{font-size:11px;line-height:1.3}
.rf-vehicle-row-sources>summary{font-size:9px;padding:1px 0}
.rf-vehicle-footer{margin-top:9px}
.rf-vehicle-filter>summary:focus-visible,.rf-vehicle-active button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:1050px){
  .rf-vehicle-list-row{grid-template-columns:64px repeat(3,minmax(0,1fr));gap:6px 10px;padding:8px}
  #wrap .rf-vehicle-search{flex-basis:160px}
}
@media(max-width:540px){
  #wrap .rf-vehicle-filters{gap:5px}
  .rf-vehicle-filter>summary{min-height:36px;padding:7px 9px;font-size:11px}
  .rf-vehicle-filter-menu{position:fixed;left:16px;right:16px;top:auto;width:auto;max-width:none;margin-top:5px}
  .rf-vehicle-filter fieldset label{min-height:36px;padding:7px 5px}
  #wrap .rf-vehicle-search{flex-basis:100%}
  #wrap .rf-vehicle-search input{min-height:36px;height:36px;font-size:16px}
  .rf-vehicle-list-row{grid-template-columns:58px repeat(2,minmax(0,1fr));gap:6px 8px}
  .rf-vehicles[data-layout=list] .rf-vehicle-list-row .rf-vehicle-image{width:58px;height:42px;grid-row:1/6}
  .rf-vehicle-vin{grid-column:2/-1}
  .rf-vehicle-row-sources{grid-column:1/-1}
  .rf-vehicle-footer{flex-direction:row;flex-wrap:wrap;gap:7px}
}

/* Independent source facts use numbers; charts are reserved for distributions. */
.rf-source-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}
.rf-source-metric{display:flex;align-items:flex-start;gap:9px;min-width:0}
.rf-source-metric>svg,.rf-single-value>svg{width:22px;height:22px;flex:none;color:var(--blue);margin-top:4px}
.rf-source-metric>div{display:grid;gap:3px;min-width:0}
.rf-source-metric b{font-size:24px;line-height:1.15;letter-spacing:-.035em;color:var(--ink)}
.rf-source-metric span{font-size:11px;line-height:1.4;color:var(--ink2)}
.rf-source-metric small{font-size:10px;color:var(--mute)}
.rf-single-value{display:flex;gap:10px;align-items:center;padding:12px 0;border:0;background:none;text-align:left;color:var(--ink);min-width:0;min-height:56px}
button.rf-single-value{cursor:pointer;width:100%}
.rf-single-value b{font-size:27px;letter-spacing:-.035em;line-height:1.1}
.rf-single-value span{font-size:12px;line-height:1.4;color:var(--ink2)}
.rf-single-value small{display:block;font-size:10px;color:var(--mute)}
.rf-single-value>svg{margin-top:0}
/* Compact overview panels follow their content instead of filling large boxes. */
#wrap .rf-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start;margin-bottom:7px}
#wrap .rf-overview-grid>.rf-fleet-card{padding:11px;border-radius:6px;box-shadow:none;min-height:0;grid-column:auto}
#wrap .rf-overview-grid>.rf-fleet-card:last-child .rf-chart{grid-template-columns:1fr}
#wrap .rf-overview-grid h3{font-size:13px;margin:0 0 4px;line-height:1.3}
#wrap .rf-overview-grid .rf-fleet-caption{font-size:10px;margin:0 0 6px;line-height:1.35}
#wrap .rf-overview-grid .rf-chart{gap:7px;margin:4px 0}
#wrap .rf-overview-grid .rf-chart-row{grid-template-columns:minmax(72px,.75fr) minmax(0,1fr) 20px;gap:7px;min-height:24px}
#wrap .rf-overview-grid .rf-chart-track{height:14px}
#wrap .rf-overview-grid .rf-make-logo{height:23px;width:72px}
#wrap .rf-overview-grid .rf-chart-link{margin-top:4px;padding-top:4px;min-height:24px;font-size:10px}
#wrap .rf-overview-grid .rf-donut{flex:0 0 72px;min-width:72px;width:72px}
#wrap .rf-overview-grid .rf-donut b{font-size:17px}
#wrap .rf-overview-grid .rf-donut span{font-size:8px}
#wrap .rf-overview-grid .rf-type-mix{gap:8px;margin:3px 0}
#wrap .rf-overview-grid .rf-type-legend{gap:5px}
#wrap .rf-overview-grid .rf-type-legend button{min-height:24px;gap:4px;font-size:10px}
#wrap .rf-overview-grid .rf-type-legend img{width:28px;height:22px;mix-blend-mode:normal}
#wrap .rf-overview-grid .rf-single-value{padding:6px 0;min-height:40px}
.rf-weight-card .rf-card-head{display:flex;justify-content:space-between;align-items:start;gap:7px}
.rf-weight-card .rf-card-head>span{font-size:10px;color:var(--mute);white-space:nowrap}
.rf-weight-strip{display:flex;height:9px;gap:2px;border-radius:3px;overflow:hidden;margin:5px 0 8px}
.rf-weight-strip i{height:100%;min-width:0}
.rf-weight-rows{display:grid;gap:5px}
.rf-weight-rows>button{display:grid;grid-template-columns:7px minmax(0,1fr) auto 27px;gap:7px;align-items:center;border:0;background:none;padding:2px 0;text-align:left;cursor:pointer;color:var(--ink);min-height:27px}
.rf-weight-rows>button>i{width:7px;height:7px;border-radius:2px}
.rf-weight-rows strong{display:block;font-size:11px;font-weight:600;line-height:1.3}
.rf-weight-rows small{font-size:9px;color:var(--mute);line-height:1.25}
.rf-weight-rows b{font-size:15px}
.rf-weight-share{text-align:right}
.rf-weight-rows>button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
#wrap .rf-breakdown-sources{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;margin:0 0 9px;font-size:10px;color:var(--mute)}
#wrap .rf-breakdown-sources .schips{margin:0}
#wrap .rf-fleet [data-fp-pane=summary]>.rf-fleet-sources{padding:8px 11px;margin:8px 0;border-radius:5px;box-shadow:none}
#wrap .rf-fleet [data-fp-pane=summary]>.rf-fleet-sources>summary{font-size:12px}
#wrap .rf-fleet-preview .rf-card-head{display:flex;justify-content:flex-end}
#wrap .rf-fleet-preview .rf-chart-link{padding:4px 0;margin:0;min-height:22px}
#wrap .rf-powertrain-grid>.rf-fleet-card{padding:12px;min-height:0;box-shadow:none}
#wrap .rf-powertrain-grid .rf-chart-link{margin-top:5px;padding-top:5px}
@media(max-width:1400px){
  #wrap .rf-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  #wrap .rf-overview-grid{grid-template-columns:minmax(0,1fr);gap:8px}
  #wrap .rf-overview-grid .rf-type-mix{gap:12px}
  .rf-weight-rows>button{min-height:36px}
  .rf-weight-rows strong{font-size:12px}
  .rf-weight-rows small{font-size:10px}
  .rf-source-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
  .rf-source-metric b{font-size:22px}
  .rf-source-metric>svg{width:18px;height:18px}
}