/* V11.7 Safe Optimizer Guard comparison card */

.v117-comparison{
  margin-top:13px;
  padding:13px;
  border-radius:16px;
  background:rgba(4,18,31,.88);
  border:1px solid rgba(80,142,184,.18);
}

.v117-comparison.accepted{
  border-color:rgba(55,243,154,.30);
  background:
    linear-gradient(145deg,rgba(9,48,39,.70),rgba(4,21,31,.90));
}

.v117-comparison.rejected{
  border-color:rgba(250,204,21,.28);
  background:
    linear-gradient(145deg,rgba(49,39,8,.46),rgba(4,20,31,.90));
}

.v117-comparison-title{
  color:#f2f9ff;
  font-size:13px;
  font-weight:900;
}

.v117-comparison-grid{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
  margin-top:10px;
}

.v117-comparison-grid small{
  display:block;
  color:#7f96aa;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.v117-comparison-grid strong{
  display:block;
  margin-top:4px;
  color:#eaf8ff;
  font-size:12px;
}

.v117-arrow{
  color:#42b8ff;
  font-size:19px;
  font-weight:900;
}

.v117-saving{
  margin-top:10px;
  color:#9eb5c8;
  font-size:10px;
  line-height:1.4;
}

.v117-comparison.accepted .v117-saving{
  color:#71eeb0;
}

.v117-comparison.rejected .v117-saving{
  color:#f3cf70;
}

@media(max-width:500px){
  .v117-comparison-grid{
    grid-template-columns:1fr;
  }

  .v117-arrow{
    transform:rotate(90deg);
    text-align:center;
  }
}