.am-body-content button.copyButton {
background-image: none !important;
}
.am-admin a.button, .am-admin button, .am-admin input[type="button"], .am-admin input[type="submit"], .am-body-content a.button, .am-body-content button, .am-body-content input[type="button"], .am-body-content input[type="submit"], .am-popup a.button, .am-popup button, .am-popup input[type="button"], .am-popup input[type="submit"] {
background-image: none !important;
}
/* ============================================================
   MEMBERLYPK DASHBOARD COMPONENTS
   Paste this whole block INSIDE your existing <style>…</style>,
   right BEFORE the closing </style> tag (currently line 971).
   Uses your existing design tokens — no new colors introduced.
   ============================================================ */

/* ── HERO BANNER ── */
.mp-hero {
    position: relative;
    border-radius: 20px;
    padding: 30px 36px;
    margin: 0 0 22px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a0836 0%, #2e1065 38%, #5b21b6 72%, #7c3aed 100%);
    box-shadow: 0 18px 50px rgba(91,33,182,0.28), inset 0 0 0 1px rgba(139,92,246,0.10);
    animation: mp-fade-up 0.6s cubic-bezier(.4,0,.2,1) both;
}
.mp-hero::before {
    content: '';
    position: absolute; inset: 0;
    background:
        radial-gradient(ellipse 600px 400px at 82% 18%, rgba(167,139,250,0.25), transparent),
        radial-gradient(ellipse 400px 300px at 8% 82%, rgba(124,58,237,0.20), transparent);
    pointer-events: none;
}
.mp-hero-shape {
    position: absolute;
    border: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.03);
    pointer-events: none;
    animation: mp-float 8s ease-in-out infinite;
}
.mp-hero-shape:nth-child(1){ width:80px; height:80px; top:14%; right:7%;  border-radius:22%; transform:rotate(15deg); }
.mp-hero-shape:nth-child(2){ width:50px; height:50px; bottom:18%; right:24%; border-radius:50%; animation-delay:2s; }
.mp-hero-shape:nth-child(3){ width:100px;height:100px;top:-12%; right:34%; border-radius:30%; animation-delay:4s; }
@keyframes mp-float { 0%,100%{ transform:translateY(0) rotate(15deg);} 50%{ transform:translateY(-12px) rotate(20deg);} }
@keyframes mp-fade-up { 0%{ opacity:0; transform:translateY(18px);} 100%{ opacity:1; transform:translateY(0);} }

.mp-hero-inner { position: relative; z-index: 2; color: #fff; }
.mp-hero-row {
    display: flex; align-items: flex-start; justify-content: space-between;
    gap: 28px; flex-wrap: wrap;
}
.mp-hero-greeting {
    font-family: 'Outfit', sans-serif !important;
    font-size: 26px; font-weight: 800;
    margin: 0 0 6px; line-height: 1.25; letter-spacing: -0.5px;
    color: #fff !important;
}
.mp-hero-wave { display:inline-block; transform-origin:70% 70%; animation: mp-wave 2.2s ease-in-out infinite; }
@keyframes mp-wave { 0%,60%,100%{transform:rotate(0)} 10%,30%{transform:rotate(14deg)} 20%{transform:rotate(-8deg)} 40%{transform:rotate(14deg)} }
.mp-hero-subtitle { font-size:13.5px; opacity:.85; margin:0 0 20px; max-width:420px; line-height:1.5; }

.mp-hero-clock {
    display:flex; align-items:center; gap:12px; flex-shrink:0;
    background: rgba(255,255,255,0.10);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 14px; padding: 12px 20px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.10);
}
.mp-hero-clock svg { width:22px; height:22px; opacity:.85; flex-shrink:0; }
.mp-clock-date { font-size:11px; opacity:.8; font-weight:500; text-transform:uppercase; letter-spacing:.5px; margin-bottom:2px; }
.mp-clock-time { font-family:'Outfit',sans-serif !important; font-size:22px; font-weight:700; letter-spacing:-.5px; line-height:1; }

