/*
 * [affiliate_sales_dashboard] in the gend.me look — the same design language as the member Invite panel
 * (GenD Society profile-invite.php): near-black glass cards, magenta (#b608c9) accents, light-blue
 * (#89C2E0) secondary, small uppercase letter-spaced labels, pill tabs and buttons.
 * Loaded after assets/shortcodes.css; !important only where the dashboard sets inline styles.
 */
.aas-affiliate-dashboard {
  --gd-card: rgba(11, 14, 20, 0.45);
  --gd-card-2: rgba(255, 255, 255, 0.03);
  --gd-line: rgba(255, 255, 255, 0.08);
  --gd-line-2: rgba(255, 255, 255, 0.12);
  --gd-text: #e2e8f0;
  --gd-head: #f8fafc;
  --gd-dim: #94a3b8;
  --gd-mute: #cbd5e1;
  --gd-mag: #b608c9;
  --gd-mag-2: #cc1ee1;
  --gd-blue: #89c2e0;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--gd-text);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  gap: 20px !important;
}
.aas-affiliate-dashboard::after { display: none !important; }

/* Headings */
.aas-affiliate-dashboard h2,
.aas-affiliate-dashboard h3 { color: var(--gd-head) !important; font-family: inherit !important; letter-spacing: 0 !important; }
.aas-affiliate-dashboard h2 { font-size: 1.55rem !important; line-height: 1.25 !important; margin: 0 0 10px !important; font-weight: 700 !important; }
.aas-affiliate-dashboard .aas-card h3,
.aas-affiliate-dashboard .aas-card h4,
.aas-affiliate-dashboard .aas-tool-section h3 {
  font-size: 0.78rem !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; font-weight: 700 !important;
  margin: 0 0 18px !important; padding-bottom: 14px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; color: var(--gd-head) !important;
}
.aas-affiliate-dashboard p { color: var(--gd-mute); line-height: 1.55; }

/* Main tabs — like .gs-invite-tabs / .gs-invite-tab */
.aas-affiliate-dashboard .aas-dashboard-tabs {
  gap: 8px !important; padding: 10px !important; border-radius: 16px !important;
  background: rgba(0, 0, 0, 0.45) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: none !important;
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
.aas-affiliate-dashboard .aas-dashboard-tab {
  flex: 1 1 0; min-width: 120px; justify-content: center; display: inline-flex; align-items: center;
  padding: 11px 14px !important; border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.035) !important; border: 1px solid var(--gd-line-2) !important; color: var(--gd-dim) !important;
  font-size: 0.7rem !important; font-weight: 800 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important;
  box-shadow: none !important; transform: none !important;
}
.aas-affiliate-dashboard .aas-dashboard-tab::after { display: none !important; }
.aas-affiliate-dashboard .aas-dashboard-tab:hover { color: #fff !important; border-color: rgba(182, 8, 201, 0.35) !important; }
.aas-affiliate-dashboard .aas-dashboard-tab.is-active {
  background: rgba(182, 8, 201, 0.14) !important; border-color: rgba(182, 8, 201, 0.5) !important; color: #fff !important;
  box-shadow: 0 0 16px rgba(182, 8, 201, 0.22), inset 0 0 12px rgba(182, 8, 201, 0.08) !important;
}

/* Sub-tabs — like .gs-invite-subtab (light-blue active) */
.aas-affiliate-dashboard .aas-dashboard-subtabs { gap: 8px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 16px !important; }
.aas-affiliate-dashboard .aas-dashboard-subtab,
.aas-affiliate-dashboard .aas-tab-btn {
  padding: 9px 14px !important; border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.035) !important; border: 1px solid var(--gd-line-2) !important; color: var(--gd-dim) !important;
  font-size: 0.66rem !important; font-weight: 800 !important; letter-spacing: 0.7px !important; text-transform: uppercase !important;
  box-shadow: none !important; transform: none !important;
}
.aas-affiliate-dashboard .aas-dashboard-subtab::after { display: none !important; }
.aas-affiliate-dashboard .aas-dashboard-subtab.is-active,
.aas-affiliate-dashboard .aas-tab-btn.is-active {
  background: rgba(137, 194, 224, 0.12) !important; border-color: rgba(137, 194, 224, 0.5) !important; color: #fff !important;
  box-shadow: 0 0 14px rgba(137, 194, 224, 0.2) !important;
}
.aas-affiliate-dashboard .aas-dashboard-panel::before,
.aas-affiliate-dashboard .aas-dashboard-subpanel::before { display: none !important; }

