/* AXON DIGITAL NFTs V6.8.18 Referral Restoration UI */
.axon-referral-strip,
.axon-referral-admin-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}
.axon-referral-tile{
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  border-radius:24px;
  padding:18px;
  box-shadow:0 18px 42px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08);
  min-height:124px;
  overflow:hidden;
}
.axon-referral-tile span{display:block;color:rgba(245,248,255,.68);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;}
.axon-referral-tile strong{display:block;margin-top:10px;color:#fff;font-family:var(--fh,Orbitron,system-ui);font-size:clamp(24px,5vw,42px);line-height:1;word-break:break-word;}
.axon-referral-tile em{display:block;margin-top:10px;color:rgba(245,248,255,.72);font-size:13px;font-style:normal;}
.axon-referral-list{display:grid;gap:12px;margin-top:16px;}
.axon-referral-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:20px;padding:14px;}
.axon-referral-row h3{margin:0;color:#fff;font-size:16px;font-family:var(--fh,Orbitron,system-ui);word-break:break-all;}
.axon-referral-row p{margin:5px 0 0;color:rgba(245,248,255,.7);font-size:13px;line-height:1.45;}
.axon-referral-row .amount{font-family:var(--fh,Orbitron,system-ui);font-size:20px;color:#00ffb2;text-align:right;}
.axon-referral-row .level-pill{justify-self:end;border:1px solid rgba(212,175,55,.3);background:rgba(212,175,55,.08);color:#f5d878;border-radius:999px;padding:8px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
.axon-referral-modal-backdrop{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.62);backdrop-filter:blur(18px);}
.axon-referral-modal-backdrop.open{display:flex;}
.axon-referral-modal{width:min(760px,100%);max-height:min(84vh,760px);overflow:auto;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(10,20,18,.98),rgba(5,8,12,.98));box-shadow:0 34px 100px rgba(0,0,0,.55);padding:22px;}
.axon-referral-modal h2{margin:0 0 8px;font-family:var(--fh,Orbitron,system-ui);font-size:24px;color:#fff;}
.axon-referral-modal p{color:rgba(245,248,255,.72);line-height:1.6;}
.axon-referral-modal-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px;}
.axon-referral-linkbox{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:18px;padding:14px;margin-top:12px;}
.axon-referral-linkbox code{color:#f6f8ff;word-break:break-all;flex:1;}
@media(max-width:900px){.axon-referral-strip,.axon-referral-admin-strip{grid-template-columns:repeat(2,minmax(0,1fr));}.axon-referral-row{grid-template-columns:1fr;}.axon-referral-row .amount{text-align:left}.axon-referral-row .level-pill{justify-self:start}}
@media(max-width:540px){.axon-referral-strip,.axon-referral-admin-strip{grid-template-columns:1fr}.axon-referral-tile{border-radius:22px;min-height:108px}.axon-referral-modal{border-radius:24px;padding:18px}}