/* points.css — 별 이용내역 페이지 (legal.css 테마 위에 얹는다) */
.pt-main{max-width:680px;margin:0 auto;padding:0 16px}

.pt-balance{
  margin:1.2rem 0 1rem;padding:1.4rem 1rem;text-align:center;
  border:1px solid rgba(123,192,255,.35);border-radius:16px;
  background:linear-gradient(180deg,rgba(45,127,249,.14),rgba(26,10,54,.5));
}
.pt-balance__label{font-size:.9rem;color:var(--lavender)}
.pt-balance__value{font-size:2.1rem;line-height:1.3;color:#cfe6ff}
.pt-balance__value b{font-weight:600}
.pt-star{filter:hue-rotate(185deg) saturate(1.6)}
.pt-balance__won{font-size:.85rem;color:var(--lavender);opacity:.8}
.pt-expire{
  margin-top:.7rem;font-size:.85rem;color:#ffd7a8;
  background:rgba(217,119,6,.12);border-radius:10px;padding:.45rem .7rem;display:inline-block;
}

.pt-summary{
  display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:1.2rem;
}
.pt-sum{
  text-align:center;padding:.6rem .2rem;border-radius:12px;
  background:rgba(124,58,237,.12);border:1px solid rgba(196,181,253,.18);
}
.pt-sum span{display:block;font-size:.78rem;color:var(--lavender)}
.pt-sum b{font-size:1rem;font-weight:600}
.pt-formula{grid-column:1/-1;text-align:center;font-size:.8rem;color:var(--lavender);opacity:.85;margin-top:.2rem;word-break:keep-all}

.pt-h2{font-size:1.05rem;margin:.4rem 0 .6rem;color:var(--gold3)}
.pt-state{font-size:.9rem;color:var(--lavender);padding:.6rem 0}
.pt-list{list-style:none;padding:0;margin:0 0 1.4rem}
.pt-row{
  display:grid;grid-template-columns:1fr auto;gap:.1rem .8rem;align-items:center;
  padding:.75rem .2rem;border-bottom:1px solid rgba(196,181,253,.14);
}
.pt-row__title{font-size:.95rem;word-break:keep-all}
.pt-row__date{grid-column:1;font-size:.78rem;color:var(--lavender);opacity:.8}
.pt-row__amt{grid-column:2;grid-row:1;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.pt-row__after{grid-column:2;grid-row:2;text-align:right;font-size:.78rem;color:var(--lavender);opacity:.8;font-variant-numeric:tabular-nums}
.pt-row--charge .pt-row__amt,.pt-row--refund .pt-row__amt{color:#7bc0ff}
.pt-row--use .pt-row__amt{color:#ff9db1}
.pt-row--expire .pt-row__amt{color:#c9b8a0}
.pt-row__sub{grid-column:1/-1;font-size:.75rem;color:var(--lavender);opacity:.7}

.pt-policy{margin-bottom:1rem}

@media (max-width:420px){
  .pt-summary{grid-template-columns:repeat(2,1fr)}
  .pt-balance__value{font-size:1.8rem}
}