/* Quick links */
.mp-quick-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin-top:22px; }
.mp-quick-card {
    display:flex; align-items:center; gap:12px; padding:12px 14px;
    border-radius:14px; text-decoration:none !important; color:#fff !important;
    background: rgba(255,255,255,0.08); backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.15);
    transition: all .35s cubic-bezier(.4,0,.2,1);
    animation: mp-fade-up .6s cubic-bezier(.4,0,.2,1) both;
}
.mp-quick-card:nth-child(1){animation-delay:.1s} .mp-quick-card:nth-child(2){animation-delay:.2s}
.mp-quick-card:nth-child(3){animation-delay:.3s} .mp-quick-card:nth-child(4){animation-delay:.4s}
.mp-quick-card:hover {
    background: rgba(255,255,255,0.20);
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 12px 28px rgba(0,0,0,0.25);
    border-color: rgba(255,255,255,0.30);
    color:#fff !important;
}
.mp-quick-icon {
    width:36px; height:36px; border-radius:11px; flex-shrink:0;
    background: rgba(255,255,255,0.15);
    display:flex; align-items:center; justify-content:center;
    transition: transform .35s;
}
.mp-quick-card:hover .mp-quick-icon { transform: rotate(-5deg) scale(1.1); background: rgba(255,255,255,0.25); }
.mp-quick-icon svg { width:20px; height:20px; }
.mp-quick-info h3 { margin:0 0 2px; font-size:13.5px; font-weight:700; color:#fff !important; font-family:'Outfit',sans-serif !important; }
.mp-quick-info p  { margin:0; font-size:11.5px; opacity:.75; color:#fff !important; }

/* ── 3-COLUMN GRID ── */
.mp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:start; margin-bottom:22px; }
.mp-grid .mp-col-subs { min-width:0; }
.mp-card {
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: 18px;
    padding: 22px;
    box-shadow: var(--shadow);
    animation: mp-fade-up .6s cubic-bezier(.4,0,.2,1) both;
}
.mp-card-head { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.mp-card-icon {
    width:40px; height:40px; border-radius:12px; flex-shrink:0;
    background: linear-gradient(135deg, var(--accent), #8b5cf6);
    display:flex; align-items:center; justify-content:center; color:#fff;
    box-shadow: 0 6px 16px var(--accent-glow);
}
.mp-card-icon.amber { background: linear-gradient(135deg,#f59e0b,#eab308); box-shadow:0 6px 16px rgba(245,158,11,.3); }
.mp-card-icon svg { width:20px; height:20px; }
.mp-card-title { font-family:'Outfit',sans-serif !important; font-size:17px; font-weight:800 !important; margin:0 !important; color:var(--text-h) !important; letter-spacing:-.3px; }

/* The real AMember subscription widget lives inside .mp-col-subs — strip its default chrome */
.mp-col-subs .am-widget { padding:0 !important; margin:0 !important; }
.mp-col-subs .am-widget h3 { display:none !important; }   /* hide duplicate heading, we show our own */
.mp-col-subs .am-block { padding:0 !important; background:transparent !important; border:none !important; box-shadow:none !important; }

/* Stat counter */
.mp-stat-value { font-family:'Outfit',sans-serif !important; font-size:34px; font-weight:800; color:var(--text-h) !important; margin:6px 0 8px; letter-spacing:-1.5px; line-height:1; }
.mp-stat-label { font-size:12px; color:var(--text-muted); font-weight:700; text-transform:uppercase; letter-spacing:.5px; }
.mp-stat-desc  { font-size:12.5px; color:var(--text-muted); font-weight:500; margin:0; }

/* Notices */
.mp-notice { display:flex; gap:12px; padding:13px 0; border-bottom:1px solid var(--border); border-radius:8px; transition: all .2s; }
.mp-notice:hover { background: var(--accent-lt); padding-left:10px; padding-right:10px; }
.mp-notice:last-child { border-bottom:none; }
.mp-notice-dot { width:10px; height:10px; border-radius:50%; margin-top:5px; flex-shrink:0; background:var(--green); box-shadow:0 0 0 3px var(--green-bg); }
.mp-notice-dot.blue { background:var(--blue); box-shadow:0 0 0 3px var(--blue-bg); }
.mp-notice h4 { margin:0 0 3px; font-size:13.5px; font-weight:700; color:var(--text-h) !important; font-family:'Space Grotesk',sans-serif !important; }
.mp-notice p  { margin:0; font-size:12.5px; color:var(--text-muted); line-height:1.5; }

/* ── ACCESS GATE (empty state) ── */
.mp-gate {
    background: var(--surface3);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 30px 22px; text-align:center;
    max-width: 400px; margin: 0 auto 22px;
    box-shadow: var(--shadow-sm);
    animation: mp-fade-up .6s cubic-bezier(.4,0,.2,1) both;
}
.mp-gate-icon {
    width:56px; height:56px; border-radius:16px; margin:0 auto 15px;
    background: var(--surface);
    display:flex; align-items:center; justify-content:center;
    color: var(--accent);
    box-shadow: 0 8px 20px var(--accent-lt);
}
.mp-gate-title { font-family:'Outfit',sans-serif !important; font-size:19px; font-weight:800 !important; color:var(--text-h) !important; margin:0 0 8px !important; }
.mp-gate-desc  { font-size:13px; color:var(--text-muted); line-height:1.5; margin:0 auto 20px; max-width:300px; }
.mp-gate-actions { display:flex; flex-direction:column; gap:10px; align-items:center; }
.mp-btn-unlock {
    width:100%; max-width:240px;
    background: linear-gradient(135deg, var(--accent), #8b5cf6);
    color:#fff !important; padding:12px 24px; border-radius:50px;
    font-family:'Outfit',sans-serif !important; font-size:14px; font-weight:700;
    text-decoration:none !important; box-shadow:0 8px 15px var(--accent-glow);
    transition:.3s;
}
.mp-btn-unlock:hover { transform:translateY(-2px); filter:brightness(1.08); color:#fff !important; }
.mp-btn-wa {
    width:100%; max-width:240px;
    display:flex; align-items:center; justify-content:center; gap:8px;
    background:transparent; color:var(--green) !important;
    border:2px solid var(--green-border); padding:10px 24px; border-radius:50px;
    font-family:'Outfit',sans-serif !important; font-size:13px; font-weight:700;
    text-decoration:none !important; transition:.2s;
}
.mp-btn-wa:hover { background:var(--green-bg); border-color:var(--green); transform:translateY(-2px); color:var(--green) !important; }

/* ── FOOTER w/ DEVELOPED BY PILL ── */
.mp-footer-row {
    display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
    width:100%; padding:24px 0; gap:16px;
}
.mp-footer-center { display:flex; flex-direction:column; align-items:center; gap:13px; }
.mp-copyright { font-size:13px; color:var(--text-muted); margin:0 !important; font-weight:500; }
.mp-copyright .brand { color:var(--text-h); font-weight:700; }
.mp-dev-pill {
    display:inline-flex; align-items:center; gap:10px; padding:6px 18px;
    background:var(--surface); border:1px solid var(--border); border-radius:99px;
    text-decoration:none !important; box-shadow:var(--shadow-sm);
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.mp-dev-pill:hover { transform:translateY(-3px); border-color:var(--border-hov); box-shadow:var(--shadow-md); }
.mp-dev-pill .dev-label { font-size:10px; font-weight:800; text-transform:uppercase; color:var(--text-muted); letter-spacing:.5px; }
.mp-dev-pill .dev-name  { font-family:'Space Grotesk',monospace; font-size:11px; font-weight:700; color:var(--accent); }
.mp-dev-pill svg { color:var(--accent); }
.mp-footer-right { display:flex; justify-content:flex-end; }
.mp-top-btn {
    width:38px; height:38px; border-radius:12px;
    background:var(--accent-lt); color:var(--accent);
    display:flex; align-items:center; justify-content:center;
    text-decoration:none !important; transition:.3s;
}
.mp-top-btn:hover { background:var(--accent); color:#fff; transform:translateY(-2px); }

/* ── RESPONSIVE ── */
@media(max-width:1100px){
    .mp-grid { grid-template-columns:1fr 1fr; }
    .mp-grid .mp-col-subs { grid-column:1/-1; }
}
@media(max-width:767px){
    .mp-grid { grid-template-columns:1fr; }
    .mp-hero { padding:24px 20px; }
    .mp-hero-row { flex-direction:column; }
    .mp-hero-greeting { font-size:22px; }
    .mp-footer-row { grid-template-columns:1fr; }
    .mp-footer-right { justify-content:center; order:-1; }
}