/* Stage 4 — customer account, wallet, top-ups (Magma theme) */

.snav{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  background:rgba(255,255,255,.85);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(120,0,144,.1);border-radius:16px;padding:11px 16px;margin-bottom:20px;
  box-shadow:var(--shadow-sm);
}
.snav-brand{
  font-weight:800;font-size:16px;letter-spacing:-.2px;
  background:linear-gradient(115deg,#4A0059,#780090 60%,#FC6000 130%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.snav-links{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:13.5px;font-weight:500}
.snav-links a{color:var(--muted)}
.snav-links a:hover{color:var(--violet)}
.snav-links form{display:inline;margin:0}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.wallet-card{display:grid;gap:2px;margin:0;position:relative;overflow:hidden}
.wallet-card b{
  font-size:27px;line-height:1.3;letter-spacing:-.6px;font-variant-numeric:tabular-nums;
  background:linear-gradient(120deg,#4A0059,#780090 55%,#FC6000 130%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.wallet-card::after{
  content:"";position:absolute;inset-inline-start:0;top:16px;bottom:16px;width:3px;border-radius:3px;
  background:var(--grad);opacity:.85;
}
.card .wallet-card{padding:18px}

.form-three{grid-template-columns:1fr 1fr 1fr auto;align-items:end}
@media (max-width:820px){
  .grid2{grid-template-columns:1fr}
  .form-three{grid-template-columns:1fr}
}

.tbl-price.pos span{color:var(--ok)}
.tbl-price.neg span{color:var(--bad)}

.tb-block{border-bottom:1px solid var(--line);padding:6px 8px 8px;margin-bottom:6px;border-radius:var(--radius-sm)}
.tb-block:hover{background:#FBF7FE}
.tb-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.pending-actions{padding-bottom:10px}
.reject-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.reject-form input{
  font:inherit;padding:8px 12px;border:1px solid var(--line);border-radius:10px;
  background:#FCFAFF;max-width:220px;
}
.reject-form input:focus{outline:none;border-color:var(--violet-2);box-shadow:var(--ring)}

.wallet-pick{
  display:none;gap:10px;padding:14px;border:1px dashed #DCC6EC;border-radius:14px;
  background:linear-gradient(120deg,#FAF4FE,#FFF6F0);
}
.wallet-pick .radio-row{display:flex;align-items:center;gap:9px;font-weight:500;font-size:13.5px}
.wallet-pick .radio-row input{width:auto}
.wallet-pick .radio-row.off{opacity:.5}