.refund-calc__panel{
  background-color:rgba(255,255,255,0.5);
  border-radius:1.5rem;
  padding:2rem;
  box-shadow:0 20px 45px rgba(0,0,0,.08);
  display:grid;
  gap:1rem;
  transition:background-color 220ms ease;
}
.refund-calc__panel:hover,
.refund-calc__panel:focus-within{
  background-color:rgba(255,255,255,1);
}
.refund-calc__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
@media (max-width: 991.98px){
  .refund-calc__grid{ grid-template-columns:1fr; }
}
.refund-calc__label{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:.85rem;
  letter-spacing:.08em;
  margin-bottom:.35rem !important;
}
.refund-calc__input{
  border-radius:1rem;
  padding:.85rem 1rem;
  border:1px solid rgba(0,0,0,.1);
  color:var(--primary);
  font-weight:600;
}
.refund-calc__result{
  height:100%;
  background:rgba(255,255,255,0.5);
  border-radius:1.5rem;
  padding:2rem;
  box-shadow:0 16px 32px rgba(0,0,0,.08);
  transition:background-color 220ms ease, border-color 220ms ease;
  border:1px solid rgba(0,0,0,.06);
}
.refund-calc__result.is-hidden{
  display:none;
}
.refund-calc__result:hover{
  background:rgba(255,255,255,1);
}
.refund-calc__result.is-error{
  border-color:rgba(220,53,69,.35);
}
.refund-calc__result-lead{
  color:rgba(11, 11, 11, .7);
}
.refund-calc__result-grid{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  align-items:stretch;
}
.refund-calc__result-grid > .refund-calc__card{
  flex:1 1 10.5rem;
}
.refund-calc__card{
  background:linear-gradient(135deg, rgba(39,76,139,.10), rgba(78,128,195,.08));
  border-radius:1.25rem;
  padding:1.25rem;
}
.refund-calc__card--accent{
  background:linear-gradient(135deg, rgba(25,135,84,.15), rgba(25,135,84,.08));
}
.refund-calc__value{
  font-weight:700;
  font-size:1.35rem;
}
.refund-calc__value--strong{
  font-size:1.6rem;
}

.refund-calc__refund-breakdown{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
  margin-top:.5rem;
}
.refund-calc__refund-item{
  min-width:0;
}
.refund-calc__refund-label{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  opacity:.9;
  line-height:1.1;
}
.refund-calc__refund-value{
  font-weight:800;
  font-size:1.05rem;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.refund-calc__history-list{
  display:grid;
  gap:.5rem;
}

.refund-calc__history-item{
  width:100%;
  text-align:left;
  border-radius:1rem;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.7);
  color:var(--primary);
  font-weight:600;
  display:grid;
  gap:.25rem;
  position:relative;
  transition:background-color 180ms ease, border-color 180ms ease, transform 60ms ease, box-shadow 180ms ease;
}

.refund-calc__history-main{
  width:100%;
  text-align:left;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  padding:.75rem 3.25rem .75rem 1rem;
  border-radius:1rem;
  display:grid;
  gap:.25rem;
}

.refund-calc__history-item:hover{
  background:rgba(255,255,255,1);
  border-color:rgba(39,76,139,.25);
}

.refund-calc__history-item.is-active{
  background:rgba(255,255,255,1);
  border-color:rgba(25,135,84,.45);
  box-shadow:0 12px 24px rgba(25,135,84,.10);
}

.refund-calc__history-item:active{
  transform:translateY(1px);
}

.refund-calc__history-title{
  font-size:.9rem;
  letter-spacing:.02em;
}

.refund-calc__history-sub{
  font-size:.95rem;
  font-weight:800;
  color:rgba(25,135,84,1);
}

.refund-calc__history-remove{
  border-radius:1rem;
  width:2.6rem;
  height:2.6rem;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.7);
  color:rgba(220,53,69,1);
  position:absolute;
  right:.5rem;
  top:.5rem;
  transition:background-color 180ms ease, border-color 180ms ease, transform 60ms ease;
}

.refund-calc__history-remove:hover{
  background:rgba(255,255,255,1);
  border-color:rgba(220,53,69,.35);
}

.refund-calc__history-remove:active{
  transform:translateY(1px);
}