/* Real member/account data layer. Keeps the supplied signed-in design intact. */

.ma-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:calc(10 * var(--v));
  margin:calc(14 * var(--v)) calc(8 * var(--v)) calc(20 * var(--v));
}
.ma-summary-card{
  min-width:0;
  padding:calc(14 * var(--v)) calc(6 * var(--v));
  border:1px solid rgba(255,215,0,.18);
  border-radius:calc(13 * var(--v));
  background:linear-gradient(180deg,#262626,#1c1c1c);
  color:#fff;
  text-align:center;
  text-decoration:none;
  display:grid;
  gap:calc(4 * var(--v));
}
.ma-summary-card span{font-size:max(8px,calc(24 * var(--v)));color:#cfcfcf}
.ma-summary-card strong{font-size:max(13px,calc(38 * var(--v)));color:#ffe400}
.ma-summary-card small{font-size:max(7px,calc(20 * var(--v)));color:#9e9e9e}
.ma-loading span{height:calc(90 * var(--v));border-radius:calc(13 * var(--v));background:linear-gradient(90deg,#222,#333,#222);background-size:200% 100%;animation:maShimmer 1.2s linear infinite}

.ma-account{padding:calc(10 * var(--v)) calc(14 * var(--v)) calc(90 * var(--v));color:#2b2b2b}
.ma-account-hero{
  position:relative;
  display:flex;
  align-items:center;
  gap:calc(16 * var(--v));
  padding:calc(22 * var(--v));
  border-radius:calc(16 * var(--v));
  background:linear-gradient(135deg,#1b1b1b,#2b2b2b);
  color:#fff;
}
.ma-avatar{width:calc(74 * var(--v));height:calc(74 * var(--v));min-width:38px;min-height:38px;border-radius:50%;display:grid;place-items:center;background:#ffd900;color:#111;font-size:max(18px,calc(42 * var(--v)))}
.ma-identity{min-width:0;display:grid;gap:calc(3 * var(--v))}
.ma-identity span,.ma-identity small{color:#bdbdbd;font-size:max(8px,calc(23 * var(--v)))}
.ma-identity strong{font-size:max(13px,calc(37 * var(--v)));white-space:nowrap}
.ma-status{margin-left:auto;align-self:flex-start;padding:calc(5 * var(--v)) calc(10 * var(--v));border-radius:999px;font-size:max(7px,calc(20 * var(--v)));font-weight:700}
.ma-status.ok{background:#dff7e8;color:#14864b}.ma-status.warn{background:#fff0cf;color:#a86a00}.ma-status.bad{background:#ffe1e1;color:#c52d2d}

.ma-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(10 * var(--v));margin:calc(14 * var(--v)) 0}
.ma-balance-grid>div{padding:calc(18 * var(--v));border:1px solid #eee;border-radius:calc(13 * var(--v));background:#fff;display:grid;gap:calc(7 * var(--v))}
.ma-balance-grid span{color:#888;font-size:max(8px,calc(23 * var(--v)))}
.ma-balance-grid strong{color:#222;font-size:max(12px,calc(34 * var(--v)))}

.ma-section{margin-top:calc(14 * var(--v));border:1px solid #ececec;border-radius:calc(14 * var(--v));background:#fff;overflow:hidden}
.ma-section h3{margin:0;padding:calc(14 * var(--v)) calc(18 * var(--v));background:#f7f7f7;color:#222;font-size:max(11px,calc(31 * var(--v)))}
.ma-row{display:flex;align-items:center;justify-content:space-between;gap:calc(15 * var(--v));min-height:calc(72 * var(--v));padding:0 calc(18 * var(--v));border-top:1px solid #f1f1f1;font-size:max(9px,calc(25 * var(--v)))}
.ma-row span{color:#777}.ma-row strong{color:#333;text-align:right}

.ma-actions{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:calc(9 * var(--v));margin-top:calc(16 * var(--v))}
.ma-actions a{min-height:calc(70 * var(--v));border-radius:calc(12 * var(--v));display:grid;place-items:center;text-decoration:none;font-weight:700;font-size:max(9px,calc(26 * var(--v)))}
.ma-primary{background:linear-gradient(180deg,#ffe900,#e7c700);color:#171717}.ma-secondary{border:1px solid #cfcfcf;background:#fff;color:#333}

.ma-error{margin:calc(30 * var(--v)) calc(15 * var(--v));padding:calc(24 * var(--v));border:1px solid #ffd4d4;border-radius:calc(14 * var(--v));background:#fff6f6;color:#8d2828;text-align:center}.ma-error p{margin:calc(8 * var(--v)) 0 calc(18 * var(--v))}.ma-retry{border:0;border-radius:999px;padding:calc(10 * var(--v)) calc(20 * var(--v));background:#ffe000;color:#111;font-weight:700}
.ma-skeleton .ma-hero,.ma-skeleton .ma-block{height:calc(120 * var(--v));margin-bottom:calc(12 * var(--v));border-radius:calc(14 * var(--v));background:linear-gradient(90deg,#eee,#f7f7f7,#eee);background-size:200% 100%;animation:maShimmer 1.2s linear infinite}.ma-skeleton .ma-hero{height:calc(160 * var(--v))}
@keyframes maShimmer{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.ma-loading span,.ma-skeleton .ma-hero,.ma-skeleton .ma-block{animation:none}}