/* ==========================================================
   NEXACORE V6.6.5 · BEFORE / AFTER VERIFIED
   ========================================================== */

.score-compare{
  margin-top:34px;
}

.score-compare__privacy{
  margin-top:12px;
  padding:11px 13px;
  border:1px solid rgba(0,255,198,.15);
  border-radius:12px;
  background:rgba(0,255,198,.025);
  color:#729c98;
  font-size:10.8px;
  line-height:1.5;
}

.score-compare__empty,
.score-compare__saved{
  margin-top:13px;
  border:1px solid rgba(0,209,255,.18);
  border-radius:16px;
  background:
    radial-gradient(440px 180px at 0 0,rgba(0,209,255,.045),transparent 72%),
    rgba(5,19,28,.88);
}

.score-compare__empty{
  min-height:92px;
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.score-compare__empty[hidden],
.score-compare__saved[hidden]{
  display:none!important;
}

.score-compare__empty strong{
  color:#e8f9ff;
  font-size:13px;
}

.score-compare__empty p{
  max-width:760px;
  margin:5px 0 0;
  color:#7896a2;
  font-size:11px;
  line-height:1.5;
}

.score-compare button{
  min-height:39px;
  padding:0 12px;
  border:1px solid rgba(0,209,255,.23);
  border-radius:10px;
  background:rgba(0,209,255,.045);
  color:#b8edf8;
  font:800 10px/1 "Segoe UI Variable","Segoe UI",system-ui,sans-serif;
  cursor:pointer;
}

.score-compare button:hover{
  border-color:rgba(0,209,255,.48);
  transform:translateY(-1px);
}

#compareSaveBaseline{
  flex:0 0 auto;
  border-color:rgba(0,255,198,.28);
  color:#c7fff0;
  background:linear-gradient(135deg,rgba(0,255,198,.075),rgba(0,209,255,.06));
}

.score-compare__saved{
  overflow:hidden;
}

.score-compare__savedhead{
  padding:14px 15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  border-bottom:1px solid rgba(0,209,255,.09);
}

.score-compare__savedhead>div:first-child{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.score-compare__savedhead span{
  color:#648796;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.05em;
}

.score-compare__savedhead strong{
  color:#dff8ff;
  font-size:11.5px;
}

.score-compare__savedactions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}

#compareReset{
  border-color:rgba(255,145,165,.15);
  color:#be8a96;
  background:rgba(255,110,135,.025);
}

.score-compare__context{
  margin:13px 15px 0;
  padding:11px 12px;
  border:1px solid rgba(122,92,255,.14);
  border-radius:11px;
  background:rgba(122,92,255,.025);
  color:#8298af;
  font-size:10.5px;
  line-height:1.5;
}

.score-compare__context.ok{
  border-color:rgba(0,255,198,.15);
  background:rgba(0,255,198,.02);
  color:#769c95;
}

.score-compare__context.warn{
  border-color:rgba(255,194,107,.17);
  background:rgba(255,194,107,.025);
  color:#a98f6f;
}

.score-compare__scoreline{
  margin:13px 15px 0;
  padding:14px;
  display:grid;
  grid-template-columns:1fr auto 1fr 1fr;
  gap:12px;
  align-items:center;
  border:1px solid rgba(0,209,255,.14);
  border-radius:13px;
  background:rgba(4,15,23,.54);
}

.score-compare__scoreline>div:not(.score-compare__arrow){
  display:flex;
  flex-direction:column;
  gap:4px;
}

.score-compare__scoreline span{
  color:#648696;
  font-size:9.5px;
  font-weight:750;
}

.score-compare__scoreline strong{
  color:#ebfbff;
  font-size:24px;
  line-height:1;
}

.score-compare__arrow{
  color:#477c8d;
  font-size:18px;
}

.score-compare__delta{
  padding-left:12px;
  border-left:1px solid rgba(0,209,255,.10);
}