/* Panel header ("Signature Bonding: ACTIVE" …) — like the invite hero */
.aas-affiliate-dashboard .aas-panel-header-section,
.aas-affiliate-dashboard .aas-phs-card,
.aas-affiliate-dashboard .aas-projection-hero {
  background: linear-gradient(135deg, rgba(182, 8, 201, 0.18), rgba(137, 194, 224, 0.10) 60%, rgba(0, 0, 0, 0)) !important;
  border: 1px solid rgba(182, 8, 201, 0.25) !important; border-radius: 18px !important; box-shadow: none !important;
  color: var(--gd-text) !important;
}
.aas-affiliate-dashboard .aas-phs-bg { opacity: 0.25 !important; }
.aas-affiliate-dashboard .aas-phs-badge {
  background: rgba(11, 14, 20, 0.6) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 999px !important;
  color: var(--gd-blue) !important; font-size: 0.65rem !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; font-weight: 600 !important;
}
.aas-affiliate-dashboard .aas-phs-footer { color: var(--gd-dim) !important; font-size: 0.7rem !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; }

/* Cards — like .gs-invite-card */
.aas-affiliate-dashboard .aas-card,
.aas-affiliate-dashboard .aas-affiliate-link-card,
.aas-affiliate-dashboard .aas-stat-card,
.aas-affiliate-dashboard .aas-tool-section,
.aas-affiliate-dashboard .aas-commission-tiers,
.aas-affiliate-dashboard .aas-projection {
  background: var(--gd-card) !important; border: 1px solid var(--gd-line) !important; border-radius: 16px !important;
  box-shadow: none !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transform: none !important;
}
.aas-affiliate-dashboard .aas-card::before,
.aas-affiliate-dashboard .aas-card::after { display: none !important; }
.aas-affiliate-dashboard .aas-card:hover { transform: none !important; border-color: rgba(182, 8, 201, 0.3) !important; box-shadow: none !important; }

/* Metrics / KPIs (Visitors, Sign-ups, Conversion…) */
.aas-affiliate-dashboard .aas-metric,
.aas-affiliate-dashboard .aas-kpi {
  background: var(--gd-card-2) !important; border: 1px solid var(--gd-line) !important; border-radius: 14px !important; box-shadow: none !important;
}
.aas-affiliate-dashboard .aas-metric-label,
.aas-affiliate-dashboard .aas-kpi-label {
  color: var(--gd-dim) !important; font-size: 0.7rem !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; font-weight: 700 !important;
}
.aas-affiliate-dashboard .aas-metric-value,
.aas-affiliate-dashboard .aas-kpi-value {
  color: var(--gd-head) !important; font-weight: 800 !important; background: transparent !important; border: 0 !important; box-shadow: none !important;
}

/* Referral link — like the invite link pill */
.aas-affiliate-dashboard .aas-affiliate-link-label { color: var(--gd-dim) !important; font-size: 0.65rem !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; font-weight: 600 !important; }
.aas-affiliate-dashboard .aas-affiliate-link-field input[type="text"],
.aas-affiliate-dashboard .aas-affiliate-link-card input[type="text"] {
  background: rgba(11, 14, 20, 0.6) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 999px !important;
  color: var(--gd-blue) !important; font-family: "SF Mono", Menlo, Consolas, monospace !important; font-size: 0.85rem !important; padding: 10px 18px !important;
}
.aas-affiliate-dashboard .aas-affiliate-link-hint { color: var(--gd-dim) !important; font-size: 0.75rem !important; }

