/* DVZ Pro v21 — DVZ Контроль in My Garage */
.garage-control-intro{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;margin:12px 0;padding:14px 15px;border:1px solid rgba(40,194,255,.18);border-radius:18px;background:radial-gradient(circle at 0 0,rgba(0,170,255,.12),transparent 40%),rgba(255,255,255,.028)}
.garage-control-intro-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(0,170,255,.10);color:#66d2ff;font-size:21px;box-shadow:inset 0 0 0 1px rgba(102,210,255,.10)}
.garage-control-intro span{display:block;color:#67d2ff;font-size:8px;font-weight:950;letter-spacing:.12em}.garage-control-intro strong{display:block;margin-top:3px;color:#f2f7fa;font-size:14px}.garage-control-intro p{margin:5px 0 0;color:#87949f;font-size:10px;line-height:1.45}
.dvz-control{margin:13px 0 11px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
.dvz-control.is-good{border-color:rgba(52,220,143,.20);background:radial-gradient(circle at 100% 0,rgba(52,220,143,.10),transparent 40%),rgba(255,255,255,.025)}.dvz-control.is-warning{border-color:rgba(246,190,66,.22);background:radial-gradient(circle at 100% 0,rgba(246,190,66,.10),transparent 40%),rgba(255,255,255,.025)}.dvz-control.is-danger{border-color:rgba(255,93,93,.24);background:radial-gradient(circle at 100% 0,rgba(255,93,93,.10),transparent 40%),rgba(255,255,255,.025)}
.dvz-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dvz-control-kicker{display:block;color:#60ceff;font-size:8px;font-weight:950;letter-spacing:.11em}.dvz-control-head strong{display:block;margin-top:3px;color:#f4f8fa;font-size:13px}.dvz-control-head small{display:block;margin-top:2px;color:#687680;font-size:8px}.dvz-control-score{display:flex;align-items:baseline;gap:2px;white-space:nowrap}.dvz-control-score b{font-size:24px;line-height:1;color:#eef7fb}.dvz-control-score span{color:#667580;font-size:9px}
.dvz-control-bar{height:5px;margin:10px 0 11px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)}.dvz-control-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16aee8,#42df9a)}.dvz-control.is-warning .dvz-control-bar i{background:linear-gradient(90deg,#e9a72a,#ffd166)}.dvz-control.is-danger .dvz-control-bar i{background:linear-gradient(90deg,#ff6262,#ff9b65)}
.dvz-control-tasks{display:grid;gap:7px}.dvz-control-task{display:grid;grid-template-columns:7px 1fr;gap:8px;align-items:start}.dvz-control-task>span{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#6a7a84}.dvz-control-task.is-good>span{background:#45db98}.dvz-control-task.is-warning>span{background:#ffc34d}.dvz-control-task.is-danger>span{background:#ff7070}.dvz-control-task p{margin:0;color:#aab5bd;font-size:9.5px;line-height:1.4}
.dvz-control-watch{margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.dvz-control-watch>small{display:block;margin-bottom:4px;color:#687681;font-size:7.5px;font-weight:900;letter-spacing:.09em}.dvz-control-watch a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;color:#c9d4db;text-decoration:none;font-size:9px;line-height:1.35}.dvz-control-watch a span{color:#59caff;font-size:15px}
.dvz-control-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;margin-top:11px}.dvz-control-actions button{min-height:38px;border:1px solid rgba(66,197,255,.18);border-radius:11px;background:rgba(0,170,255,.075);color:#bceaff;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.dvz-control-actions button:last-child{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#aab6be}
.garage-card-actions button[data-action="service"]{border-color:rgba(52,220,143,.18);color:#80e8b6}
@media(max-width:380px){.garage-control-intro{grid-template-columns:36px 1fr;padding:12px}.garage-control-intro-icon{width:36px;height:36px}.dvz-control{padding:12px}.dvz-control-actions{grid-template-columns:1fr 1fr}}


/* =========================================================
   DVZ Pro v37 — Реальний ресурс двигуна у Моєму гаражі
========================================================= */
.dvz-real-resource{
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(91,205,255,.16);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(3,23,34,.84),rgba(9,17,23,.92));
}
.dvz-real-resource.is-good{border-color:rgba(67,220,151,.18)}
.dvz-real-resource.is-warning{border-color:rgba(246,190,66,.19)}
.dvz-real-resource.is-danger{border-color:rgba(255,101,101,.20)}
.dvz-resource-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.dvz-resource-head>div:first-child{min-width:0}
.dvz-resource-head>div:first-child>span{
  display:block;
  color:#62d1ff;
  font-size:7.5px;
  font-weight:950;
  letter-spacing:.095em;
}
.dvz-resource-head>div:first-child>strong{
  display:block;
  margin-top:3px;
  color:#f3f9fc;
  font-size:16px;
  line-height:1.15;
}
.dvz-resource-head>div:first-child>small{
  display:block;
  max-width:250px;
  margin-top:4px;
  color:#74838e;
  font-size:8px;
  line-height:1.4;
}
.dvz-resource-km{
  flex:0 0 auto;
  min-width:72px;
  padding:8px 9px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:11px;
  background:rgba(255,255,255,.028);
  text-align:right;
}
.dvz-resource-km b{
  display:block;
  color:#dcebf2;
  font-size:11px;
}
.dvz-resource-km span{
  display:block;
  margin-top:1px;
  color:#64747f;
  font-size:7px;
}
.dvz-resource-meter{
  position:relative;
  height:7px;
  margin-top:12px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.055);
}
.dvz-resource-meter>b{
  position:absolute;
  inset:0 auto 0 0;
  display:block;
  border-radius:inherit;
  background:linear-gradient(90deg,#28bdf3,#48df9c);
}
.dvz-real-resource.is-warning .dvz-resource-meter>b{background:linear-gradient(90deg,#27baf0,#efc14d)}
.dvz-real-resource.is-danger .dvz-resource-meter>b{background:linear-gradient(90deg,#efb342,#ff6868)}
.dvz-resource-zone{
  position:absolute;
  top:0;
  bottom:0;
  z-index:2;
  width:2px;
  background:#f7d06a;
  box-shadow:0 0 8px rgba(247,208,106,.6);
}
.dvz-resource-scale{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:4px;
  color:#596a75;
  font-size:7px;
}
.dvz-resource-verdict{
  margin-top:11px;
  padding:10px;
  border-radius:12px;
  background:rgba(255,255,255,.027);
}
.dvz-resource-verdict strong{
  display:block;
  color:#dff5ee;
  font-size:10px;
}
.dvz-real-resource.is-warning .dvz-resource-verdict strong{color:#f3d17d}
.dvz-real-resource.is-danger .dvz-resource-verdict strong{color:#ff9d9d}
.dvz-resource-verdict p{
  margin:4px 0 0;
  color:#8c9aa3;
  font-size:8.5px;
  line-height:1.45;
}
.dvz-resource-checks{
  display:grid;
  gap:7px;
  margin-top:11px;
}
.dvz-resource-checks>em{
  color:#657580;
  font-size:7px;
  font-style:normal;
  font-weight:950;
  letter-spacing:.085em;
}
.dvz-resource-check{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:8px;
  align-items:start;
}
.dvz-resource-check>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:rgba(255,255,255,.025);
  font-size:12px;
}
.dvz-resource-check strong,
.dvz-resource-check small{display:block}
.dvz-resource-check strong{
  color:#cbd8de;
  font-size:8.8px;
  line-height:1.3;
}
.dvz-resource-check small{
  margin-top:2px;
  color:#687984;
  font-size:7.8px;
  line-height:1.35;
}
.dvz-resource-note{
  margin:10px 0 0;
  padding-top:9px;
  border-top:1px dashed rgba(255,255,255,.055);
  color:#60717c;
  font-size:7.5px;
  line-height:1.4;
}
@media(max-width:380px){
  .dvz-resource-head{gap:8px}
  .dvz-resource-km{min-width:64px;padding:7px}
  .dvz-resource-head>div:first-child>strong{font-size:14px}
}