.score-compare__delta strong.positive{color:#70edc9}
.score-compare__delta strong.negative{color:#ff9aaa}
.score-compare__delta strong.neutral{color:#a4bdc7}

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

.score-compare__stats>div{
  min-height:63px;
  padding:11px 12px;
  border:1px solid rgba(0,209,255,.10);
  border-radius:11px;
  background:rgba(4,15,23,.44);
}

.score-compare__stats strong{
  display:block;
  color:#e7f9ff;
  font-size:17px;
}

.score-compare__stats span{
  display:block;
  margin-top:4px;
  color:#6c8996;
  font-size:9.5px;
  line-height:1.3;
}

.score-compare__stats .fixed strong,
.score-compare__stats .improved strong{color:#72e6c6}
.score-compare__stats .regressed strong{color:#ff9aaa}
.score-compare__stats .remaining strong{color:#e8bf7d}

.score-compare__cats{
  margin:10px 15px 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.score-compare-cat{
  padding:11px 12px;
  border:1px solid rgba(0,209,255,.10);
  border-radius:11px;
  background:rgba(4,15,23,.42);
}

.score-compare-cat b{
  display:block;
  color:#cfe6ee;
  font-size:10.5px;
}

.score-compare-cat div{
  margin-top:6px;
  display:flex;
  align-items:center;
  gap:7px;
  color:#6d8995;
  font-size:10px;
}

.score-compare-cat strong{
  color:#e6f8fc;
  font-size:11px;
}

.score-compare-cat em{
  margin-left:auto;
  font-style:normal;
  font-weight:850;
}

.score-compare-cat em.pos{color:#70e7c7}
.score-compare-cat em.neg{color:#ff9aaa}
.score-compare-cat em.zero{color:#6e8b97}

.score-compare__lists{
  margin:13px 15px 0;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
}

.score-compare__lists section{
  min-width:0;
  padding:12px;
  border:1px solid rgba(0,209,255,.10);
  border-radius:11px;
  background:rgba(4,15,23,.42);
}

.score-compare__lists section.danger{
  border-color:rgba(255,120,145,.11);
}

.score-compare__lists h3{
  margin:0 0 8px;
  color:#a9c8d3;
  font-size:10px;
  letter-spacing:.04em;
}

.score-compare-item{
  padding:7px 0;
  display:flex;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid rgba(0,209,255,.055);
}

.score-compare-item:first-child{border-top:0}

.score-compare-item span{
  min-width:0;
  color:#819ea9;
  font-size:10px;
  line-height:1.35;
}

.score-compare-item b{
  flex:0 0 auto;
  color:#dbeff5;
  font-size:9.5px;
}

.score-compare-item.fixed b,
.score-compare-item.improved b{color:#71e5c4}
.score-compare-item.regressed b{color:#ff99aa}
.score-compare-item.remaining b{color:#e6bb7a}

.score-compare-emptylist{
  color:#526f7b;
  font-size:10px;
  line-height:1.45;
}

.score-compare__footer{
  margin-top:13px;
  padding:13px 15px 15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  border-top:1px solid rgba(0,209,255,.08);
}

.score-compare__footer p{
  max-width:780px;
  margin:0;
  color:#607f8c;
  font-size:10px;
  line-height:1.45;
}

@media(max-width:820px){
  .score-compare__stats{grid-template-columns:1fr 1fr}
  .score-compare__cats{grid-template-columns:1fr 1fr}
  .score-compare__lists{grid-template-columns:1fr}
}

@media(max-width:600px){
  .score-compare__empty,
  .score-compare__savedhead,
  .score-compare__footer{
    align-items:flex-start;
    flex-direction:column;
  }

  .score-compare__scoreline{
    grid-template-columns:1fr auto 1fr;
  }

  .score-compare__delta{
    grid-column:1/-1;
    padding:10px 0 0;
    border-left:0;
    border-top:1px solid rgba(0,209,255,.10);
  }

  .score-compare__cats{grid-template-columns:1fr}
}