/* Inputs */
.aas-affiliate-dashboard input[type="text"],
.aas-affiliate-dashboard input[type="number"],
.aas-affiliate-dashboard input[type="email"],
.aas-affiliate-dashboard input[type="search"],
.aas-affiliate-dashboard select,
.aas-affiliate-dashboard textarea {
  background: rgba(11, 14, 20, 0.6) !important; border: 1px solid var(--gd-line-2) !important; border-radius: 10px !important;
  color: var(--gd-head) !important; font-family: inherit; box-shadow: none !important;
}
.aas-affiliate-dashboard input:focus,
.aas-affiliate-dashboard select:focus,
.aas-affiliate-dashboard textarea:focus { outline: none; border-color: rgba(182, 8, 201, 0.55) !important; box-shadow: 0 0 0 3px rgba(182, 8, 201, 0.15) !important; }

/* Buttons — primary like "Send invites", the rest like .gs-invite-btn */
.aas-affiliate-dashboard .aas-future-btn,
.aas-affiliate-dashboard .button-primary {
  background: linear-gradient(135deg, var(--gd-mag), var(--gd-mag-2)) !important; border: 0 !important; border-radius: 12px !important; color: #fff !important;
  font-size: 0.75rem !important; font-weight: 800 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important;
  box-shadow: 0 10px 28px rgba(182, 8, 201, 0.35) !important;
}
.aas-affiliate-dashboard .aas-future-btn-glow { display: none !important; }
.aas-affiliate-dashboard .aas-future-btn-label { color: #fff !important; }
.aas-affiliate-dashboard .button:not(.button-primary),
.aas-affiliate-dashboard .aas-copy-final,
.aas-affiliate-dashboard .aas-insert-final,
.aas-affiliate-dashboard .aas-delete-account {
  background: rgba(255, 255, 255, 0.04) !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 10px !important; color: var(--gd-text) !important;
  font-size: 0.78rem !important; font-weight: 600 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; box-shadow: none !important;
}
.aas-affiliate-dashboard .button:not(.button-primary):hover,
.aas-affiliate-dashboard .aas-copy-final:hover,
.aas-affiliate-dashboard .aas-insert-final:hover { background: rgba(182, 8, 201, 0.16) !important; border-color: rgba(182, 8, 201, 0.45) !important; color: #fff !important; }

/* Tables */
.aas-affiliate-dashboard table,
.aas-affiliate-dashboard .aas-table,
.aas-affiliate-dashboard .aas-tier-table,
.aas-affiliate-dashboard .aas-projection-table { background: transparent !important; border: 0 !important; border-collapse: collapse !important; color: var(--gd-text) !important; }
.aas-affiliate-dashboard table th {
  background: transparent !important; color: var(--gd-dim) !important; font-size: 0.68rem !important; letter-spacing: 0.12em !important; text-transform: uppercase !important;
  font-weight: 700 !important; border: 0 !important; border-bottom: 1px solid var(--gd-line) !important;
}
.aas-affiliate-dashboard table td { background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; color: var(--gd-text) !important; }
.aas-affiliate-dashboard table tr:hover td { background: rgba(255, 255, 255, 0.02) !important; }
.aas-affiliate-dashboard .aas-tier-active td { background: rgba(182, 8, 201, 0.08) !important; }

/* Chips */
.aas-affiliate-dashboard .aas-tier-chip,
.aas-affiliate-dashboard .aas-status-chip,
.aas-affiliate-dashboard .aas-platform-badge {
  background: rgba(255, 255, 255, 0.04) !important; border: 1px solid var(--gd-line-2) !important; border-radius: 999px !important; color: var(--gd-dim) !important;
  font-size: 0.66rem !important; font-weight: 800 !important; letter-spacing: 0.6px !important; text-transform: uppercase !important; box-shadow: none !important;
}
.aas-affiliate-dashboard .aas-tier-chip.is-active,
.aas-affiliate-dashboard .aas-status-chip.is-active {
  background: rgba(182, 8, 201, 0.14) !important; border-color: rgba(182, 8, 201, 0.5) !important; color: #fff !important;
}

/* Empty states */
.aas-affiliate-dashboard .aas-empty-state,
.aas-affiliate-dashboard .psoo-pm-empty {
  background: transparent !important; border: 1px dashed var(--gd-line-2) !important; border-radius: 14px !important; color: var(--gd-dim) !important;
}

/* Amounts */
.aas-affiliate-dashboard .woocommerce-Price-amount { color: var(--gd-head); font-weight: 700; }

/* Modal (social scheduler) */
.aas-modal-overlay .aas-modal-content {
  background: linear-gradient(160deg, #151b2c, #0f1320) !important; border: 1px solid rgba(182, 8, 201, 0.35) !important; border-radius: 18px !important; color: #e2e8f0 !important;
}

@media (max-width: 600px) {
  .aas-affiliate-dashboard .aas-dashboard-tab { min-width: 0; flex: 1 1 100%; }
  .aas-affiliate-dashboard h2 { font-size: 1.25rem !important; }
}

/* Header card spacing + stray decorations */
.aas-affiliate-dashboard .aas-panel-header-section { padding: 0 !important; background: transparent !important; border: 0 !important; }
.aas-affiliate-dashboard .aas-phs-bg { display: none !important; }
.aas-affiliate-dashboard .aas-phs-card { padding: 26px 30px !important; margin: 0 0 18px !important; }
.aas-affiliate-dashboard .aas-phs-card h2 { margin-top: 10px !important; }
.aas-affiliate-dashboard .aas-phs-card p { color: var(--gd-mute) !important; font-size: 0.95rem !important; max-width: 720px; }
.aas-affiliate-dashboard .aas-dashboard-tabs::before, .aas-affiliate-dashboard .aas-dashboard-tabs::after,
.aas-affiliate-dashboard .aas-dashboard-subtabs::before, .aas-affiliate-dashboard .aas-dashboard-subtabs::after { display: none !important; }

/* Metric rows: label left, value right (like the invite panel rows) */
.aas-affiliate-dashboard .aas-metric {
  display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important;
  padding: 14px 18px !important; margin: 0 0 10px !important; min-height: 0 !important;
}
.aas-affiliate-dashboard .aas-metric-label { text-align: left !important; margin: 0 !important; }
.aas-affiliate-dashboard .aas-metric-value { margin: 0 !important; padding: 0 !important; font-size: 1.25rem !important; text-align: right !important; min-width: 0 !important; }
.aas-affiliate-dashboard .aas-affiliate-link-card { padding: 24px !important; }

/* Status badge: an inline pill, not a full-width bar */
.aas-affiliate-dashboard .aas-phs-badge { display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; max-width: 100%; padding: 6px 14px !important; }
/* Table rows are styled as cards by the base CSS — flatten them to invite-style rows */
.aas-affiliate-dashboard table tr { box-shadow: none !important; background: transparent !important; transform: none !important; }
.aas-affiliate-dashboard table td { font-size: 0.9rem !important; padding: 12px 14px !important; line-height: 1.4 !important; }
.aas-affiliate-dashboard table th { padding: 10px 14px !important; }
.aas-affiliate-dashboard table td:first-child { color: var(--gd-head) !important; font-weight: 700 !important; }
.aas-affiliate-dashboard .aas-summary table td, .aas-affiliate-dashboard table.aas-summary td { font-size: 0.95rem !important; }

/* Wide tables scroll inside their card; summaries read left-aligned; quieter empty states */
.aas-affiliate-dashboard .aas-card, .aas-affiliate-dashboard .aas-tool-section, .aas-affiliate-dashboard .aas-commission-tiers { overflow-x: auto !important; }
.aas-affiliate-dashboard table th, .aas-affiliate-dashboard table td { text-align: left !important; }
.aas-affiliate-dashboard .aas-empty-state, .aas-affiliate-dashboard .aas-empty-state p, .aas-affiliate-dashboard .psoo-pm-empty { font-size: 0.95rem !important; padding: 22px !important; text-align: center; }
.aas-affiliate-dashboard .aas-card > p:only-of-type { font-size: 0.95rem !important; color: var(--gd-dim) !important; }

/* Referral Sales sub tabs centred */
.aas-affiliate-dashboard [data-aas-panel="referral-sales"] > .aas-dashboard-subtabs { justify-content: center !important; }

/* Linked Apps — earnings cards + purchase history popups */
.aas-la-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 18px; }
.aas-la-summary > div { padding: 16px 18px; border-radius: 16px; border: 1px solid rgba(204, 255, 0, .25); background: linear-gradient(135deg, rgba(204, 255, 0, .08), rgba(0, 210, 255, .05)); }
.aas-la-summary strong { display: block; color: #fff; font-size: 1.5rem; font-weight: 900; }
.aas-la-summary span { color: #94a3b8; font-size: .78rem; }
.aas-la-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.aas-la-card { display: flex; flex-direction: column; gap: 12px; padding: 18px; border-radius: 18px; border: 1px solid rgba(255, 255, 255, .1); background: rgba(11, 14, 20, .55); }
.aas-la-card header { display: flex; align-items: center; gap: 12px; }
.aas-la-card header img { width: 52px; height: 52px; border-radius: 14px; object-fit: cover; }
.aas-la-card h5 { margin: 0 !important; color: #fff !important; font-size: 1.05rem !important; }
.aas-la-card header small { color: #ccff00; font-size: .74rem; }
.aas-la-card dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0; }
.aas-la-card dl div { padding: 8px 10px; border-radius: 12px; background: rgba(255, 255, 255, .04); }
.aas-la-card dt { color: #64748b; font-size: .66rem; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.aas-la-card dd { margin: 2px 0 0; color: #fff; font-weight: 800; font-size: .9rem; }
.aas-la-card dd.is-earned, .aas-la-table td.is-earned { color: #34d399 !important; }
.aas-la-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.aas-la-btn { all: unset; cursor: pointer; padding: 10px 18px; border-radius: 100px; font-size: .76rem; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #0b0e14 !important; background: linear-gradient(135deg, #ccff00, #34d399); box-shadow: 0 12px 26px -14px #ccff00; }
.aas-la-btn:hover { filter: brightness(1.08); }
.aas-la-link { color: #89c2e0 !important; font-size: .82rem; font-weight: 700; }
.aas-la-empty { text-align: center; padding: 26px 16px; }
.aas-la-empty h4 { margin: 0 0 8px !important; color: #fff !important; }
.aas-la-empty p { margin: 0 auto !important; max-width: 620px; color: #94a3b8 !important; }
body.aas-la-open { overflow: hidden; }
.aas-la-modal { position: fixed; inset: 0; z-index: 100070; display: flex; align-items: flex-start; justify-content: center; padding: 5vh 16px; overflow-y: auto; background: rgba(2, 6, 23, .82); backdrop-filter: blur(4px); font-family: "Inter", sans-serif; }
.aas-la-modal[hidden] { display: none !important; }
.aas-la-modal__box { position: relative; width: min(1000px, 100%); padding: 26px clamp(16px, 3vw, 30px); border-radius: 22px; border: 1px solid rgba(255, 255, 255, .12); background: radial-gradient(90% 70% at 0% 0%, rgba(204, 255, 0, .1), transparent 60%), #0b0e14; box-shadow: 0 30px 80px rgba(0, 0, 0, .6); color: #cbd5e1; }
.aas-la-x { all: unset; position: absolute; top: 14px; right: 18px; cursor: pointer; color: #94a3b8 !important; font-size: 1.7rem; }
.aas-la-modal__head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.aas-la-modal__head img { width: 60px; height: 60px; border-radius: 16px; object-fit: cover; }
.aas-la-modal__head > div:nth-child(2) { flex: 1 1 260px; }
.aas-la-eyebrow { color: #ccff00; font-size: .66rem; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; }
.aas-la-modal__head h4 { margin: 4px 0 !important; color: #fff !important; font-size: 1.4rem !important; }
.aas-la-modal__head p { margin: 0 !important; color: #94a3b8 !important; font-size: .86rem; }
.aas-la-modal__total { text-align: right; }
.aas-la-modal__total strong { display: block; color: #34d399; font-size: 1.6rem; font-weight: 900; }
.aas-la-modal__total span { color: #64748b; font-size: .72rem; text-transform: uppercase; letter-spacing: 1px; }
.aas-la-table-wrap { overflow-x: auto; }
.aas-la-table { width: 100%; border-collapse: collapse; font-size: .86rem; }
.aas-la-table th { text-align: left; padding: 10px 12px; color: #64748b; font-size: .68rem; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.aas-la-table td { padding: 11px 12px; border-bottom: 1px solid rgba(255, 255, 255, .06); color: #e2e8f0; vertical-align: top; }
.aas-la-table td small { display: block; color: #64748b; font-size: .72rem; }
.aas-la-status { display: inline-block; padding: 3px 10px; border-radius: 100px; font-size: .7rem; font-weight: 800; color: #fbbf24; background: rgba(251, 191, 36, .12); }
.aas-la-status.is-paid { color: #34d399; background: rgba(52, 211, 153, .12); }
.aas-la-none { color: #94a3b8; text-align: center; padding: 18px 0; }

/* Sales Team — one page: rates, members, projections */
.aas-team-sections { display: grid; gap: 26px; }
.aas-team-controls .aas-filter-field--full { flex: 1 1 100% !important; width: 100% !important; max-width: none !important; }
.aas-team-controls .aas-filter-field--full .aas-filter-input { width: 100% !important; }
.aas-team-table th { white-space: nowrap; }
.aas-sort { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; color: inherit !important; font: inherit; text-transform: inherit; letter-spacing: inherit; }
.aas-sort__arrows { display: inline-flex; flex-direction: column; line-height: .6; font-size: .62rem; opacity: .45; }
.aas-sort__arrows::before { content: "\25B2"; }
.aas-sort__arrows::after { content: "\25BC"; }
.aas-sort:hover .aas-sort__arrows { opacity: .9; }
.aas-sort.is-asc .aas-sort__arrows, .aas-sort.is-desc .aas-sort__arrows { opacity: 1; }
.aas-sort.is-asc .aas-sort__arrows::after, .aas-sort.is-desc .aas-sort__arrows::before { opacity: .25; }
.aas-sort.is-asc .aas-sort__arrows::before, .aas-sort.is-desc .aas-sort__arrows::after { color: #ccff00; }
.aas-linked-count { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; padding: 3px 9px; border-radius: 100px; font-weight: 800; background: rgba(255, 255, 255, .06); color: #94a3b8; }
.aas-linked-count.is-on { color: #0b0e14; background: linear-gradient(135deg, #ccff00, #34d399); }

/* Top tabs: animated icons (Referrals · Sales Team · Payment) */
.aas-affiliate-dashboard .aas-dashboard-tab { display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; }
.aas-tab-ico { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 12px; background: linear-gradient(135deg, var(--ti1), var(--ti2)); box-shadow: 0 10px 22px -10px var(--ti1); transition: transform .25s, box-shadow .25s; }
.aas-tab-ico::after { content: ""; position: absolute; inset: -4px; border-radius: 15px; border: 2px solid var(--ti1); opacity: 0; }
.aas-tab-ico svg { width: 26px; height: 26px; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.aas-tab-ico--referrals { --ti1: #ccff00; --ti2: #0e7490; }
.aas-tab-ico--team { --ti1: #a855f7; --ti2: #00d2ff; }
.aas-tab-ico--payment { --ti1: #fbbf24; --ti2: #db2777; }
.aas-dashboard-tab:hover .aas-tab-ico { transform: translateY(-2px) rotate(-4deg); }
.aas-dashboard-tab.is-active .aas-tab-ico { transform: scale(1.08); box-shadow: 0 14px 30px -10px var(--ti1); }
.aas-dashboard-tab.is-active .aas-tab-ico::after { animation: aas-ti-ring 2.4s ease-out infinite; }
@keyframes aas-ti-ring { 0% { opacity: .7; transform: scale(.9); } 80%, 100% { opacity: 0; transform: scale(1.35); } }

/* Referrals: links draw in, nodes pulse in turn */
.aas-ti-link { stroke-dasharray: 40; stroke-dashoffset: 0; opacity: .9; animation: aas-ti-draw 3.2s ease-in-out infinite; }
.aas-ti-node { fill: #0b0e14; stroke: #fff; transform-box: fill-box; transform-origin: center; animation: aas-ti-pulse 2.4s ease-in-out infinite; }
.aas-ti-n2 { animation-delay: .4s; } .aas-ti-n3 { animation-delay: .8s; }
@keyframes aas-ti-draw { 0% { stroke-dashoffset: 40; } 45%, 100% { stroke-dashoffset: 0; } }
@keyframes aas-ti-pulse { 0%, 100% { transform: scale(1); fill: #0b0e14; } 40% { transform: scale(1.3); fill: #ccff00; } }

/* Sales Team: the three people bob in turn */
.aas-ti-p { transform-box: fill-box; transform-origin: bottom center; animation: aas-ti-bob 2.4s ease-in-out infinite; }
.aas-ti-p1 { animation-delay: .3s; } .aas-ti-p3 { animation-delay: .6s; }
.aas-ti-p2 circle { fill: #fff; stroke: none; }
@keyframes aas-ti-bob { 0%, 100% { transform: translateY(0); } 30% { transform: translateY(-2.5px); } 60% { transform: translateY(.5px); } }

/* Payment: the coin flips, sparkles twinkle */
.aas-ti-coin { transform-box: fill-box; transform-origin: center; animation: aas-ti-flip 3.6s ease-in-out infinite; }
.aas-ti-spark { transform-box: fill-box; transform-origin: center; opacity: 0; animation: aas-ti-twinkle 3.6s ease-in-out infinite; }
.aas-ti-s2 { animation-delay: 1.2s; }
@keyframes aas-ti-flip { 0%, 60%, 100% { transform: rotateY(0); } 80% { transform: rotateY(180deg); } }
@keyframes aas-ti-twinkle { 0%, 55%, 100% { opacity: 0; transform: scale(.4); } 70% { opacity: 1; transform: scale(1.1); } }

/* Inactive tabs animate gently; the active one runs at full speed */
.aas-dashboard-tab:not(.is-active) .aas-tab-ico * { animation-duration: 5s; }
@media (prefers-reduced-motion: reduce) { .aas-tab-ico, .aas-tab-ico *, .aas-tab-ico::after { animation: none !important; transition: none !important; } }

/* Dashboard "builds itself" scroll reveal (dashboard-linked-apps.js adds .aas-rv / .is-in) */
.aas-affiliate-dashboard .aas-rv { opacity: 0; transform: translateY(22px) scale(.985); filter: blur(5px); transition: opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1), filter .6s ease; will-change: opacity, transform; }
.aas-affiliate-dashboard .aas-rv.is-in { opacity: 1; transform: none; filter: none; }
.aas-affiliate-dashboard tr.aas-rv { transform: translateX(-14px); }
.aas-affiliate-dashboard tr.aas-rv.is-in { transform: none; }
@media (prefers-reduced-motion: reduce) { .aas-affiliate-dashboard .aas-rv { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; } }

/* Payment: one page (Wallet, Tracking URL Analytics, Sales by Product, Earnings Projection) */
.aas-pay-sections { display: grid; gap: 26px; }
.aas-payments-dgen { margin: 0 0 18px; }
.aas-payments-dgen .gend-wallet { background: none !important; border: 0 !important; padding: 0 !important; max-width: none !important; }

/* Payment → DGEN card: Total Earned and Total Circulation side by side */
.aas-payments-dgen .gend-wallet__card-middle { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: center; gap: 14px !important; }
.aas-payments-dgen .gend-wallet__card-middle .gend-wallet__stat { flex: 0 1 auto; min-width: 0; margin: 0 !important; }
@media (max-width: 640px) { .aas-payments-dgen .gend-wallet__card-middle { flex-wrap: wrap !important; } }