/* Island Car Log — Bodywork Quality v2 */
#bodyworkQualityTransition{
  position:fixed;inset:0;z-index:1400;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 42%,rgba(26,55,78,.42),rgba(5,13,21,.92) 58%,rgba(3,8,13,.97));
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  opacity:0;visibility:hidden;pointer-events:none;
}
#bodyworkQualityTransition.bqt-active{visibility:visible;pointer-events:auto}
#bodyworkQualityTransition .bqt-stage{
  width:min(720px,92vw);padding:26px 26px 22px;border-radius:24px;text-align:center;
  background:
    linear-gradient(145deg,rgba(28,45,59,.97),rgba(9,17,26,.98)),
    radial-gradient(circle at 50% 0,rgba(121,200,249,.14),transparent 55%);
  border:1px solid rgba(255,255,255,.17);
  box-shadow:0 30px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff;overflow:hidden;
}
#bodyworkQualityTransition .bqt-stage::before{
  content:"";position:absolute;pointer-events:none;
}
.bqt-kicker{margin:0 0 5px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#9ccbf1}
.bqt-title{margin:0 0 14px;font-size:26px;color:#fff}
.bqt-car{
  position:relative;width:min(650px,86vw);height:auto;aspect-ratio:760/300;margin:0 auto 8px;
  overflow:visible;isolation:isolate;
}
.bqt-car::after{
  content:"";position:absolute;left:10%;right:10%;bottom:4%;height:13%;
  background:radial-gradient(ellipse at center,rgba(75,174,232,.18),transparent 70%);
  filter:blur(10px);z-index:-1;pointer-events:none;
}
.bqt-car-svg{display:block;width:100%;height:100%;overflow:visible}
.bqt-ground{fill:rgba(0,0,0,.28);filter:blur(3px)}
.bqt-body-shell{
  fill:url(#bqtBodyFill);stroke:rgba(218,239,251,.95);stroke-width:2.2;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.30));
}
.bqt-panel{
  fill:rgba(129,163,183,.12);stroke:rgba(203,230,245,.22);stroke-width:1.2;
  vector-effect:non-scaling-stroke;
}
.bqt-panel-door,.bqt-panel-rear-door{fill:rgba(119,157,180,.08)}
.bqt-panel-front,.bqt-panel-quarter{fill:rgba(139,174,194,.09)}
.bqt-glass{
  fill:url(#bqtGlassFill);stroke:rgba(210,237,251,.72);stroke-width:1.45;
  vector-effect:non-scaling-stroke;
}
.bqt-draw{
  fill:none;stroke:rgba(223,241,251,.84);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.bqt-roof-line{stroke-width:2.2}
.bqt-belt-line{stroke:rgba(233,246,253,.62)}
.bqt-sill-line{stroke:rgba(169,206,226,.55)}
.bqt-door-line,.bqt-pillar{stroke:rgba(201,228,242,.60);stroke-width:1.35}
.bqt-door-handle{stroke:rgba(236,247,252,.92);stroke-width:2.2}
.bqt-mirror{fill:rgba(105,137,155,.76);stroke:rgba(221,240,249,.80);stroke-width:1.5}
.bqt-light{stroke-width:1.4;vector-effect:non-scaling-stroke}
.bqt-headlight{fill:rgba(218,246,255,.82);stroke:#e9fbff}
.bqt-tail-light{fill:rgba(255,112,112,.70);stroke:rgba(255,190,190,.95)}
.bqt-wheel{transform-box:fill-box;transform-origin:center}
.bqt-tyre{fill:#111820;stroke:#26333d;stroke-width:7;vector-effect:non-scaling-stroke}
.bqt-rim{fill:url(#bqtRimFill);stroke:#d3e0e7;stroke-width:1.5;vector-effect:non-scaling-stroke}
.bqt-hub{fill:#394952;stroke:#d9e4e9;stroke-width:1.4;vector-effect:non-scaling-stroke}
.bqt-spokes{
  fill:none;stroke:#e2ebef;stroke-width:4.2;stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}
.bqt-detail-lines .bqt-draw{stroke:rgba(194,224,239,.42);stroke-width:1.3}
.bqt-scan-band{
  fill:rgba(139,216,255,.15);stroke:rgba(205,243,255,.72);stroke-width:1;
  filter:url(#bqtGlow);vector-effect:non-scaling-stroke;
}
.bqt-scan-line{
  position:absolute;top:12%;bottom:17%;left:-12%;width:2px;border-radius:999px;
  background:linear-gradient(180deg,transparent,rgba(223,249,255,.98) 16%,rgba(139,219,255,.98) 50%,rgba(223,249,255,.98) 84%,transparent);
  box-shadow:0 0 9px rgba(155,225,255,.92),0 0 22px rgba(85,186,239,.55);
  pointer-events:none;
}
.bqt-status{margin:2px 0 0;color:#dbeeff;font-weight:700;font-size:13px;letter-spacing:.01em;min-height:18px}

@media(max-width:560px){
  #bodyworkQualityTransition .bqt-stage{width:min(94vw,720px);padding:21px 12px 18px;border-radius:20px}
  .bqt-title{font-size:22px;margin-bottom:9px}
  .bqt-car{width:92vw;max-width:630px;margin-left:50%;transform:translateX(-50%)}
  .bqt-status{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  #bodyworkQualityTransition *{animation:none!important;transition:none!important}
}

#carHealthModal .health-quality-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
#carHealthModal .health-quality-actions button{margin:0!important;width:100%!important;min-width:0!important}
#carHealthModal .health-factor small.health-factor-detail{display:block;margin-top:5px;color:#66788a!important;font-size:10px!important;line-height:1.2!important}
#bodyworkQualityModal .modal-inner{max-width:720px}
#bodyworkQualityModal .bodywork-quality-form-panel{padding:15px;border:1px solid #d7e5f1;border-radius:14px;background:#f6faff}
@media(max-width:560px){
  #carHealthModal .health-quality-actions{grid-template-columns:1fr}
  #bodyworkQualityTransition .bqt-stage{padding:21px 14px}
  .bqt-title{font-size:22px}
}
@media(prefers-reduced-motion:reduce){#bodyworkQualityTransition *{animation:none!important;transition:none!important}}