/* V11.6 Route Optimizer 2.0 — Route screen only */

.v116-route-quality{
  margin:14px 0;
  padding:17px;
  border-radius:22px;
  color:#f2faff;
  background:
    linear-gradient(145deg,rgba(7,29,48,.98),rgba(3,14,25,.99));
  border:1px solid rgba(43,207,255,.25);
  box-shadow:
    0 17px 42px rgba(0,0,0,.31),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.v116-quality-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.v116-quality-head small{
  display:block;
  color:#39eca0;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}

.v116-quality-head strong{
  display:block;
  margin-top:5px;
  font-size:19px;
  font-weight:900;
}

.v116-score{
  min-width:75px;
  text-align:right;
  color:#4bb9ff;
  font-size:29px;
  font-weight:950;
  line-height:1;
  text-shadow:0 0 18px rgba(55,178,255,.22);
}

.v116-score span{
  color:#8297aa;
  font-size:12px;
}

.v116-quality-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:15px;
}

.v116-quality-grid>div{
  padding:12px 10px;
  border-radius:15px;
  background:rgba(4,18,31,.88);
  border:1px solid rgba(70,135,177,.16);
}

.v116-quality-grid small{
  display:block;
  color:#7f95a9;
  font-size:8px;
  font-weight:900;
  letter-spacing:.07em;
}

.v116-quality-grid strong{
  display:block;
  margin-top:5px;
  font-size:14px;
  font-weight:900;
}

.v116-quality-note{
  margin-top:11px;
  color:#8fa7bb;
  font-size:10px;
  line-height:1.4;
}

@media(max-width:600px){
  .v116-quality-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}