/* OWNER-UAT-FIX-008: comparison-only input and result presentation. */
#panel-compare .cmp-car-h{gap:0}
#panel-compare .cmp-car .f-row.cmp-consumption-row{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
#panel-compare .cmp-car .f-row.cmp-consumption-row:focus-within{
  border-color:transparent;
  box-shadow:none!important;
}
#panel-compare .cmp-consumption-row .f-label{
  padding:2px 0 6px;
  color:var(--ink2);
}
#panel-compare .cmp-consumption-wrap{
  box-sizing:border-box;
  min-height:46px;
  padding:0 12px;
  gap:10px;
  border:1px solid rgba(27,25,21,.18);
  border-radius:10px;
  background:rgba(255,255,255,.72);
  transition:border-color .15s,box-shadow .15s,background-color .15s;
}
#panel-compare .cmp-consumption-wrap:focus-within{
  border-color:var(--brand-ink);
  background:#fffdf8;
  box-shadow:0 0 0 3px rgb(from var(--brand-primary) r g b / .12);
}
#panel-compare .cmp-consumption-wrap input,
#panel-compare .cmp-consumption-wrap input:focus{
  min-height:44px;
  padding:0;
  border:0!important;
  border-radius:0;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--ink);
  appearance:none;
}
#panel-compare .cmp-consumption-wrap span{
  color:var(--ink2);
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}
#panel-compare .cmp-consumption-row>small{
  padding:7px 1px 0;
  color:var(--ink3);
  font-size:10px;
  line-height:1.4;
}
#panel-compare .cmp-consumption-row.has-error{
  border:0!important;
}
#panel-compare .cmp-consumption-row.has-error .cmp-consumption-wrap{
  border-color:#b84343;
}
#panel-compare .cmp-consumption-row .f-error{
  margin:6px 1px 0;
}
#cmp-result .cmp-active-source{
  display:block;
  margin-top:3px;
  color:var(--ink3);
  font-size:10px;
  line-height:1.2;
  font-weight:650;
}
@media(max-width:600px){
  #panel-compare .cmp-consumption-wrap{min-height:48px}
  #panel-compare .cmp-consumption-wrap input{min-height:46px;font-size:16px}
  #cmp-result .cmp-bd2-c{overflow-wrap:anywhere}
}
#panel-compare .f-row.cmp-price-row,
#panel-compare .f-row[data-step="cmp-annual-km"]{border:0!important;background:transparent;box-shadow:none!important;overflow:visible}
#panel-compare .cmp-price-row .f-label,
#panel-compare [data-step="cmp-annual-km"] .f-label{padding:2px 0 6px}
#panel-compare .cmp-price-wrap,
#panel-compare .cmp-annual-km-wrap{position:relative;display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;box-sizing:border-box;border:1px solid rgba(27,25,21,.18);border-radius:10px;background:rgba(255,255,255,.72)}
#panel-compare .cmp-price-wrap:focus-within,
#panel-compare .cmp-annual-km-wrap:focus-within{border-color:var(--brand-ink);background:#fffdf8;box-shadow:0 0 0 3px rgb(from var(--brand-primary) r g b / .12)}
#panel-compare .cmp-price-wrap input,
#panel-compare .cmp-annual-km-wrap input{width:100%;min-width:0;min-height:44px;padding:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;appearance:none;font:inherit;color:inherit}
#panel-compare .cmp-price-wrap span,
#panel-compare .cmp-annual-km-wrap span{position:static;flex-shrink:0;white-space:nowrap;font-size:12px;color:var(--ink2)}
#panel-compare .cmp-price-wrap:has([aria-invalid="true"]){border-color:#b42318}
#cmp-result .cmp-price-summary{display:flex;flex-wrap:wrap;gap:12px 32px}
#cmp-result .cmp-price-summary p{margin:0;min-width:0}
#cmp-result .cmp-price-summary strong,#cmp-result .cmp-price-summary span{display:block;overflow-wrap:anywhere}
#cmp-result .cmp-meta-row{text-transform:none}
@media(max-width:600px){#panel-compare .cmp-price-wrap input,#panel-compare .cmp-annual-km-wrap input{font-size:16px}}
#panel-compare .cmp-shared{grid-template-columns:minmax(0,1fr);border:0;background:transparent;box-shadow:none;overflow:visible}
#panel-compare .cmp-price-row{grid-column:1 / -1}