/* rcp-payment-result.css — enhanced design v1.0.5 */
:root{
  --accent: #3dd07a;
  --muted: rgba(255,255,255,0.78);
  --card-bg: rgba(10,10,10,0.62);
  --glass: rgba(255,255,255,0.03);
  --shadow: 0 18px 60px rgba(2,6,10,0.6);
  --max-width: 900px;
  --radius: 14px;
  font-family: "IRANSans", "Montserrat", Arial, sans-serif;
}

/* container */
#rcp-payment-result-root {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px 16px;
  box-sizing:border-box;
  color:#fff;
}

/* card */
.rcppr-result-card {
  width:100%;
  max-width:var(--max-width);
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border-radius: var(--radius);
  padding:24px 26px;
  box-sizing:border-box;
  position:relative;
  box-shadow: var(--shadow);
  overflow:hidden;
  border: 1px solid rgba(255,255,255,0.03);
}

/* header */
.rcppr-header {
  text-align:center;
  margin-bottom:14px;
  position:relative;
  padding-top:6px;
}
.rcppr-tick-large { position:absolute; left:auto; right:18px; top:10px; transform:translateY(0); }
.rcppr-title { font-size:20px; margin:0; font-weight:800; letter-spacing:.2px; color:#fff; text-align:center; display:inline-block; padding-right:12px; }
.rcppr-sub { margin-top:6px; color:var(--muted); font-size:13px; }

/* features list */
.rcppr-features {
  margin: 12px 0 0;
  padding: 0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.rcppr-features li {
  display:block;
  position:relative;
  padding:12px 18px 12px 18px;
  background: var(--glass);
  border-radius:10px;
  color: #e8e8e8;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
  overflow:visible;
}

/* place small tick at right */
.rcppr-features li .rcppr-tick-small {
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  filter: drop-shadow(0 4px 8px rgba(61,208,122,0.12));
}

/* emphasize plan */
.rcppr-plan { font-weight:900; font-size:16px; color:#fff; margin-right:6px; }

/* days left badge */
.rcppr-features .days-left { margin-left:8px; color: var(--accent); font-weight:700; }

/* support link */
.rcppr-support { display:inline-block; background:transparent; color:var(--accent); font-weight:700; text-decoration:none; }

/* back button */
.rcppr-actions { text-align:center; margin-top:18px; }
.back-btn {
  display:inline-block;
  padding:10px 18px;
  background: linear-gradient(90deg, #fff, #f3f3f3);
  color:#111;
  border-radius:8px;
  text-decoration:none;
  font-weight:700;
  box-shadow: 0 10px 28px rgba(2,6,10,0.35);
}

/* glow accent */
.rcppr-result-card::before{
  content:"";
  position:absolute;
  left:-30%;
  top:-40%;
  width:200%;
  height:200%;
  background: radial-gradient(closest-side, rgba(61,208,122,0.12), transparent 25%);
  transform: rotate(10deg);
  pointer-events:none;
  z-index:0;
}

/* failed style */
.rcppr-failed .rcppr-title { color: #ff7b7b; }
.rcppr-empty .rcppr-sub { color:var(--muted); }

/* immediate visible (remove delayed transitions) */
.rcppr-result-card { transform: none !important; opacity: 1 !important; transition: none !important; }

/* responsive */
@media (max-width:760px){
  .rcppr-result-card { padding:16px; border-radius:12px; }
  .rcppr-title { font-size:18px; }
  .rcppr-features li { padding:10px 12px; }
  .rcppr-tick-large { display:none; }
  .rcppr-features li .rcppr-tick-small { right:8px; }
}