/* Shared field geometry for filters, the build studio and configuration dialogs. */
:root{--control-height:44px;--control-font-size:12px;--control-radius:3px;--control-border:#474b4f;--control-surface:#222425;--control-padding:12px;--filter-width:200px}
body select,
body input:is([type="text"],[type="search"],[type="number"],[type="email"],:not([type])),
:is(.vehicle-inputs,.susp-toolbar,.load-selectors,.advisor-overrides,dialog) :is(select,input[type="number"],input[type="text"],input[type="email"],input:not([type])){
 box-sizing:border-box;height:var(--control-height);min-height:var(--control-height);border:1px solid var(--control-border);border-radius:var(--control-radius);background-color:var(--control-surface);color:var(--text);font-family:var(--font);font-size:var(--control-font-size);font-weight:400;line-height:20px;letter-spacing:0;padding:11px var(--control-padding);margin:0;min-width:0;vertical-align:middle;
}
body select,
:is(.vehicle-inputs,.susp-toolbar,.load-selectors) select{
 appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23bac4b7' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;
}
body input::placeholder,body textarea::placeholder{color:#93989e;opacity:1}
.vehicle-inputs{align-items:flex-end;gap:12px}
.vehicle-inputs label{display:grid;gap:8px}
.vehicle-inputs select{margin:0;width:200px}
.vehicle-inputs #year{width:100px}
.vehicle-inputs .button{height:var(--control-height);margin-left:0}
.search{height:var(--control-height);padding:0 10px;align-items:center;gap:8px;background:var(--control-surface);border-color:var(--control-border);border-radius:var(--control-radius)}
body .search input{height:42px;min-height:42px;border:0;background:transparent;padding:10px 0;border-radius:0;font-size:var(--control-font-size);line-height:20px}
.search>span{flex-shrink:0;line-height:20px}
.search:focus-within{outline:2px solid var(--amber);outline-offset:3px}
.search input:focus-visible{outline:none}
.susp-toolbar{display:grid;grid-template-columns:repeat(3,minmax(160px,var(--filter-width))) minmax(145px,1fr) auto auto auto;gap:16px 18px;align-items:end}
.susp-toolbar>div:first-child{grid-column:1/-1;margin:0}
.susp-toolbar label{display:grid;gap:8px;margin:0;min-width:0;align-items:start;font-size:11px}
.susp-toolbar select{width:100%;max-width:none;margin:0}
.susp-toolbar label:has(#ucaFilter){grid-column:1/-1;grid-row:3;display:flex;align-items:center;gap:8px;min-height:24px}
.susp-toolbar label:has(#suspBrand){grid-column:1;grid-row:2}
.susp-toolbar label:has(#suspScope){grid-column:2;grid-row:2}
.susp-toolbar label:has(#suspSort){grid-column:3;grid-row:2}
.susp-toolbar label:has(#suspRate){grid-column:4;grid-row:2;justify-self:start}
.susp-toolbar label>span:has(input){display:flex;align-items:center;gap:7px;height:var(--control-height);margin:0;font-size:var(--control-font-size)}
.susp-toolbar input[type="number"]{width:80px}
.susp-toolbar #applySuspRate,.susp-toolbar .icon-button{height:var(--control-height);min-height:var(--control-height);margin:0;grid-row:2}
.susp-toolbar .icon-button{width:var(--control-height)}
.rate-row{min-height:var(--control-height);border:0;padding:0;gap:12px;font-size:11px}
.rate-row>span{display:flex;gap:7px;align-items:center}
body .rate-row input{width:80px;text-align:left}
.load-selectors select{width:100%;margin:9px 0;font-size:var(--control-font-size)}
dialog label>input,dialog label>textarea{display:block;width:100%;margin:8px 0 14px}
dialog textarea{box-sizing:border-box;font:400 var(--control-font-size)/1.6 var(--font);padding:11px var(--control-padding);background:var(--control-surface);border:1px solid var(--control-border);border-radius:var(--control-radius);color:var(--text);resize:vertical}
.advisor-overrides input{height:var(--control-height);margin:8px 0 0}
.advisor-overrides .button{height:var(--control-height)}
@media(max-width:1100px){.susp-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.susp-toolbar label:has(#suspRate){grid-column:1;grid-row:3}.susp-toolbar #applySuspRate{grid-column:2;grid-row:3;justify-self:start}.susp-toolbar #suspPrev{grid-column:3;grid-row:3;justify-self:start}.susp-toolbar #suspNext{grid-column:3;grid-row:3;justify-self:start;margin-left:56px}.susp-toolbar label:has(#ucaFilter){grid-row:4}.vehicle-inputs select{width:180px}}
@media(max-width:600px){.vehicle-inputs label{flex:1;min-width:100px}.vehicle-inputs select,.vehicle-inputs #year{width:100%}.vehicle-inputs .button{margin:0}.susp-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.susp-toolbar label:has(#suspBrand){grid-column:1;grid-row:2}.susp-toolbar label:has(#suspScope){grid-column:2;grid-row:2}.susp-toolbar label:has(#suspSort){grid-column:1;grid-row:3}.susp-toolbar label:has(#suspRate){grid-column:2;grid-row:3}.susp-toolbar #applySuspRate{grid-column:1;grid-row:4;justify-self:stretch}.susp-toolbar #suspPrev{grid-column:2;grid-row:4;margin:0}.susp-toolbar #suspNext{grid-column:2;grid-row:4;margin-left:56px}.susp-toolbar label:has(#ucaFilter){grid-row:5}.susp-toolbar select{min-width:0}.advisor-overrides .button{width:100%}}
body :is(.vehicle-inputs,.susp-toolbar,.load-selectors) select:not([multiple]){padding-right:34px}
#modal label>input{margin:8px 0 14px}
#modal .advisor-overrides input{margin:8px 0 0}