/* Cards */
.card{
  background:linear-gradient(180deg,color-mix(in oklab,var(--card),transparent 0%),color-mix(in oklab,var(--elevated),transparent 24%));
  border:1px solid rgba(255,255,255,.06); border-radius:var(--radius);
  padding:var(--space-6); margin:var(--space-5) 0; box-shadow:var(--shadow-1);
  transition:transform var(--t), box-shadow var(--t), border-color var(--t);
}
.card:hover{ transform:translateY(-2px); box-shadow:var(--shadow-2); border-color:rgba(255,255,255,.12) }
.card .card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}
.card .card-cta{margin-top:var(--space-5)}

/* Buttons */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  padding:.7rem 1.05rem; border-radius:var(--radius-sm);
  background:linear-gradient(180deg,var(--brand),var(--brand-600));
  color:#062226; border:none; text-decoration:none; font-weight:800; cursor:pointer;
  box-shadow:0 6px 18px rgba(94,234,212,.25);
  transition:transform var(--t), box-shadow var(--t), filter var(--t);
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn:focus-visible{outline:none; box-shadow:var(--ring)}
.btn.secondary{background:linear-gradient(180deg,#2a335e,#303a6b);color:#d3dbff;box-shadow:0 6px 18px rgba(84,127,230,.18)}
.btn.ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.12)}
.btn.icon{padding:.55rem .7rem}

/* Dispute CTAs → match Pay now / Write review */
.btn.secondary[href*="disputes_new"],
.btn.dispute,
.btn.secondary.dispute{
  padding:.7rem 1.05rem;
  border-radius:var(--radius-sm);
  background:linear-gradient(180deg,var(--brand),var(--brand-600));
  color:#062226; box-shadow:0 6px 18px rgba(94,234,212,.25);
}
.btn.secondary[href*="disputes_new"]:hover,
.btn.dispute:hover,
.btn.secondary.dispute:hover{ transform:translateY(-1px) }
.btn.secondary[href*="disputes_new"]:active,
.btn.dispute:active,
.btn.secondary.dispute:active{ transform:translateY(0) scale(.98) }
.btn.secondary[href*="disputes_new"]:focus-visible,
.btn.dispute:focus-visible,
.btn.secondary.dispute:focus-visible{ outline:none; box-shadow:var(--ring) }

/* Badges / chips */
.badge{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.25rem .6rem; border-radius:999px; background:#24305e; color:#c7d2fe;
  margin-right:.4rem; font-size:.8rem; border:1px solid rgba(255,255,255,.08);
}
/* Turn existing-dispute link into a button */
.badge[href*="dispute"], .badge.dispute{
  justify-content:center; padding:.7rem 1.05rem; border-radius:var(--radius-sm);
  background:linear-gradient(180deg,var(--brand),var(--brand-600));
  color:#062226; border:none; text-decoration:none; font-weight:800;
  box-shadow:0 6px 18px rgba(94,234,212,.25);
}
.badge[href*="dispute"]:hover, .badge.dispute:hover{ transform:translateY(-1px) }
.badge[href*="dispute"]:active, .badge.dispute:active{ transform:translateY(0) scale(.98) }
.badge[href*="dispute"]:focus-visible, .badge.dispute:focus-visible{ outline:none; box-shadow:var(--ring) }