/* V16.26 — Elite Emerald System Theme
   Shared visual layer for frontend, admin, member, live and register pages. */
:root{
  --elite-void:#010b09;
  --elite-deep:#021c17;
  --elite-core:#063a31;
  --elite-emerald:#14b08f;
  --elite-mint:#84ffe0;
  --elite-gold:#f4dfaa;
  --elite-gold-deep:#b78936;
  --elite-pearl:#fff8e7;
  --elite-muted:#a7beb8;
  --elite-glass:rgba(7,38,32,.62);
  --elite-line:rgba(180,255,232,.20);
}
body.emerald-system,
body.member-emerald,
body.admin-emerald,
body.live-emerald,
body.register-emerald{
  background:
    radial-gradient(circle at 84% 6%,rgba(132,255,224,.18),transparent 24%),
    radial-gradient(circle at 9% 17%,rgba(20,176,143,.22),transparent 30%),
    radial-gradient(circle at 86% 86%,rgba(244,223,170,.10),transparent 24%),
    linear-gradient(145deg,#010806 0%,#021c17 40%,#04120f 100%) !important;
  color:var(--elite-pearl);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.emerald-system::before,
body.member-emerald::before,
body.admin-emerald::before,
body.live-emerald::before,
body.register-emerald::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    url('/assets/trong-dong-watermark.webp') left -150px top 180px / 520px auto no-repeat,
    url('/assets/trong-dong-watermark.webp') right -140px top 72px / 360px auto no-repeat,
    url('/assets/trong-dong-watermark.webp') center 72% / 760px auto no-repeat;
  opacity:.22;
  filter:saturate(.9);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.90),rgba(0,0,0,.46) 70%,rgba(0,0,0,.18));
}
body.emerald-system::after,
body.member-emerald::after,
body.admin-emerald::after,
body.live-emerald::after,
body.register-emerald::after{
  content:"";
  position:fixed;
  inset:-14%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 22% 20%,rgba(132,255,224,.10),transparent 24%),
    radial-gradient(ellipse at 78% 34%,rgba(244,223,170,.08),transparent 22%),
    conic-gradient(from 110deg at 50% 50%,transparent,rgba(132,255,224,.04),transparent,rgba(244,223,170,.035),transparent);
  filter:blur(16px);
}
.admin-shell,.portal-shell,.live-shell,.wrap,.container{position:relative;z-index:1;}
.admin-sidebar,.member-sidebar,.admin-topbar,.portal-header,.lux-panel,.panel,.table-card,.module-card,.card,.live-topbar,.live-card,.product-panel,.chat-panel,.login-card,.gate-card,.top-bar,header{
  border-color:var(--elite-line)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.025)),
    radial-gradient(circle at 90% 0%,rgba(244,223,170,.10),transparent 34%),
    rgba(3,24,20,.70)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.38),0 1px 0 rgba(255,255,255,.09) inset!important;
  backdrop-filter:blur(20px) saturate(145%);
}
.admin-nav button,.side-nav button,.mobile-bottom-nav button,.module-tabs button,.filter,.btn,.mini-btn,.ghost-btn,.gold-btn,.logout-btn,.topnav .btn,.header-actions button,.live-action,.tab-btn{
  border-radius:999px!important;
  border-color:rgba(180,255,232,.18)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))!important;
  color:rgba(233,255,249,.82)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.admin-nav button.active,.side-nav button.active,.mobile-bottom-nav button.active,.module-tabs button.active,.filter.active,.gold-btn,.btn.gold,.mini-btn.primary,.mini-btn[data-save],button[type="submit"]{
  background:linear-gradient(135deg,#fff8dc 0%,#d9fcec 22%,#f1d894 48%,#a9782b 75%,#fff1bb 100%)!important;
  color:#06150f!important;
  border-color:rgba(255,244,205,.68)!important;
  box-shadow:0 16px 42px rgba(183,137,54,.22),0 0 22px rgba(132,255,224,.12),0 1px 0 rgba(255,255,255,.55) inset!important;
}
input,select,textarea,.lux-input,.search-input,#rangeSelect{
  border-radius:16px!important;
  border:1px solid rgba(180,255,232,.22)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018))!important;
  color:#f8fffb!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16),0 1px 0 rgba(255,255,255,.09) inset!important;
}
input::placeholder,textarea::placeholder{color:rgba(214,242,235,.55)!important;}
select option{background:#06231d;color:#f8fffb;}
h1,h2,h3,.brand h1,.brand-block strong,.member-tier-name,.section-title,.module-root h2,.panel-title span,.live-title{
  background:linear-gradient(92deg,#ffffff 0%,#cffff1 18%,#f4dfaa 47%,#ba8b37 70%,#fff4cd 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  text-shadow:none!important;
}
.eyebrow,.mini-label,.badge,.status-pill{letter-spacing:.12em;}
.stat-card,.kpi-card,.notice,.wallet-mini-card,.benefit-card,.tier-card,.ref-card,.pending-card,.session-card,.history-row,.metric-row,.subtle-card,.config-card,.member-product-card,.checkin-card{
  border-color:rgba(180,255,232,.17)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018)),rgba(5,35,29,.48)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.09) inset!important;
  backdrop-filter:blur(16px) saturate(138%);
}
.wallet-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.ledger-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.fine-note{font-size:12px;color:var(--elite-muted);line-height:1.6;margin:10px 0 0;}
.vip-package-preview{margin:10px 0 14px;}
.vip-cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:12px;color:rgba(236,255,250,.78)}
.vip-cost-grid span{border:1px solid rgba(180,255,232,.16);border-radius:14px;padding:9px;background:rgba(255,255,255,.035)}
.vip-cost-grid .ok{color:#bfffe9;border-color:rgba(132,255,224,.4)}
.vip-cost-grid .bad{color:#ffd2bd;border-color:rgba(255,165,120,.34)}
.mini-qr{width:72px;height:72px;object-fit:contain;border-radius:12px;background:#fff;padding:6px;display:block;margin-left:auto;margin-bottom:6px;}
.withdrawal-row .history-amount{min-width:96px;text-align:right;}
@media(max-width:980px){.wallet-action-grid,.ledger-grid{grid-template-columns:1fr;}body.emerald-system::before,body.member-emerald::before,body.admin-emerald::before,body.live-emerald::before,body.register-emerald::before{background:url('/assets/trong-dong-watermark.webp') center 200px / 420px auto no-repeat;opacity:.18;}}