/* v8.8.7 Executive Snapshot 4 Card Row */
.ygba-executive-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-bottom:24px;
}
@media(max-width:1024px){
.ygba-executive-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
.ygba-executive-grid{grid-template-columns:1fr;}
}

/* =========================================================
   YoungGo Ambassador Dashboard (Enterprise UI)
   Brand colors:
   #ae0862 (Primary) | #F6F3ED (BG) | #d2af38 (Gold)
   #019850 (Success) | #333333 (Text)
========================================================= */

:root{
  --yg-bg: #F6F3ED;
  --yg-text: #333333;
  --yg-primary: #ae0862;
  --yg-gold: #d2af38;
  --yg-success: #019850;

  --yg-card: #ffffff;
  --yg-border: rgba(51,51,51,.12);
  --yg-shadow: 0 10px 30px rgba(51,51,51,.08);
  --yg-shadow2: 0 6px 18px rgba(51,51,51,.10);

  --yg-radius: 18px;
  --yg-radius2: 14px;

  --yg-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";

  --yg-gap: 14px;
  --yg-gap-lg: 18px;
  --yg-gap-xl: 22px;
}

/* Make sure Elementor/Gutenberg don’t squash styles */
.ygba-dashboard,
.ygba-dashboard *{
  box-sizing: border-box;
  font-family: var(--yg-font);
}

.ygba-dashboard{
  color: var(--yg-text);
  background: var(--yg-bg);
  border: 1px solid var(--yg-border);
  border-radius: calc(var(--yg-radius) + 6px);
  padding: 18px;
  box-shadow: var(--yg-shadow);
  max-width: none;
  width: 100%;
  margin: 0;
}

/* Topbar */
.ygba-topbar{
  display:flex;
  gap: 16px;
  align-items:center;
  justify-content:space-between;
  padding: 14px 14px 12px;
  border-radius: var(--yg-radius);
  background: linear-gradient(135deg, rgba(174,8,98,.10), rgba(210,175,56,.12));
  border: 1px solid rgba(174,8,98,.18);
}


/* Topbar profile (avatar + meta) */
.ygba-topbar-profile{
  display:flex;
  gap: 12px;
  align-items:center;
}
.ygba-avatar-wrap{
  width: 60px;
  height: 60px;
  border-radius: 999px;
  overflow:hidden;
  border: 2px solid rgba(210,175,56,.55);
  box-shadow: 0 8px 18px rgba(51,51,51,.12);
  background: rgba(255,255,255,.85);
  flex: 0 0 auto;
}
.ygba-avatar{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}
.ygba-avatar-lg{
  width: 72px;
  height: 72px;
  border-radius: 999px;
  border: 2px solid rgba(210,175,56,.55);
  box-shadow: 0 10px 22px rgba(51,51,51,.12);
}

/* Right-side mini KPI */
.ygba-kpi-mini{
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(174,8,98,.18);
  border-radius: 14px;
  padding: 10px 12px;
  min-width: 220px;
  text-align:right;
}
.ygba-kpi-mini-label{
  font-size: 12px;
  font-weight: 800;
  opacity: .85;
}

.ygba-kpi-mini-sub{
  margin-top: 2px;
  font-size: 12px;
  font-weight: 700;
  opacity: .70;
}
.ygba-earnings-card{
  background: rgba(246,243,237,.92);
  border-color: rgba(174,8,98,.22);
  box-shadow: 0 10px 24px rgba(51,51,51,.10);
}
.ygba-earnings-card .ygba-kpi-mini-value{
  font-size: 20px;
}
.ygba-kpi-mini-value{
  margin-top: 3px;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: .2px;
}

/* Avatar card in Profile */
.ygba-avatar-card{
  display:flex;
  gap: 14px;
  align-items:center;
  padding: 12px;
  border-radius: 14px;
  border: 1px dashed rgba(174,8,98,.25);
  background: rgba(255,255,255,.6);
  margin: 12px 0 14px;
}
.ygba-avatar-card-left{ flex: 0 0 auto; }
.ygba-avatar-card-right{ flex: 1 1 auto; min-width: 0; }

/* Logout tab */
.ygba-tab-logout{
  margin-left:auto;
  background: rgba(255,255,255,.65);
  border-color: rgba(51,51,51,.12);
}
.ygba-tab-logout:hover{
  color: var(--yg-primary);
  border-color: rgba(174,8,98,.22);
}

/* Mobile responsive topbar + tabs */
@media (max-width: 720px){
  .ygba-topbar{
    flex-direction: column;
    align-items: stretch;
  }
  .ygba-topbar-right{
    display:flex;
    justify-content:flex-start;
  }
  .ygba-kpi-mini{
    text-align:left;
    min-width: 0;
    width: 100%;
  }
}
@media (max-width: 640px){
  .ygba-tabs{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .ygba-tab{ white-space: nowrap; }
  .ygba-tab-logout{ margin-left: 0; }
}

.ygba-titleblock{ display:flex; flex-direction:column; gap: 8px; }
.ygba-h1{
  margin:0;
  font-size: 22px;
  letter-spacing: .2px;
}

/* Meta line (ID • Level) */
.ygba-meta{
  display:flex;
  align-items:center;
  gap: 8px;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 700;
  color: var(--yg-text);
  opacity: .92;
  white-space: nowrap;
}
.ygba-meta-k{
  font-weight: 900;
  color: rgba(86,86,85,.90);
}
.ygba-meta-v{
  font-weight: 850;
}
.ygba-meta-sep{
  opacity: .55;
  font-weight: 900;
}
.ygba-sub{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* Chips */
.ygba-chip{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid var(--yg-border);
  background: rgba(255,255,255,.8);
}

.ygba-chip-primary{
  border-color: rgba(174,8,98,.28);
  color: var(--yg-primary);
  background: rgba(174,8,98,.08);
}
.ygba-chip-success{
  border-color: rgba(1,152,80,.30);
  color: var(--yg-success);
  background: rgba(1,152,80,.10);
}
.ygba-chip-warn{
  border-color: rgba(210,175,56,.45);
  color: #6b5400;
  background: rgba(210,175,56,.14);
}

/* Tabs */
.ygba-tabs{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: var(--yg-gap) 2px var(--yg-gap);
  padding: 10px;
  border-radius: var(--yg-radius);
  background: rgba(255,255,255,.55);
  border: 1px solid var(--yg-border);
}

.ygba-tab{
  display:inline-flex;
  align-items:center;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration:none !important;
  color: var(--yg-text);
  border: 1px solid transparent;
  font-weight: 800;
  font-size: 13px;
  transition: transform .08s ease, background .12s ease, border-color .12s ease;
}

.ygba-tab:hover{
  transform: translateY(-1px);
  background: rgba(174,8,98,.06);
  border-color: rgba(174,8,98,.18);
  color: var(--yg-primary);
}

.ygba-tab.is-active{
  background: var(--yg-primary);
  border-color: rgba(174,8,98,.55);
  color: #fff;
  box-shadow: 0 10px 22px rgba(174,8,98,.18);
}

/* Buttons */
.ygba-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid transparent;
  cursor:pointer;
  font-weight: 900;
  font-size: 13px;
  text-decoration:none !important;
  transition: transform .08s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

.ygba-btn:active{ transform: translateY(1px); }

.ygba-btn-primary{
  background: var(--yg-primary);
  color: #fff;
  box-shadow: 0 10px 22px rgba(174,8,98,.16);
}
.ygba-btn-primary:hover{ box-shadow: 0 14px 30px rgba(174,8,98,.22); }

.ygba-btn-success{
  background: var(--yg-success);
  color: #fff;
  box-shadow: 0 10px 22px rgba(1,152,80,.18);
}
.ygba-btn-success:hover{ box-shadow: 0 14px 30px rgba(1,152,80,.22); }

.ygba-btn-ghost{
  background: rgba(255,255,255,.75);
  border-color: var(--yg-border);
  color: var(--yg-text);
}
.ygba-btn-ghost:hover{
  border-color: rgba(174,8,98,.22);
  color: var(--yg-primary);
}

.ygba-btn-ghost:focus,
.ygba-btn-primary:focus,
.ygba-btn-success:focus{
  outline: 3px solid rgba(210,175,56,.35);
  outline-offset: 2px;
}

/* Cards + layout */
.ygba-grid{
  display:grid;
  gap: var(--yg-gap);
}
.ygba-grid.two-col{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ygba-grid.kpi-grid{
  grid-template-columns: repeat(4, minmax(0,1fr));
}

@media (max-width: 1024px){
  .ygba-grid.kpi-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ygba-grid.two-col{ grid-template-columns: 1fr; }
}
@media (max-width: 520px){
  .ygba-grid.kpi-grid{ grid-template-columns: 1fr; }
}

.ygba-card{
  background: var(--yg-card);
  border: 1px solid var(--yg-border);
  border-radius: var(--yg-radius);
  box-shadow: var(--yg-shadow2);
  padding: 14px;
}

.ygba-card-accent{
  border-color: rgba(210,175,56,.55);
  background: linear-gradient(135deg, rgba(210,175,56,.12), rgba(174,8,98,.06));
}

.ygba-subcard{
  background: rgba(246,243,237,.65);
  border: 1px dashed rgba(51,51,51,.18);
  border-radius: var(--yg-radius2);
  padding: 12px;
}

/* KPI */
.ygba-kpi-label{
  font-size: 12px;
  font-weight: 900;
  color: rgba(51,51,51,.72);
  text-transform: uppercase;
  letter-spacing: .6px;
}
.ygba-kpi-value{
  font-size: 26px;
  font-weight: 1000;
  margin-top: 8px;
  line-height: 1.1;
  color: var(--yg-text);
}
.ygba-kpi-note{
  margin-top: 8px;
  font-size: 12px;
  color: rgba(51,51,51,.62);
}

/* Payout KPI cards (Ambassador Dashboard) */
.ygba-payout-kpis{ align-items: stretch; }
.ygba-kpi-card{ padding: 14px 14px 12px; }
.ygba-kpi-top{
  display:flex;
  align-items:center;
  gap: 8px;
}
.ygba-kpi-icon{
  width: 26px;
  height: 26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  background: rgba(51,51,51,.06);
  border: 1px solid rgba(51,51,51,.10);
  font-size: 14px;
}
.ygba-kpi-card .ygba-kpi-value{ margin-top: 10px; }
.ygba-kpi-card .ygba-kpi-note{ margin-top: 6px; }

/* Sections */
.ygba-section-title{
  font-size: 14px;
  font-weight: 1000;
  margin-bottom: 10px;
}
.ygba-muted{ color: rgba(51,51,51,.66); font-size: 13px; }
.ygba-strong{ font-weight: 1000; }
.ygba-small{ font-size: 12px; }
.ygba-mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

/* Lines/dividers */
.ygba-rowline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 10px;
  padding: 10px 0;
  flex-wrap:wrap;
}
.ygba-rowline > *{min-width:0;}

.ygba-divider{
  height: 1px;
  background: rgba(51,51,51,.10);
  margin: 12px 0;
}

/* Lists */
.ygba-list{
  margin: 0;
  padding-left: 18px;
  color: rgba(51,51,51,.82);
}
.ygba-list li{ margin: 8px 0; }

/* Forms */
.ygba-form{ display:flex; flex-direction:column; gap: 10px; }
.ygba-label{ font-weight: 900; font-size: 12px; color: rgba(51,51,51,.70); }
.ygba-input{
  width: 100%;
  padding: 11px 12px;
  border-radius: 12px;
  border: 1px solid rgba(51,51,51,.18);
  background: #fff;
  color: var(--yg-text);
  font-size: 14px;
  transition: border-color .12s ease, box-shadow .12s ease;
}
.ygba-input:focus{
  outline: none;
  border-color: rgba(174,8,98,.38);
  box-shadow: 0 0 0 4px rgba(174,8,98,.12);
}

/* Alerts */
.ygba-alert{
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 800;
  border: 1px solid var(--yg-border);
  margin: 12px 2px;
}
.ygba-alert-success{
  background: rgba(1,152,80,.10);
  border-color: rgba(1,152,80,.28);
  color: var(--yg-success);
}
.ygba-alert-error{
  background: rgba(174,8,98,.10);
  border-color: rgba(174,8,98,.28);
  color: var(--yg-primary);
}
.ygba-alert-warn{
  background: rgba(210,175,56,.16);
  border-color: rgba(210,175,56,.50);
  color: #6b5400;
}

/* Tables */
.ygba-tablewrap{
  overflow:auto;
  border-radius: 14px;
  border: 1px solid rgba(51,51,51,.12);
}
.ygba-table{
  width: 100%;
  border-collapse: collapse;
  min-width: 680px;
  background: #fff;
}
.ygba-table th{
  text-align:left;
  font-size: 12px;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: rgba(51,51,51,.65);
  background: rgba(246,243,237,.85);
  border-bottom: 1px solid rgba(51,51,51,.10);
  padding: 12px;
}
.ygba-table td{
  padding: 12px;
  border-bottom: 1px solid rgba(51,51,51,.08);
  font-size: 13px;
}
.ygba-table tr:hover td{
  background: rgba(174,8,98,.04);
}

/* Empty state */
.ygba-empty{
  padding: 14px;
  border-radius: 14px;
  background: rgba(246,243,237,.75);
  border: 1px dashed rgba(51,51,51,.18);
  color: rgba(51,51,51,.70);
  font-weight: 800;
}

/* Creatives grid */
.ygba-grid.creatives-grid{
  grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 1024px){
  .ygba-grid.creatives-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 520px){
  .ygba-grid.creatives-grid{ grid-template-columns: 1fr; }
}
.ygba-creative-img img{
  width: 100%;
  height: auto;
  display:block;
  border-radius: 14px;
  border: 1px solid rgba(51,51,51,.10);
}
.ygba-creative-body{ padding-top: 10px; }

/* =========================================================
   Global vertical rhythm (consistent spacing between sections)
========================================================= */

.ygba-dashboard > .ygba-grid + .ygba-grid,
.ygba-dashboard > .ygba-grid + .ygba-card,
.ygba-dashboard > .ygba-card + .ygba-grid,
.ygba-dashboard > .ygba-card + .ygba-card{
  margin-top: var(--yg-gap-lg);
}

/* Extra breathing room after tabs */
.ygba-tabs + .ygba-grid,
.ygba-tabs + .ygba-card{
  margin-top: var(--yg-gap-lg);
}

/* When a section title is used inside cards, keep consistent spacing */
.ygba-section-title + .ygba-muted{
  margin-top: 6px;
}

/* =========================================================
   Builder/theme hardening (Elementor + Gutenberg)
   Prevent theme styles from overriding links/buttons/headings
========================================================= */

.ygba-dashboard a,
.ygba-dashboard button{
  font-family: var(--yg-font) !important;
  text-decoration: none !important;
}

.ygba-dashboard a:focus{
  outline: 3px solid rgba(210,175,56,.35);
  outline-offset: 2px;
}

.ygba-dashboard h1,
.ygba-dashboard h2,
.ygba-dashboard h3{
  margin: 0 !important;
}

.ygba-dashboard p{
  margin: 0;
}

.ygba-dashboard img{
  max-width: 100%;
  height: auto;
}

/* =========================================================
   Copy button feedback + link color hardening
========================================================= */

/* Prevent theme link hover turning buttons blue */
.ygba-dashboard a.ygba-btn,
.ygba-dashboard a.ygba-btn:hover,
.ygba-dashboard a.ygba-btn:visited{
  color: inherit !important;
}
.ygba-dashboard a.ygba-btn.ygba-btn-primary,
.ygba-dashboard a.ygba-btn.ygba-btn-primary:hover,
.ygba-dashboard a.ygba-btn.ygba-btn-success,
.ygba-dashboard a.ygba-btn.ygba-btn-success:hover{
  color: #fff !important;
}

/* Copy feedback state */
.ygba-btn.is-copied{
  border-color: rgba(1,152,80,.35) !important;
  box-shadow: 0 14px 30px rgba(1,152,80,.16) !important;
}


/* Marketing Center */
.ygba-seg{display:flex;gap:10px;margin:14px 0 18px;flex-wrap:wrap;}
.ygba-seg-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(31,41,55,.12);border-radius:999px;background:#fff;text-decoration:none;font-weight:700;}
.ygba-seg-btn.is-active{border-color:rgba(108,99,255,.45);box-shadow:0 14px 30px rgba(108,99,255,.12);}
.ygba-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;border:1px solid rgba(31,41,55,.12);font-size:12px;margin-right:6px;}
.ygba-chip.is-on{border-color:rgba(1,152,80,.35);}
.ygba-linkbox{word-break:break-all;max-width:100%;}
.ygba-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.ygba-qrwrap{display:grid;grid-template-columns: 1fr;gap:14px;margin-top:14px;align-items:start;}

/* Campaign Builder (compact, professional) */
.ygba-campaign-form{flex-wrap:wrap;}
.ygba-campaign-field{min-width:220px;max-width:360px;flex:0 1 auto;}
.ygba-campaign-input{max-width:360px;width:100%;}
.ygba-help{font-size:12px;opacity:.75;margin-top:6px;line-height:1.3;}
.ygba-qr{width:150px;height:150px;border-radius:14px;border:1px solid rgba(31,41,55,.12);background:#fff;}
.ygba-hr{border:0;border-top:1px solid rgba(31,41,55,.10);margin:14px 0;}
.ygba-list{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
.ygba-listrow{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:10px;border:1px solid rgba(31,41,55,.10);border-radius:14px;flex-wrap:wrap;}
.ygba-listrow > div:first-child{flex:1;min-width:260px;}

.ygba-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.ygba-details{display:inline-block;}
.ygba-details summary{list-style:none;cursor:pointer;}
.ygba-details summary::-webkit-details-marker{display:none;}
.ygba-details-body{padding:10px;margin-top:10px;border:1px solid rgba(31,41,55,.10);border-radius:14px;}

@media (max-width: 640px){
  .ygba-actions{justify-content:flex-start;}
  .ygba-qr{width:140px;height:140px;}
}


/* =========================================================
   Marketing Center (Sub-tabs + Cards)
========================================================= */
.ygba-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.ygba-subtabs{
  display:flex;
  gap:6px;
  flex-wrap:nowrap;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  margin-top:14px;
  padding:6px;
  background: rgba(108,99,255,0.08);
  border: 1px solid rgba(108,99,255,0.18);
  border-radius: 14px;
}

.ygba-subtab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius: 999px;
  text-decoration:none;
  font-weight:800;
  color: var(--yg-text);
  background: rgba(255,255,255,0.70);
  border: 1px solid rgba(108,99,255,0.18);
  white-space: nowrap;
}
.ygba-subtab:hover{ filter: brightness(0.98); }
.ygba-subtab.is-active{
  background: linear-gradient(135deg, rgba(108,99,255,0.22), rgba(255,107,107,0.16));
  border-color: rgba(108,99,255,0.45);
  box-shadow: 0 12px 24px rgba(108,99,255,0.10);
}

.ygba-mkt-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:14px;
}
@media (max-width: 980px){
  .ygba-mkt-grid{ grid-template-columns: 1fr; }
}

.ygba-mkt-card{
  background:#fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.06);
  overflow:hidden;
}

.ygba-mkt-card-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.ygba-mkt-title{
  font-size: 15px;
  font-weight: 800;
}

.ygba-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius: 999px;
  font-weight:800;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(193,255,114,0.25);
}
.ygba-chip-soft{
  background: rgba(108,99,255,0.10);
  border-color: rgba(108,99,255,0.22);
}

.ygba-mkt-row{
  display:flex;
  gap:14px;
  align-items:flex-start;
  justify-content:space-between;
}
.ygba-mkt-left{ flex: 1 1 420px; min-width: 280px; }
.ygba-mkt-right{
  flex: 0 0 190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

.ygba-qr{
  width: 150px;
  height: 150px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.08);
  background:#fff;
  max-width: 100%;
}

@media (max-width: 820px){
  .ygba-mkt-row{ flex-wrap: wrap; }
  .ygba-mkt-right{ flex: 0 0 auto; align-items:flex-start; }
}

.ygba-btnrow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:10px;
}

.ygba-input-compact{
  max-width: 280px;
}

.ygba-campaign-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:10px;
}

.ygba-campaign-form{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.ygba-mkt-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top: 10px;
}

.ygba-mkt-filters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:flex-end;
}

.ygba-filter{ display:flex; flex-direction:column; gap:6px; }
.ygba-filter-label{ font-size: 12px; font-weight:800; opacity: 0.75; }

.ygba-check{ display:inline-flex; align-items:center; gap:8px; font-weight:800; }

.ygba-products-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top: 14px;
}
@media (max-width: 1100px){
  .ygba-products-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px){
  .ygba-products-grid{ grid-template-columns: 1fr; }
}

.ygba-product-card{
  background:#fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  overflow:hidden;
  box-shadow: 0 8px 22px rgba(0,0,0,0.06);
  display:flex;
  flex-direction:column;
}
.ygba-product-media img{ width:100%; height:auto; display:block; }
.ygba-product-body{ padding:12px; }
.ygba-product-title{ font-weight: 900; font-size: 14px; margin-bottom: 6px; }
.ygba-product-price{ margin-bottom: 10px; opacity: 0.9; }

/* Product points (IP/FP) */
.ygba-product-points{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin: 6px 0 10px;
}
.ygba-pill{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.85);
}
.ygba-pill-indigo{
  border-color: rgba(108,99,255,0.35);
  background: rgba(108,99,255,0.10);
}
.ygba-pill-lime{
  border-color: rgba(193,255,114,0.45);
  background: rgba(193,255,114,0.20);
}

.ygba-store-table{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top: 12px;
}
.ygba-store-row{
  display:grid;
  grid-template-columns: 140px minmax(0, 1fr) minmax(0, 1fr);
  gap:12px;
  align-items:start;
  padding:12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.75);
}
@media (max-width: 980px){
  .ygba-store-row{ grid-template-columns: 1fr; }
}
.ygba-store-head{
  font-weight: 900;
  background: rgba(108,99,255,0.08);
  border-color: rgba(108,99,255,0.18);
}
.ygba-store-cell .ygba-linkbox{ margin-bottom: 8px; }

.ygba-textarea{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.12);
  padding: 10px 12px;
  font-family: inherit;
  resize: vertical;
  background: rgba(246,243,237,0.55);
}

/* QR download button state */
a.ygba-qr-download.is-loading{
  opacity: 0.75;
  pointer-events: none;
}

/* =========================================================
   Tracking Log: Order snapshot (inline)
   ========================================================= */
.ygba-order-details-box{
  padding: 14px;
  border: 1px solid rgba(108,99,255,.18);
  border-radius: 14px;
  background: rgba(108,99,255,.06);
}
.ygba-order-snapshot-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.ygba-order-snapshot-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}
.ygba-order-items{
  margin: 0;
  padding-left: 18px;
}
.ygba-order-items li{ margin: 4px 0; }
.ygba-order-snapshot-foot{ margin-top: 10px; }
@media (max-width: 900px){
  .ygba-order-snapshot-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .ygba-order-snapshot-grid{ grid-template-columns: 1fr; }
}

/* ===== Bank confirm modal ===== */
.ygba-modal{ position: fixed; inset: 0; z-index: 99999; }
.ygba-modal-backdrop{ position:absolute; inset:0; background: rgba(15, 23, 42, 0.45); }
.ygba-modal-dialog{
  position: relative;
  width: min(560px, calc(100% - 24px));
  margin: 8vh auto 0;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,0.22);
  overflow: hidden;
}
.ygba-modal-head{
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px 16px;
  background: linear-gradient(90deg, rgba(108,99,255,0.10), rgba(255,107,107,0.08));
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.ygba-modal-title{ font-weight: 900; font-size: 16px; color: #0f172a; }
.ygba-modal-x{
  appearance:none; border:0; background: transparent; color:#0f172a;
  font-size: 22px; line-height: 1; cursor:pointer; opacity: .55;
}
.ygba-modal-x:hover{ opacity: .85; }
.ygba-modal-body{ padding: 14px 16px; color:#0f172a; }
.ygba-modal-foot{
  display:flex; gap:10px; justify-content:flex-end;
  padding: 14px 16px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.9);
}
.ygba-kv{ display:flex; flex-direction:column; gap:10px; }
.ygba-kv-row{ display:flex; gap:10px; align-items:flex-start; }
.ygba-kv-k{
  width: 160px; flex: 0 0 160px;
  color: rgba(15, 23, 42, 0.62);
  font-size: 13px;
}
.ygba-kv-v{ flex: 1; color:#0f172a; font-weight:700; word-break: break-word; }

.ygba-bank-review-card{
  margin-top: 10px;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  padding: 12px 12px;
}
.ygba-bank-review-hint{
  display:flex; gap:10px; align-items:flex-start;
  padding: 12px 12px;
  border-radius: 12px;
  background: rgba(193,255,114,0.16);
  border: 1px solid rgba(193,255,114,0.35);
  color: #0f172a;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.45;
}
.ygba-bank-review-hint b{ color:#0f172a; }

 (max-width: 520px){
  .ygba-kv-row{ flex-direction:column; gap:6px; }
  .ygba-kv-k{ width:auto; flex: 0 0 auto; }
}


/* Referral Transactions (Activity) - badges + details */
.ygba-badge{
	display:inline-flex;
	align-items:center;
	padding:4px 10px;
	border-radius:999px;
	font-size:12px;
	font-weight:700;
	letter-spacing:.2px;
	border:1px solid rgba(0,0,0,.08);
	background:#fff;
	color:#111;
}
.ygba-badge-ok{ background: rgba(193,255,114,.25); border-color: rgba(193,255,114,.55); }
.ygba-badge-warn{ background: rgba(255,107,107,.18); border-color: rgba(255,107,107,.45); }
.ygba-badge-bad{ background: rgba(255,107,107,.25); border-color: rgba(255,107,107,.6); }
.ygba-badge-info{ background: rgba(108,99,255,.15); border-color: rgba(108,99,255,.35); }

.ygba-linklike{
	cursor:pointer;
	font-weight:700;
	color:#6C63FF;
}
.ygba-linklike:hover{ text-decoration: underline; }

.ygba-details summary{ list-style:none; }
.ygba-details summary::-webkit-details-marker{ display:none; }
.ygba-details-body{
	padding:10px 12px;
	border:1px solid rgba(0,0,0,.08);
	border-radius:12px;
	background: rgba(108,99,255,.04);
}


/* ---------------------------------------------------------
   Payout request UI safeguards
   --------------------------------------------------------- */
.ygba-btn:disabled,
.ygba-btn.is-disabled{
  opacity: .6;
  cursor: not-allowed;
}


/* Tracking Log: widen key columns; allow horizontal scroll if needed */
.ygba-tracking-table{
  min-width: 1180px;
}
.ygba-tracking-table th:nth-child(1),
.ygba-tracking-table td:nth-child(1){
  min-width: 170px;
  white-space: nowrap;
}
.ygba-tracking-table th:nth-child(2),
.ygba-tracking-table td:nth-child(2){
  min-width: 160px;
  white-space: nowrap;
}
.ygba-tracking-table th:nth-child(3),
.ygba-tracking-table td:nth-child(3){
  min-width: 90px;
  white-space: nowrap;
}

/* Ref */
.ygba-tracking-table th:nth-child(4),
.ygba-tracking-table td:nth-child(4){
  min-width: 180px;
  white-space: nowrap;
}

/* Source */
.ygba-tracking-table th:nth-child(5),
.ygba-tracking-table td:nth-child(5){
  min-width: 240px;
  white-space: nowrap;
}

/* URL + UA */
.ygba-tracking-table th:nth-child(6),
.ygba-tracking-table td:nth-child(6){
  min-width: 320px;
}
.ygba-tracking-table th:nth-child(7),
.ygba-tracking-table td:nth-child(7){
  min-width: 360px;
}




/* ===== Payout tab mobile fixes ===== */
.ygba-tablewrap{
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

/* Keep action buttons readable */
.ygba-table td:last-child,
.ygba-table th:last-child{
  white-space: nowrap;
}

.ygba-tablewrap--payout-history .ygba-table{
  min-width: 620px; /* allows horizontal scroll on mobile */
}

/* Two-column grids should stack on mobile */
@media (max-width: 720px){
  .ygba-grid.two-col{ grid-template-columns: 1fr; }
  .ygba-rowline{ flex-wrap: wrap; }
  .ygba-rowline > *{ max-width: 100%; }
  .ygba-btn{ max-width: 100%; }
}


/* === Payouts tab mobile fixes (UI-only) === */
.ygba-grid > *{ min-width: 0; } /* allow grid children to shrink */
@media (max-width: 900px){
  .ygba-grid.two-col{ grid-template-columns: 1fr !important; }
}

/* Ensure payout tables can scroll horizontally on small screens */
.ygba-tablewrap--payout-history{
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px; /* space for scrollbar */
}
.ygba-tablewrap--payout-history .ygba-table{
  min-width: 720px;
}



/* Responsive header improvements */
@media (max-width: 640px){
  .ygba-topbar{
    flex-direction: column;
    align-items: stretch;
  }
  .ygba-topbar-right{
    width: 100%;
  }
  .ygba-kpi-mini{
    width: 100%;
    min-width: 0;
    text-align: left;
  }
  .ygba-meta{
    white-space: normal;
    flex-wrap: wrap;
  }
}


/* ==============================
   Earnings Ledger Table Layout
   - Wider TOTAL + STATUS columns
   - Horizontal scroll when needed
   ============================== */

.ygba-tablewrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.ygba-ledger-table{
  min-width: 1100px;
}

.ygba-ledger-table th.col-total,
.ygba-ledger-table td.col-total{
  min-width: 140px;
  white-space: nowrap;
}

.ygba-ledger-table th.col-status,
.ygba-ledger-table td.col-status{
  min-width: 160px;
  white-space: nowrap;
}

/* Keep action column readable */
.ygba-ledger-table th:last-child,
.ygba-ledger-table td:last-child{
  min-width: 110px;
  white-space: nowrap;
}


/* =========================================================
   Auth shell hardening (register / login / verify)
   Strong scoping so client theme styles cannot break the form UI.
========================================================= */
.ygba-auth,
.ygba-auth *{box-sizing:border-box;}
.ygba-auth{
  --yg-auth-surface: #fff;
  --yg-auth-muted: rgba(51,51,51,.72);
  --yg-auth-border: rgba(51,51,51,.12);
  --yg-auth-shadow: 0 24px 60px rgba(51,51,51,.12);
  width:min(100%, 760px);
  margin:40px auto;
  padding:16px;
  color:var(--yg-text);
  font-family:var(--yg-font);
}
body.ygba-auth-body{
  background: radial-gradient(circle at top, rgba(174,8,98,.08), transparent 28%), linear-gradient(180deg, #fbfaf7 0%, #f6f3ed 100%);
  min-height:100vh;
}
.ygba-auth .ygba-card{
  width:100%;
  background:var(--yg-auth-surface) !important;
  border:1px solid var(--yg-auth-border) !important;
  border-radius:28px !important;
  box-shadow:var(--yg-auth-shadow) !important;
  padding:28px !important;
  overflow:hidden;
  position:relative;
}
.ygba-auth .ygba-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:6px;
  background:linear-gradient(90deg, #ae0862 0%, #d2af38 100%);
}
.ygba-auth .ygba-brand{margin-bottom:18px;}
.ygba-auth .ygba-badge{
  display:inline-flex !important;
  align-items:center;
  padding:6px 12px !important;
  border-radius:999px !important;
  background:rgba(174,8,98,.08) !important;
  color:var(--yg-primary) !important;
  border:1px solid rgba(174,8,98,.14) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.3px;
  text-transform:uppercase;
  margin:0 0 14px 0 !important;
}
.ygba-auth .ygba-title{
  margin:0 !important;
  font-size:clamp(28px, 4vw, 38px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  color:var(--yg-text) !important;
}
.ygba-auth .ygba-subtitle{
  margin:10px 0 0 0 !important;
  font-size:15px !important;
  line-height:1.65 !important;
  color:var(--yg-auth-muted) !important;
}
.ygba-auth .ygba-form,
.ygba-auth form.ygba-form{display:grid !important; grid-template-columns:1fr 1fr; gap:14px 16px; margin:18px 0 0 0 !important;}
.ygba-auth .ygba-form > .ygba-label{align-self:end; margin:0 !important;}
.ygba-auth .ygba-form > .ygba-input,
.ygba-auth .ygba-form > input,
.ygba-auth .ygba-form > select,
.ygba-auth .ygba-form > textarea,
.ygba-auth .ygba-form > button,
.ygba-auth .ygba-form > .ygba-foot,
.ygba-auth .ygba-form > .ygba-alert,
.ygba-auth .ygba-form > [type=hidden]{grid-column:1 / -1;}
.ygba-auth .ygba-label{
  display:block !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.25px;
  color:rgba(51,51,51,.82) !important;
}
.ygba-auth input.ygba-input,
.ygba-auth .ygba-input,
.ygba-auth input[type="text"],
.ygba-auth input[type="email"],
.ygba-auth input[type="password"]{
  appearance:none;
  -webkit-appearance:none;
  width:100% !important;
  min-height:54px;
  margin:0 !important;
  padding:14px 16px !important;
  border-radius:16px !important;
  border:1px solid rgba(51,51,51,.14) !important;
  background:#fff !important;
  color:var(--yg-text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6) !important;
  font-size:15px !important;
  line-height:1.4 !important;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.ygba-auth input::placeholder{color:rgba(51,51,51,.38) !important; opacity:1;}
.ygba-auth input:focus,
.ygba-auth .ygba-input:focus{
  outline:none !important;
  border-color:rgba(174,8,98,.42) !important;
  box-shadow:0 0 0 4px rgba(174,8,98,.10) !important;
}
.ygba-auth input[readonly]{background:rgba(246,243,237,.9) !important; color:rgba(51,51,51,.76) !important;}
.ygba-auth .ygba-btn,
.ygba-auth button.ygba-btn,
.ygba-auth .ygba-auth-submit{
  appearance:none;
  -webkit-appearance:none;
  justify-content:center;
  width:100%;
  min-height:56px;
  margin-top:6px !important;
  border-radius:16px !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.2px;
}
.ygba-auth .ygba-btn-primary,
.ygba-auth button.ygba-btn-primary{
  background:linear-gradient(135deg, #ae0862 0%, #8f0a53 100%) !important;
  color:#fff !important;
  border:1px solid rgba(174,8,98,.26) !important;
  box-shadow:0 18px 38px rgba(174,8,98,.18) !important;
}
.ygba-auth .ygba-btn-primary:hover,
.ygba-auth .ygba-btn-primary:focus{transform:translateY(-1px);}
.ygba-auth a.ygba-btn.ygba-btn-primary,
.ygba-auth a.ygba-btn.ygba-btn-primary:visited,
.ygba-auth a.ygba-btn.ygba-btn-primary:hover,
.ygba-auth a.ygba-btn.ygba-btn-primary:focus,
.ygba-auth button.ygba-btn-primary,
.ygba-auth input[type="submit"].ygba-btn-primary,
.ygba-auth input[type="button"].ygba-btn-primary{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-decoration:none !important;
  text-shadow:none !important;
}
.ygba-auth .ygba-alert{margin:0 0 14px 0 !important;}
.ygba-auth .ygba-foot{
  display:flex !important;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:18px !important;
  color:var(--yg-auth-muted) !important;
}
.ygba-auth a,
.ygba-auth a:visited{color:var(--yg-primary) !important; text-decoration:none !important; font-weight:800;}
.ygba-auth a:hover{text-decoration:underline !important;}
@media (max-width: 680px){
  .ygba-auth{margin:20px auto; padding:10px;}
  .ygba-auth .ygba-card{padding:22px 18px !important; border-radius:22px !important;}
  .ygba-auth .ygba-form,
  .ygba-auth form.ygba-form{grid-template-columns:1fr !important; gap:12px !important;}
}


/* Login-specific auth polish and anti-theme hardening */
.ygba-auth.ygba-auth-login{
  width:min(100%, 640px);
}
.ygba-auth.ygba-auth-login .ygba-login-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,1) 100%) !important;
}
.ygba-auth.ygba-auth-login .ygba-brand{
  margin-bottom:20px;
}
.ygba-auth.ygba-auth-login .ygba-title{
  font-size:clamp(30px, 4vw, 42px) !important;
}
.ygba-auth.ygba-auth-login .ygba-form-login,
.ygba-auth.ygba-auth-login form.ygba-form-login{
  grid-template-columns:1fr !important;
  gap:12px !important;
}
.ygba-auth.ygba-auth-login .ygba-input{
  background:#fff !important;
  border:1px solid rgba(174,8,98,.14) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.85), 0 10px 24px rgba(51,51,51,.04) !important;
}
.ygba-auth.ygba-auth-login .ygba-input:hover{
  border-color:rgba(174,8,98,.22) !important;
}
.ygba-auth.ygba-auth-login .ygba-login-actions{
  grid-column:1 / -1;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  padding:4px 2px 2px;
}
.ygba-auth.ygba-auth-login .ygba-check{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  margin:0 !important;
  color:var(--yg-text) !important;
  font-size:14px !important;
  font-weight:700 !important;
}
.ygba-auth.ygba-auth-login .ygba-check input[type="checkbox"]{
  appearance:auto;
  -webkit-appearance:checkbox;
  width:18px !important;
  height:18px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:4px !important;
  accent-color:#ae0862;
  box-shadow:none !important;
  flex:0 0 auto;
}
.ygba-auth.ygba-auth-login .ygba-login-submit{
  margin-top:2px !important;
}
.ygba-auth.ygba-auth-login .ygba-foot-login{
  justify-content:center;
  padding-top:4px;
  border-top:1px solid rgba(51,51,51,.08);
}
.ygba-auth.ygba-auth-login .ygba-alert{
  border-radius:16px !important;
}
.ygba-auth.ygba-auth-login input:-webkit-autofill,
.ygba-auth.ygba-auth-login input:-webkit-autofill:hover,
.ygba-auth.ygba-auth-login input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--yg-text) !important;
  -webkit-box-shadow:0 0 0 1000px #fff inset !important;
  transition:background-color 9999s ease-in-out 0s;
}
@media (max-width: 640px){
  .ygba-auth.ygba-auth-login .ygba-login-actions{
    align-items:flex-start;
    flex-direction:column;
  }
  .ygba-auth.ygba-auth-login .ygba-foot-login{
    justify-content:flex-start;
  }
}


/* Harden referral copy button styling against theme overrides */
.ygba-dashboard .ygba-copy-btn.ygba-btn-primary,
.ygba-dashboard button.ygba-copy-btn.ygba-btn-primary,
.ygba-dashboard .ygba-copy-btn.ygba-btn-primary:hover,
.ygba-dashboard button.ygba-copy-btn.ygba-btn-primary:hover,
.ygba-dashboard .ygba-copy-btn.ygba-btn-primary:focus,
.ygba-dashboard button.ygba-copy-btn.ygba-btn-primary:focus{
  background: #ae0862 !important;
  border-color: #ae0862 !important;
  color: #ffffff !important;
}


/* Harden ambassador dashboard action buttons against theme overrides */
.ygba-dashboard .ygba-btn,
.ygba-dashboard button.ygba-btn,
.ygba-dashboard input[type="submit"].ygba-btn,
.ygba-dashboard input[type="button"].ygba-btn{
  font-family: var(--yg-font) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.ygba-dashboard .ygba-btn.ygba-btn-primary,
.ygba-dashboard button.ygba-btn.ygba-btn-primary,
.ygba-dashboard input[type="submit"].ygba-btn.ygba-btn-primary,
.ygba-dashboard input[type="button"].ygba-btn.ygba-btn-primary,
.ygba-dashboard .ygba-btn.ygba-btn-primary:hover,
.ygba-dashboard button.ygba-btn.ygba-btn-primary:hover,
.ygba-dashboard .ygba-btn.ygba-btn-primary:focus,
.ygba-dashboard button.ygba-btn.ygba-btn-primary:focus{
  background: var(--yg-primary) !important;
  border-color: var(--yg-primary) !important;
  color: #ffffff !important;
}

.ygba-dashboard .ygba-btn.ygba-btn-success,
.ygba-dashboard button.ygba-btn.ygba-btn-success,
.ygba-dashboard input[type="submit"].ygba-btn.ygba-btn-success,
.ygba-dashboard input[type="button"].ygba-btn.ygba-btn-success,
.ygba-dashboard .ygba-btn.ygba-btn-success:hover,
.ygba-dashboard button.ygba-btn.ygba-btn-success:hover,
.ygba-dashboard .ygba-btn.ygba-btn-success:focus,
.ygba-dashboard button.ygba-btn.ygba-btn-success:focus{
  background: var(--yg-success) !important;
  border-color: var(--yg-success) !important;
  color: #ffffff !important;
}

.ygba-dashboard .ygba-btn.ygba-btn-ghost,
.ygba-dashboard button.ygba-btn.ygba-btn-ghost,
.ygba-dashboard input[type="submit"].ygba-btn.ygba-btn-ghost,
.ygba-dashboard input[type="button"].ygba-btn.ygba-btn-ghost,
.ygba-dashboard .ygba-btn.ygba-btn-ghost:hover,
.ygba-dashboard button.ygba-btn.ygba-btn-ghost:hover,
.ygba-dashboard .ygba-btn.ygba-btn-ghost:focus,
.ygba-dashboard button.ygba-btn.ygba-btn-ghost:focus{
  background: rgba(255,255,255,.75) !important;
  border-color: var(--yg-border) !important;
  color: var(--yg-text) !important;
}


/* Strong text-color isolation for admin redirect button so theme link styles cannot hide the label */
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn:link,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn:visited,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn:hover,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn:focus,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn:active{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration:none !important;
}
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn .ygba-btn-label,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn .ygba-btn-label:link,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn .ygba-btn-label:visited,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn .ygba-btn-label:hover,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn .ygba-btn-label:focus,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn .ygba-btn-label:active,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn span,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn strong,
.ygba-auth a.ygba-btn.ygba-btn-primary.ygba-admin-redirect-btn em{
  all: unset;
  display:inline !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  -webkit-text-stroke:0 transparent !important;
  opacity:1 !important;
  visibility:visible !important;
  mix-blend-mode:normal !important;
  text-shadow:none !important;
  filter:none !important;
  text-decoration:none !important;
}

/* v8.5.1 Overview Command Center + Qualification Visibility */
.ygba-dashboard{
  --yg-surface:#fff;
  --yg-surface-soft:#fffaf5;
  --yg-border:rgba(51,51,51,.10);
  --yg-shadow:0 20px 50px rgba(34,25,25,.08);
  --yg-shadow-soft:0 10px 28px rgba(34,25,25,.05);
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.ygba-topbar,
.ygba-dashboard > .ygba-alert{
  grid-column:1/-1;
}

.ygba-tabs{
  grid-column:1;
  position:sticky;
  top:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px;
  background:linear-gradient(180deg,#fff 0%, #fffaf7 100%);
  border:1px solid var(--yg-border);
  border-radius:24px;
  box-shadow:var(--yg-shadow-soft);
}
.ygba-tabs ~ .ygba-grid,
.ygba-tabs ~ .ygba-card{
  grid-column:2;
}
.ygba-topbar{
  padding:22px 24px;
  border:1px solid var(--yg-border);
  border-radius:28px;
  background:linear-gradient(135deg, rgba(174,8,98,.10) 0%, rgba(210,175,56,.10) 100%), #fff;
  box-shadow:var(--yg-shadow);
}
.ygba-tab{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:48px;
  padding:13px 16px;
  border-radius:16px;
  border:1px solid rgba(174,8,98,.08);
  background:#fff;
  font-weight:700;
}
.ygba-tab:hover{transform:translateY(-1px);}
.ygba-tab.is-active{
  background:linear-gradient(135deg, rgba(174,8,98,.12), rgba(210,175,56,.18));
  border-color:rgba(174,8,98,.22);
  color:#7d0f4e;
  box-shadow:0 10px 20px rgba(174,8,98,.10);
}
.ygba-tab-logout{
  margin-top:6px;
  background:#fff4f7;
  border-color:rgba(174,8,98,.14);
}
.ygba-card,
.ygba-subcard,
.ygba-kpi-mini{
  border-color:var(--yg-border);
  box-shadow:var(--yg-shadow-soft);
}
.ygba-card{
  border-radius:24px;
  background:var(--yg-surface);
}
.ygba-card-accent{
  background:linear-gradient(135deg, rgba(174,8,98,.08), rgba(210,175,56,.14));
}
.ygba-section-title{font-size:20px;line-height:1.2;}
.ygba-kpi-label{text-transform:none;letter-spacing:.01em;}
.ygba-kpi-value{font-size:30px;}
.ygba-btn{
  border-radius:14px;
  font-weight:700;
}
.ygba-btn-sm{border-radius:12px;}
.ygba-table,
.ygba-ledger-table{border-radius:18px; overflow:hidden;}
.ygba-table th,
.ygba-ledger-table th{background:#fff6f8;}
.ygba-chip-info{background:rgba(174,8,98,.10); color:#8f144f;}
@media (max-width: 1100px){
  .ygba-dashboard{grid-template-columns:1fr;}
  .ygba-tabs,
  .ygba-tabs ~ .ygba-grid,
  .ygba-tabs ~ .ygba-card,
  .ygba-topbar,
  .ygba-dashboard > .ygba-alert{grid-column:1;}
  .ygba-tabs{
    position:static;
    flex-direction:row;
    flex-wrap:wrap;
  }
}

/* v8.5.5 — Star Level Ladder + Bonus Insights Visuals */
.ygba-star-ladder{display:grid;gap:10px}
.ygba-star-step{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid rgba(174,8,98,.12);border-radius:16px;background:#fff}
.ygba-star-step.is-current{border-color:rgba(210,175,56,.55);box-shadow:0 8px 24px rgba(210,175,56,.12);background:linear-gradient(180deg,rgba(210,175,56,.10),#fff)}
.ygba-star-step.is-complete{background:rgba(1,152,80,.05)}
.ygba-star-step.is-next{border-style:dashed}
.ygba-star-step-badge{min-width:58px;height:40px;border-radius:999px;background:var(--yg-primary);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.ygba-star-step.is-current .ygba-star-step-badge{background:var(--yg-gold);color:#333}
.ygba-star-step-main{display:grid;gap:3px}
.ygba-star-step-title{font-weight:800;color:#333}
.ygba-star-step-meta{font-size:12px;color:#6b6460}
.ygba-star-you{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(210,175,56,.18);font-size:11px;font-weight:800;letter-spacing:.05em}
.ygba-progress-chip,.ygba-info-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(174,8,98,.08);color:var(--yg-primary);font-weight:700;font-size:12px}
.ygba-bonus-mix{display:grid;gap:12px}
.ygba-bonus-mix-row{display:grid;grid-template-columns:160px 1fr auto;gap:10px;align-items:center}
.ygba-bonus-mix-label{font-weight:700;color:#333}
.ygba-bonus-mix-bar,.ygba-source-bar{height:10px;border-radius:999px;background:rgba(51,51,51,.10);overflow:hidden}
.ygba-bonus-mix-bar span,.ygba-source-bar span{display:block;height:100%;border-radius:inherit}
.ygba-bonus-mix-bar.is-primary span,.ygba-source-bar span{background:var(--yg-primary)}
.ygba-bonus-mix-bar.is-gold span{background:var(--yg-gold)}
.ygba-bonus-mix-value{font-size:12px;color:#6b6460;font-weight:700}
.ygba-source-row{display:grid;gap:6px;margin-top:10px}
.ygba-source-head{display:flex;justify-content:space-between;gap:10px;color:#333;font-size:13px}
.ygba-diff-flow{display:grid;gap:10px}
.ygba-diff-node{padding:14px;border-radius:16px;background:#fff;border:1px solid rgba(174,8,98,.12);display:grid;gap:4px}
.ygba-diff-node strong{color:#333}
.ygba-diff-node span{color:#6b6460;font-size:13px}
.ygba-diff-node.is-you{background:rgba(174,8,98,.06)}
.ygba-diff-node.is-gold{background:rgba(210,175,56,.12);border-color:rgba(210,175,56,.4)}
.ygba-diff-arrow{text-align:center;font-weight:900;color:var(--yg-primary);font-size:18px}
.ygba-example-box{padding:12px 14px;border-radius:14px;background:rgba(1,152,80,.06);border:1px solid rgba(1,152,80,.14)}
@media (max-width: 900px){.ygba-bonus-mix-row{grid-template-columns:1fr}.ygba-bonus-mix-value{text-align:left}}

/* v8.6.1 — Ambassador Account visual redesign pass */
.ygba-dashboard{
  max-width:1280px;
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
  gap:22px;
}
.ygba-topbar,
.ygba-dashboard > .ygba-alert,
.ygba-tabs ~ .ygba-grid,
.ygba-tabs ~ .ygba-card{
  grid-column:2;
}
.ygba-tabs{
  grid-column:1;
  grid-row:1 / span 200;
  position:sticky;
  top:16px;
  min-height:calc(100vh - 32px);
  align-self:start;
  padding:18px 14px;
  border:none;
  border-radius:26px;
  background:linear-gradient(180deg,#8e0f52 0%, #b32068 45%, #c7377b 100%);
  box-shadow:0 22px 44px rgba(107,16,62,.28);
}
.ygba-sidebar-profile{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 8px 18px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.ygba-sidebar-profile-avatar{
  width:52px;
  height:52px;
  border-radius:999px;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.3);
  flex:0 0 auto;
}
.ygba-sidebar-profile-copy{min-width:0;}
.ygba-sidebar-profile-name{
  color:#fff;
  font-weight:800;
  font-size:18px;
  line-height:1.1;
}
.ygba-sidebar-profile-meta{
  margin-top:5px;
  color:rgba(255,255,255,.82);
  font-size:12px;
  font-weight:700;
}
.ygba-sidebar-nav{display:grid;gap:8px;}
.ygba-tab{
  justify-content:flex-start;
  gap:12px;
  min-height:50px;
  padding:13px 16px;
  border:none;
  border-radius:14px;
  background:transparent;
  color:rgba(255,255,255,.92);
  box-shadow:none;
}
.ygba-tab::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
  flex:0 0 10px;
}
.ygba-tab:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
  transform:none;
}
.ygba-tab.is-active{
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.12));
  color:#fff;
  box-shadow:0 12px 22px rgba(56,4,29,.18), inset 0 0 0 1px rgba(255,255,255,.16);
}
.ygba-tab.is-active::before{background:#fff;}
.ygba-tab-label{display:block;}
.ygba-tab-logout{
  margin-top:8px;
  background:rgba(0,0,0,.10);
}
.ygba-topbar{
  grid-column:2;
  background:#fff;
  border:1px solid rgba(51,51,51,.08);
  border-radius:22px;
  padding:18px 22px;
  box-shadow:0 14px 34px rgba(25,25,25,.08);
}
.ygba-pagehead{display:grid;gap:6px;}
.ygba-pagehead-kicker{
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(51,51,51,.55);
}
.ygba-pagehead-title{
  margin:0;
  font-size:20px;
  line-height:1.2;
  color:#2f2a28;
}
.ygba-pagehead-sub{
  color:rgba(51,51,51,.72);
  font-size:14px;
  line-height:1.45;
}
.ygba-topbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.ygba-headbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:12px;
  border:1px solid rgba(51,51,51,.10);
  background:#fff;
  color:#333;
  font-weight:700;
  text-decoration:none !important;
  box-shadow:0 4px 12px rgba(0,0,0,.04);
}
.ygba-headbtn:hover{text-decoration:none !important;transform:translateY(-1px);}
.ygba-headbtn-primary{
  background:linear-gradient(135deg,#cf4d8e 0%, #ae0862 100%);
  border-color:#ae0862;
  color:#fff !important;
}
.ygba-headbtn-ghost{background:#fff;color:#333;}
.ygba-head-avatar{
  width:42px;height:42px;border-radius:12px;overflow:hidden;box-shadow:0 6px 14px rgba(0,0,0,.08);flex:0 0 auto;
}
.ygba-card,
.ygba-subcard,
.ygba-kpi-mini{
  border-radius:20px;
  box-shadow:0 12px 30px rgba(26,26,26,.06);
}
.ygba-card{background:#fff;border:1px solid rgba(51,51,51,.08);}
.ygba-section-title{font-size:18px;font-weight:800;}
.ygba-kpi-grid .ygba-card,
.ygba-grid.kpi-grid .ygba-card{min-height:148px;}
.ygba-kpi-label{font-size:13px;font-weight:800;color:rgba(51,51,51,.66);}
.ygba-kpi-value{font-size:34px;line-height:1.05;}
.ygba-kpi-note{font-size:13px;color:rgba(51,51,51,.68);}
.ygba-dashboard .ygba-grid + .ygba-grid,
.ygba-dashboard .ygba-grid + .ygba-card,
.ygba-dashboard .ygba-card + .ygba-grid,
.ygba-dashboard .ygba-card + .ygba-card{margin-top:18px;}
@media (max-width:1100px){
  .ygba-dashboard{grid-template-columns:1fr;}
  .ygba-topbar,
  .ygba-dashboard > .ygba-alert,
  .ygba-tabs,
  .ygba-tabs ~ .ygba-grid,
  .ygba-tabs ~ .ygba-card{grid-column:1;}
  .ygba-tabs{grid-row:auto;min-height:auto;position:static;}
  .ygba-sidebar-profile{padding-bottom:14px;}
}
@media (max-width:720px){
  .ygba-topbar{padding:16px;}
  .ygba-topbar-right{justify-content:flex-start;}
  .ygba-headbtn{width:100%;}
}


/* v8.6.2 — Typography balance + CSS isolation + KPI card refinement */
.ygba-dashboard,
.ygba-dashboard *{
  box-sizing:border-box;
}

.ygba-dashboard{
  --ygba-font-family: inherit;
  --ygba-text:#2f2a28;
  --ygba-muted:rgba(51,51,51,.68);
  --ygba-soft:rgba(51,51,51,.54);
  font-family:var(--ygba-font-family);
  color:var(--ygba-text);
  line-height:1.45;
}

.ygba-dashboard h1,
.ygba-dashboard h2,
.ygba-dashboard h3,
.ygba-dashboard h4,
.ygba-dashboard h5,
.ygba-dashboard h6,
.ygba-dashboard p,
.ygba-dashboard a,
.ygba-dashboard span,
.ygba-dashboard strong,
.ygba-dashboard label,
.ygba-dashboard li,
.ygba-dashboard td,
.ygba-dashboard th,
.ygba-dashboard button,
.ygba-dashboard input,
.ygba-dashboard select,
.ygba-dashboard textarea{
  font-family:inherit;
}

.ygba-tabs{
  padding:20px 16px;
}
.ygba-sidebar-profile{
  gap:10px;
  padding:8px 8px 16px;
}
.ygba-sidebar-profile-avatar{
  width:50px;
  height:50px;
}
.ygba-sidebar-profile-name{
  font-size:17px;
  font-weight:700;
  letter-spacing:-.01em;
}
.ygba-sidebar-profile-meta{
  font-size:11px;
  font-weight:600;
  opacity:.92;
}
.ygba-sidebar-nav{
  gap:6px;
}
.ygba-tab{
  min-height:46px;
  padding:11px 14px;
  border-radius:13px;
}
.ygba-tab-label{
  font-size:14px;
  font-weight:600;
  letter-spacing:-.01em;
}
.ygba-topbar{
  padding:20px 22px;
  border-radius:20px;
}
.ygba-pagehead{
  gap:4px;
}
.ygba-pagehead-kicker{
  font-size:11px;
  letter-spacing:.1em;
}
.ygba-pagehead-title{
  font-size:18px;
  font-weight:700;
  letter-spacing:-.01em;
}
.ygba-pagehead-sub{
  font-size:13px;
  color:var(--ygba-muted);
}
.ygba-topbar-right{
  gap:10px;
}
.ygba-headbtn{
  min-height:40px;
  padding:0 15px;
  border-radius:12px;
  font-size:13px;
  font-weight:700;
}
.ygba-head-avatar{
  width:40px;
  height:40px;
}

.ygba-card,
.ygba-subcard,
.ygba-kpi-mini{
  border-radius:18px;
}
.ygba-grid.kpi-grid{
  gap:16px;
}
.ygba-kpi-grid .ygba-card,
.ygba-grid.kpi-grid .ygba-card{
  min-height:136px;
}
.ygba-kpi-card,
.ygba-grid.kpi-grid > .ygba-card,
.ygba-kpi-grid > .ygba-card{
  padding:18px 18px 16px;
}
.ygba-kpi-label{
  font-size:12px;
  line-height:1.4;
  font-weight:700;
  color:var(--ygba-soft);
  letter-spacing:.01em;
}
.ygba-kpi-card .ygba-kpi-value,
.ygba-kpi-value{
  margin-top:8px;
  font-size:26px;
  line-height:1.16;
  font-weight:700;
  letter-spacing:-.025em;
  color:#25211f;
}
.ygba-kpi-value .woocommerce-Price-currencySymbol,
.ygba-kpi-card .ygba-kpi-value .woocommerce-Price-currencySymbol{
  font-size:.72em;
  font-weight:600;
  vertical-align:.08em;
  margin-right:2px;
}
.ygba-kpi-note{
  margin-top:7px;
  font-size:12px;
  line-height:1.55;
  color:var(--ygba-muted);
}
.ygba-section-title{
  font-size:17px;
  font-weight:700;
  letter-spacing:-.01em;
}
.ygba-dashboard .ygba-grid + .ygba-grid,
.ygba-dashboard .ygba-grid + .ygba-card,
.ygba-dashboard .ygba-card + .ygba-grid,
.ygba-dashboard .ygba-card + .ygba-card{
  margin-top:16px;
}
.ygba-card table,
.ygba-card th,
.ygba-card td,
.ygba-subcard table,
.ygba-subcard th,
.ygba-subcard td{
  font-size:13px;
}
.ygba-dashboard .ygba-btn,
.ygba-dashboard button.ygba-btn,
.ygba-dashboard .button,
.ygba-dashboard button,
.ygba-dashboard input[type="submit"],
.ygba-dashboard input[type="button"]{
  font-size:13px;
}

@media (max-width: 900px){
  .ygba-topbar{padding:18px;}
  .ygba-kpi-card,
  .ygba-grid.kpi-grid > .ygba-card,
  .ygba-kpi-grid > .ygba-card{padding:16px;}
}
@media (max-width: 720px){
  .ygba-pagehead-title{font-size:17px;}
  .ygba-kpi-card .ygba-kpi-value,
  .ygba-kpi-value{font-size:24px;}
  .ygba-tab-label{font-size:13px;}
}


/* v8.6.3 — Overview block polish + card rhythm cleanup */
.ygba-overview-stack{display:grid;gap:20px;}
.ygba-overview-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:2px 0 2px;}
.ygba-overview-section-copy{display:grid;gap:4px;}
.ygba-overview-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(51,51,51,.48);}
.ygba-overview-section-title{margin:0;font-size:18px;line-height:1.2;font-weight:800;color:#2f2a28;}
.ygba-overview-section-sub{font-size:13px;line-height:1.55;color:var(--ygba-muted);}
.ygba-overview-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(51,51,51,.08);box-shadow:0 6px 18px rgba(0,0,0,.04);font-size:12px;font-weight:700;color:#625a56;}
.ygba-overview-chip .dot{width:8px;height:8px;border-radius:999px;background:#ae0862;display:inline-block;flex:0 0 8px;}

.ygba-grid.kpi-grid{gap:18px;align-items:stretch;}
.ygba-grid.kpi-grid > .ygba-card{display:flex;flex-direction:column;justify-content:space-between;min-height:152px;padding:20px 20px 18px;}
.ygba-grid.kpi-grid > .ygba-card:last-child{grid-column:1 / -1;min-height:124px;background:linear-gradient(135deg,#fff 0%, #fbf6f8 100%);border-color:rgba(174,8,98,.12);box-shadow:0 14px 34px rgba(127,20,74,.08);}
.ygba-grid.kpi-grid > .ygba-card:last-child .ygba-kpi-label{color:#8d6a7b;}
.ygba-grid.kpi-grid > .ygba-card:last-child .ygba-kpi-note{max-width:70ch;}
.ygba-kpi-label{max-width:28ch;}
.ygba-kpi-note{max-width:34ch;}

.ygba-overview-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;}
.ygba-overview-panel-grid > .ygba-card{padding:20px;min-height:100%;}
.ygba-overview-panel-grid .ygba-section-title{margin:0 0 4px;}
.ygba-overview-panel-grid .ygba-muted{line-height:1.55;}
.ygba-overview-panel-grid .ygba-divider{margin:14px 0;}
.ygba-overview-panel-grid .ygba-btn{width:100%;justify-content:center;}
.ygba-overview-panel-grid .ygba-grid{grid-template-columns:1fr;}

.ygba-overview-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.ygba-overview-bottom-grid > .ygba-card{padding:20px;}
.ygba-overview-bottom-grid .ygba-section-title{margin-bottom:6px;}
.ygba-overview-bottom-grid .ygba-list{margin-top:12px;display:grid;gap:10px;padding-left:18px;}
.ygba-overview-bottom-grid .ygba-list li{margin:0;line-height:1.55;}

.ygba-overview-linkbox{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:#faf7f3;border:1px solid rgba(51,51,51,.07);}
.ygba-overview-linkbox .ygba-mono{font-size:13px;line-height:1.55;overflow-wrap:anywhere;}

.ygba-card .ygba-rowline:last-child{padding-bottom:0;}
.ygba-card .ygba-rowline:first-child{padding-top:0;}

@media (max-width:1100px){
  .ygba-overview-panel-grid{grid-template-columns:1fr;}
}
@media (max-width:900px){
  .ygba-grid.kpi-grid > .ygba-card:last-child{grid-column:auto;}
  .ygba-overview-bottom-grid{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .ygba-overview-section-head{align-items:flex-start;}
  .ygba-overview-section-title{font-size:17px;}
  .ygba-grid.kpi-grid > .ygba-card{padding:18px 16px 16px;min-height:142px;}
  .ygba-overview-panel-grid > .ygba-card,
  .ygba-overview-bottom-grid > .ygba-card{padding:18px 16px;}
  .ygba-overview-linkbox{padding:12px;}
}


/* v8.6.5 — Dashboard micro-interactions + hover feedback */
.ygba-dashboard .ygba-card,
.ygba-dashboard .ygba-subcard,
.ygba-dashboard .ygba-kpi-mini,
.ygba-dashboard .ygba-tab,
.ygba-dashboard .ygba-headbtn,
.ygba-dashboard .ygba-btn,
.ygba-dashboard .ygba-table tr,
.ygba-dashboard .ygba-linklike{
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
}

.ygba-dashboard .ygba-kpi-grid .ygba-card:hover,
.ygba-dashboard .ygba-grid.kpi-grid .ygba-card:hover,
.ygba-dashboard .ygba-subcard:hover,
.ygba-dashboard .ygba-kpi-mini:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(26,26,26,.10);
}

.ygba-dashboard .ygba-tab{
  position: relative;
  overflow: hidden;
}
.ygba-dashboard .ygba-tab::after{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:999px;
  background:rgba(255,255,255,0);
  transition: background-color .18s ease, opacity .18s ease;
  opacity:.0;
}
.ygba-dashboard .ygba-tab:hover::after,
.ygba-dashboard .ygba-tab.is-active::after{
  background:rgba(255,255,255,.92);
  opacity:1;
}
.ygba-dashboard .ygba-tab:hover{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.ygba-dashboard .ygba-headbtn:hover,
.ygba-dashboard .ygba-btn:hover,
.ygba-dashboard button:hover,
.ygba-dashboard a.ygba-btn:hover{
  transform: translateY(-1px);
}

.ygba-dashboard .ygba-btn:focus-visible,
.ygba-dashboard .ygba-headbtn:focus-visible,
.ygba-dashboard .ygba-tab:focus-visible,
.ygba-dashboard .ygba-linklike:focus-visible,
.ygba-dashboard a:focus-visible,
.ygba-dashboard button:focus-visible{
  outline: 2px solid rgba(174,8,98,.35);
  outline-offset: 2px;
}

.ygba-dashboard .ygba-table tbody tr:hover td{
  background: rgba(174,8,98,.035);
}
.ygba-dashboard .ygba-table tbody tr:hover{
  transform: translateY(-1px);
}
.ygba-dashboard .ygba-table tbody tr td:first-child{
  transition: padding-left .18s ease;
}
.ygba-dashboard .ygba-table tbody tr:hover td:first-child{
  padding-left: 14px;
}

.ygba-dashboard .ygba-linklike:hover{
  color:#8e0f52;
}

@media (prefers-reduced-motion: reduce){
  .ygba-dashboard .ygba-card,
  .ygba-dashboard .ygba-subcard,
  .ygba-dashboard .ygba-kpi-mini,
  .ygba-dashboard .ygba-tab,
  .ygba-dashboard .ygba-headbtn,
  .ygba-dashboard .ygba-btn,
  .ygba-dashboard .ygba-table tr,
  .ygba-dashboard .ygba-linklike{
    transition: none !important;
  }
  .ygba-dashboard .ygba-kpi-grid .ygba-card:hover,
  .ygba-dashboard .ygba-grid.kpi-grid .ygba-card:hover,
  .ygba-dashboard .ygba-subcard:hover,
  .ygba-dashboard .ygba-kpi-mini:hover,
  .ygba-dashboard .ygba-table tbody tr:hover,
  .ygba-dashboard .ygba-headbtn:hover,
  .ygba-dashboard .ygba-btn:hover,
  .ygba-dashboard button:hover,
  .ygba-dashboard a.ygba-btn:hover{
    transform:none !important;
  }
}


/* ===== Earnings Page Professionalization (v8.7.0) ===== */
.ygba-dashboard .ygba-earnings-panel{
  border:1px solid rgba(15,23,42,.06);
}
.ygba-dashboard .ygba-earnings-intro{
  margin:4px 0 18px;
  max-width:820px;
}
.ygba-dashboard .ygba-earnings-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.8fr) minmax(260px, .9fr);
  gap:16px;
  margin:0 0 18px;
}
.ygba-dashboard .ygba-earnings-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.ygba-dashboard .ygba-earnings-summary-card{
  padding:18px 18px 16px;
  min-height:128px;
  background:linear-gradient(180deg,#ffffff 0%, #fcfbfd 100%);
  border:1px solid rgba(174,8,98,.08);
}
.ygba-dashboard .ygba-kpi-value--compact{
  font-size:24px;
  font-weight:700;
  line-height:1.15;
  margin:8px 0 6px;
  color:#1f2937;
}
.ygba-dashboard .ygba-kpi-hint{
  font-size:12px;
  line-height:1.45;
  color:#6b7280;
}
.ygba-dashboard .ygba-earnings-total-card{
  height:100%;
  border-radius:18px;
  padding:22px;
  color:#fff;
  background:linear-gradient(135deg,#ae0862 0%, #7f0d4a 100%);
  box-shadow:0 18px 40px rgba(127,13,74,.18);
}
.ygba-dashboard .ygba-earnings-total-label{
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.9;
}
.ygba-dashboard .ygba-earnings-total-value{
  font-size:30px;
  line-height:1.1;
  font-weight:700;
  margin:10px 0 8px;
}
.ygba-dashboard .ygba-earnings-total-note{
  font-size:13px;
  line-height:1.5;
  color:rgba(255,255,255,.88);
}
.ygba-dashboard .ygba-earnings-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
}
.ygba-dashboard .ygba-earnings-section-head strong{
  display:block;
  font-size:16px;
  color:#111827;
  margin-bottom:3px;
}
.ygba-dashboard .ygba-earnings-table thead tr:first-child th{
  background:#f8f4f7;
  color:#5b2241;
  font-weight:700;
}
.ygba-dashboard .ygba-earnings-table thead tr:nth-child(2) th{
  background:#fcfafb;
}
.ygba-dashboard .ygba-earnings-table tbody td strong{
  font-weight:700;
  color:#111827;
}
@media (max-width: 1200px){
  .ygba-dashboard .ygba-earnings-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 960px){
  .ygba-dashboard .ygba-earnings-hero{
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px){
  .ygba-dashboard .ygba-earnings-kpis{
    grid-template-columns:1fr;
  }
  .ygba-dashboard .ygba-earnings-total-value{
    font-size:26px;
  }
}

/* ---------------------------------------------------------
   v8.7.1 Referral Tools UX Cleanup
   --------------------------------------------------------- */
.ygba-referral-link-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ygba-referral-link-card{
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  border-radius:16px;
  padding:16px;
  display:grid;
  gap:12px;
}
.ygba-referral-link-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.ygba-referral-link-head strong{
  font-size:14px;
  color:#0f172a;
}
.ygba-referral-url{
  border:1px solid rgba(15,23,42,.08);
  background:#f8fafc;
  border-radius:12px;
  padding:12px 14px;
  word-break:break-word;
}
.ygba-referral-url code{
  white-space:normal;
  overflow-wrap:anywhere;
}
.ygba-referral-footnote{
  font-size:12px;
  color:#64748b;
}
.ygba-dashboard .ygba-referral-link-card .ygba-btnrow,
.ygba-dashboard .ygba-panel .ygba-btnrow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
@media (max-width: 900px){
  .ygba-referral-link-grid{grid-template-columns:1fr;}
}


/* ---------------------------------------------------------
   v8.7.2 Mobile Ambassador Dashboard Polish
   --------------------------------------------------------- */
@media (max-width: 900px){
  .ygba-ambdash{
    padding: 16px;
    border-radius: 18px;
  }
  .ygba-ambdash .ygba-head{
    gap: 12px;
    align-items: flex-start;
  }
  .ygba-ambdash .ygba-head-actions{
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .ygba-ambdash .ygba-head-actions .ygba-btn{
    min-height: 42px;
  }
  .ygba-ambdash .ygba-kpis{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .ygba-ambdash .ygba-kpi{
    min-height: 0;
    padding: 14px 14px 12px;
  }
  .ygba-ambdash .ygba-overview-grid,
  .ygba-ambdash .ygba-progress-grid,
  .ygba-ambdash .ygba-overview-actions,
  .ygba-ambdash .ygba-earnings-hero,
  .ygba-ambdash .ygba-referral-link-grid,
  .ygba-ambdash .ygba-products-grid,
  .ygba-ambdash .ygba-mkt-grid{
    grid-template-columns: 1fr !important;
  }
  .ygba-ambdash .ygba-overview-hero{
    padding: 16px;
  }
  .ygba-ambdash .ygba-overview-hero__side,
  .ygba-ambdash .ygba-overview-hero__quickstats{
    width: 100%;
  }
  .ygba-ambdash .ygba-overview-hero__quickstats{
    grid-template-columns: 1fr;
  }
  .ygba-ambdash .ygba-mini-cards{
    grid-template-columns: 1fr !important;
  }
  .ygba-ambdash .ygba-section-head,
  .ygba-ambdash .ygba-earnings-section-head,
  .ygba-ambdash .ygba-referral-link-head,
  .ygba-ambdash .ygba-topbar{
    flex-direction: column;
    align-items: flex-start;
  }
  .ygba-ambdash .ygba-btnrow,
  .ygba-ambdash .ygba-actions,
  .ygba-ambdash .ygba-tools{
    width: 100%;
    justify-content: flex-start;
  }
  .ygba-ambdash .ygba-campaign-form,
  .ygba-ambdash .ygba-rowline,
  .ygba-ambdash .ygba-mkt-toolbar,
  .ygba-ambdash .ygba-mkt-filters{
    flex-direction: column;
    align-items: stretch;
  }
  .ygba-ambdash .ygba-campaign-field,
  .ygba-ambdash .ygba-campaign-input,
  .ygba-ambdash .ygba-filter,
  .ygba-ambdash .ygba-input,
  .ygba-ambdash .ygba-input-compact,
  .ygba-ambdash .ygba-textarea{
    max-width: 100%;
    width: 100%;
  }
  .ygba-ambdash .ygba-kv-row{
    flex-direction: column;
    gap: 6px;
  }
  .ygba-ambdash .ygba-kv-k{
    width: auto;
    flex: 0 0 auto;
  }
  .ygba-ambdash .ygba-store-row{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px){
  .ygba-ambdash{
    padding: 12px;
    border-radius: 16px;
  }
  .ygba-ambdash .ygba-title{
    font-size: 22px;
    line-height: 1.2;
  }
  .ygba-ambdash .ygba-sub{
    font-size: 13px;
  }
  .ygba-ambdash .ygba-kpis{
    grid-template-columns: 1fr;
  }
  .ygba-ambdash .ygba-kpi .value,
  .ygba-ambdash .ygba-overview-hero__stat strong,
  .ygba-ambdash .ygba-earnings-total-value{
    font-size: 24px;
  }
  .ygba-ambdash .ygba-kpi .hint,
  .ygba-ambdash .ygba-muted,
  .ygba-ambdash .ygba-help,
  .ygba-ambdash .ygba-referral-footnote{
    font-size: 12px;
  }
  .ygba-ambdash .ygba-tabs-track{
    gap: 8px;
    padding-bottom: 2px;
    scroll-snap-type: x proximity;
  }
  .ygba-ambdash .ygba-tab{
    min-height: 40px;
    padding: 8px 11px;
    font-size: 12px;
    scroll-snap-align: start;
  }
  .ygba-ambdash .ygba-panel,
  .ygba-ambdash .ygba-referral-link-card,
  .ygba-ambdash .ygba-mkt-card,
  .ygba-ambdash .ygba-product-card,
  .ygba-ambdash .ygba-earnings-total-card{
    padding: 14px;
    border-radius: 14px;
  }
  .ygba-ambdash .ygba-btn,
  .ygba-ambdash .ygba-btnrow .ygba-btn,
  .ygba-ambdash .ygba-actions .ygba-btn,
  .ygba-ambdash .ygba-tools .ygba-btn{
    width: 100%;
    justify-content: center;
  }
  .ygba-ambdash .ygba-table-wrap,
  .ygba-ambdash .ygba-tablewrap{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .ygba-ambdash .ygba-table,
  .ygba-ambdash table.ygba-table{
    min-width: 760px;
    font-size: 12px;
  }
  .ygba-ambdash .ygba-table th,
  .ygba-ambdash .ygba-table td,
  .ygba-ambdash table.ygba-table th,
  .ygba-ambdash table.ygba-table td{
    padding: 9px 8px;
  }
  .ygba-ambdash .ygba-modal-dialog{
    width: calc(100vw - 20px);
    max-width: none;
    border-radius: 16px;
  }
}

/* v8.7.3 — Ambassador Performance Analytics */
.ygba-analytics-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.ygba-analytics-kpi .ygba-kpi-value{
  font-size:28px;
}
.ygba-analytics-kpi .ygba-kpi-note{
  margin-top:8px;
}
@media (max-width: 1100px){
  .ygba-analytics-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px){
  .ygba-analytics-kpis{ grid-template-columns:1fr; }
}

/* v8.7.7 polish: recent activity typography + lighter emphasis */
.ygba-dashboard .ygba-activity-main .ygba-strong{font-weight:700;font-size:14px;line-height:1.35;}
.ygba-dashboard .ygba-activity-main .ygba-muted{font-size:12px;line-height:1.55;color:rgba(51,51,51,.62);}
.ygba-dashboard .ygba-activity-time{font-size:11px;color:rgba(51,51,51,.55);}
.ygba-dashboard .ygba-activity-item{padding:14px 16px;}
.ygba-dashboard .ygba-activity-item .ygba-status-pill{font-size:11px;font-weight:600;padding:5px 8px;}

/* v8.7.9 — KPI completion + activity typography fix */
.ygba-section-title-medium{font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.01em;}
.ygba-activity-title{font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.01em;}
.ygba-activity-meta,.ygba-activity-time{font-size:13px;line-height:1.55;}
@media (max-width:720px){.ygba-section-title-medium{font-size:17px;}.ygba-activity-title{font-size:15px;}}


/* v8.8.2 — Elementor Compatibility Patch */
.elementor .ygba-dashboard,
.elementor .ygba-dashboard *{
  box-sizing:border-box;
}
.elementor .ygba-dashboard{
  display:grid !important;
  grid-template-columns:minmax(260px,320px) minmax(0,1fr) !important;
  gap:28px !important;
  align-items:start !important;
  width:100% !important;
  max-width:100% !important;
}
.elementor .ygba-dashboard__sidebar,
.elementor .ygba-sidebar,
.elementor .ygba-shell__sidebar{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  flex:none !important;
}
.elementor .ygba-dashboard__content,
.elementor .ygba-main,
.elementor .ygba-shell__main{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  flex:none !important;
}
.elementor .ygba-dashboard .ygba-grid,
.elementor .ygba-dashboard .ygba-kpi-grid,
.elementor .ygba-dashboard .kpi-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}
.elementor .ygba-dashboard .ygba-card,
.elementor .ygba-dashboard .ygba-subcard,
.elementor .ygba-dashboard .ygba-kpi-mini,
.elementor .ygba-dashboard .ygba-headcard{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}
.elementor .ygba-dashboard .ygba-head,
.elementor .ygba-dashboard .ygba-header,
.elementor .ygba-dashboard .ygba-overview-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:18px !important;
  align-items:start !important;
}
.elementor .ygba-dashboard :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li){
  margin-block-start:0;
}
.elementor .ygba-dashboard ul,
.elementor .ygba-dashboard ol{
  padding-left:1.25rem !important;
}
.elementor .ygba-dashboard .ygba-btn,
.elementor .ygba-dashboard button.ygba-btn,
.elementor .ygba-dashboard a.ygba-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px;
}
@media (max-width: 1200px){
  .elementor .ygba-dashboard .ygba-grid,
  .elementor .ygba-dashboard .ygba-kpi-grid,
  .elementor .ygba-dashboard .kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 980px){
  .elementor .ygba-dashboard{
    grid-template-columns:1fr !important;
  }
  .elementor .ygba-dashboard .ygba-head,
  .elementor .ygba-dashboard .ygba-header,
  .elementor .ygba-dashboard .ygba-overview-hero{
    grid-template-columns:1fr !important;
  }
}
@media (max-width: 680px){
  .elementor .ygba-dashboard .ygba-grid,
  .elementor .ygba-dashboard .ygba-kpi-grid,
  .elementor .ygba-dashboard .kpi-grid{
    grid-template-columns:1fr !important;
  }
}


/* v8.8.5 Dashboard Root Isolation */
.ygba-dashboard-root{width:100%;max-width:1440px;margin:0 auto;padding:24px;box-sizing:border-box;}
.ygba-dashboard-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start;}
.ygba-shell-sidebar{width:300px;min-width:300px;}
.ygba-shell-main{width:100%;min-width:0;}
.ygba-dashboard-root *{box-sizing:border-box;}
.ygba-shell-main *{min-width:0;}

.ygba-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
@media(max-width:1024px){.ygba-kpi-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.ygba-kpi-grid{grid-template-columns:1fr;}}

.ygba-overview-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:1024px){.ygba-overview-panel-grid{grid-template-columns:1fr;}}

.ygba-grid.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
@media(max-width:1024px){.ygba-grid.two-col{grid-template-columns:1fr;}}

.ygba-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
@media(max-width:1024px){.ygba-analytics-grid{grid-template-columns:1fr;}}

.ygba-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}

.elementor .ygba-dashboard-root{width:100%;}
.elementor .ygba-dashboard-shell{max-width:none;}
.wp-block .ygba-dashboard-root{width:100%;}


/* v8.8.6 Command Center Executive Overview */
.ygba-command-center-head .ygba-overview-section-title{font-size:28px;letter-spacing:-0.02em;}
.ygba-command-center-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 24px;}
.ygba-command-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f9f5f1 100%);}
.ygba-command-card::after{content:'';position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,#ae0862,#d2af38);opacity:.95;}
.ygba-kpi-value--compact{font-size:24px;line-height:1.25;word-break:break-word;}
@media(max-width:1200px){.ygba-command-center-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.ygba-command-center-grid{grid-template-columns:1fr;}.ygba-command-center-head .ygba-overview-section-title{font-size:24px;}}


/* v8.8.9 — Next-Generation Overview polish */
.ygba-overview-hero-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid #ece7e1;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fbf8f5 100%);box-shadow:0 8px 24px rgba(17,24,39,.05);margin:0 0 22px;}
.ygba-overview-hero-left{display:grid;gap:10px;min-width:0;}
.ygba-overview-hero-right{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center;}
.ygba-identity-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #eee6de;box-shadow:0 2px 8px rgba(17,24,39,.04);width:fit-content;max-width:100%;}
.ygba-identity-avatar .ygba-avatar{width:48px;height:48px;}
.ygba-identity-name{font-size:15px;font-weight:600;color:#1f2937;line-height:1.2;}
.ygba-identity-meta{font-size:13px;font-weight:500;color:#6b7280;line-height:1.3;}
.ygba-executive-grid .ygba-command-card{display:flex;flex-direction:column;justify-content:space-between;min-height:164px;border:1px solid #ebe5de;box-shadow:0 8px 22px rgba(17,24,39,.05);border-radius:20px;padding:20px;}
.ygba-executive-grid .ygba-kpi-label{font-size:13px;font-weight:600;color:#6b7280;margin-bottom:8px;}
.ygba-executive-grid .ygba-kpi-note{font-size:12px;line-height:1.45;color:#8a8178;margin-top:10px;max-width:26ch;}
.ygba-executive-grid .ygba-kpi-value{font-size:26px;line-height:1.15;font-weight:600;color:#111827;}
.ygba-analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.ygba-analytics-kpi{padding:20px;min-width:0;}
.ygba-section-title{font-weight:600;}
.ygba-overview-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;}
.ygba-overview-panel-grid>.ygba-card,.ygba-overview-bottom-grid>.ygba-card,.ygba-grid.two-col>.ygba-card{height:100%;min-width:0;}
.ygba-overview-bottom-grid{gap:20px;}
.ygba-actions .ygba-btn,.ygba-overview-panel-grid .ygba-btn{min-width:0;}
@media(max-width:1200px){.ygba-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:1024px){.ygba-overview-hero-card{flex-direction:column;align-items:flex-start;padding:20px;}.ygba-overview-hero-right{justify-content:flex-start;}.ygba-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.ygba-analytics-kpis{grid-template-columns:1fr;}.ygba-executive-grid .ygba-command-card{min-height:auto;}.ygba-overview-hero-card{padding:18px 16px;}}


/* v8.9.0 — Full-width Ambassador App Shell + Mobile Navigation */
body.ygba-dashboard-body{background:#f5f6fa;}
body.ygba-dashboard-body .site-main,
body.ygba-dashboard-body .content,
body.ygba-dashboard-body .container,
body.ygba-dashboard-body .site-content,
body.ygba-dashboard-body .entry-content,
body.ygba-dashboard-body .post-content,
body.ygba-dashboard-body .page-content,
body.ygba-dashboard-body .content-area,
body.ygba-dashboard-body .site,
body.ygba-dashboard-body main{max-width:none !important;width:100% !important;padding-left:0 !important;padding-right:0 !important;}
body.ygba-dashboard-body .entry-content > .ygba-app-shell,
body.ygba-dashboard-body .wp-block-shortcode > .ygba-app-shell,
body.ygba-dashboard-body .elementor-widget-shortcode .ygba-app-shell{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}

.ygba-app-shell{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:18px 18px 96px;background:var(--yg-bg,#f6f7fb);}
.ygba-sidebar-overlay{display:none;}
.ygba-dashboard{max-width:none !important;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start;}
.ygba-topbar,.ygba-dashboard > .ygba-alert,.ygba-tabs ~ .ygba-grid,.ygba-tabs ~ .ygba-card,.ygba-tabs ~ .ygba-overview-stack{grid-column:2;}
.ygba-tabs{width:260px;max-width:260px;position:sticky;top:18px;min-height:calc(100vh - 36px);padding:22px 16px 18px;border-radius:28px;background:linear-gradient(180deg,#8f0b53 0%,#a50d60 45%,#c5307b 100%);display:flex;flex-direction:column;gap:14px;overflow:hidden;}
.ygba-sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 6px 10px;}
.ygba-sidebar-brand-mark{font-size:16px;font-weight:800;line-height:1.15;color:#fff;}
.ygba-sidebar-brand-mark span{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.82;margin-top:4px;}
.ygba-sidebar-close{display:none;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:12px;width:38px;height:38px;font-size:24px;line-height:1;cursor:pointer;}
.ygba-sidebar-status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;margin-top:8px;font-size:11px;font-weight:800;letter-spacing:.04em;}
.ygba-sidebar-status.is-active{background:rgba(40,199,111,.18);color:#fff;}
.ygba-sidebar-status.is-inactive{background:rgba(255,255,255,.18);color:#fff;}
.ygba-sidebar-nav{gap:8px;}
.ygba-tab{min-height:48px;padding:12px 15px;border-radius:14px;}
.ygba-tab::before{width:9px;height:9px;flex:0 0 9px;}
.ygba-sidebar-rankcard{margin-top:auto;padding:16px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);display:grid;gap:8px;color:#fff;}
.ygba-sidebar-rankcard-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.8;}
.ygba-sidebar-rankcard-title{font-size:22px;font-weight:800;line-height:1.1;}
.ygba-sidebar-rankcard-copy{font-size:13px;line-height:1.45;color:rgba(255,255,255,.86);}
.ygba-sidebar-rankcard .ygba-headbtn{min-height:42px;background:#fff;color:#8f0b53;border:0;box-shadow:none;margin-top:4px;}
.ygba-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-radius:24px;}
.ygba-topbar-left,.ygba-topbar-right{display:flex;align-items:center;gap:12px;}
.ygba-topbar-left{min-width:0;flex:1 1 auto;}
.ygba-topbar-right{justify-content:flex-end;flex-wrap:wrap;}
.ygba-pagehead-kicker{text-transform:none;letter-spacing:0;font-size:22px;color:#2b2f3a;font-weight:600;}
.ygba-pagehead-title{font-size:38px;font-weight:800;letter-spacing:-.03em;color:#101526;}
.ygba-pagehead-sub{font-size:15px;color:#5d6475;max-width:760px;}
.ygba-headbtn{min-height:46px;padding:0 18px;border-radius:14px;font-size:14px;}
.ygba-headbtn-primary{background:linear-gradient(135deg,#cd2478 0%, #a90c60 100%);}
.ygba-head-avatar{border-radius:14px;}
.ygba-mobile-topbar,.ygba-mobile-tabbar{display:none;}
.ygba-overview-stack{display:grid;gap:18px;}

@media (max-width: 1199px){
  .ygba-dashboard{grid-template-columns:230px minmax(0,1fr);}
  .ygba-tabs{width:230px;max-width:230px;}
  .ygba-pagehead-title{font-size:32px;}
}

@media (max-width: 991px){
  .ygba-app-shell{padding:10px 10px 96px;}
  .ygba-dashboard{display:block;max-width:none !important;}
  .ygba-mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:60;padding:12px 14px;margin-bottom:12px;border-radius:20px;background:linear-gradient(180deg,#8f0b53 0%,#b4176b 100%);box-shadow:0 16px 30px rgba(107,16,62,.22);}
  .ygba-mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:22px;cursor:pointer;}
  .ygba-mobile-brand{color:#fff;font-weight:800;font-size:18px;line-height:1.1;}
  .ygba-mobile-brand span{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.82;margin-top:3px;}
  .ygba-mobile-avatar{width:40px;height:40px;border-radius:14px;overflow:hidden;background:#fff;flex:0 0 auto;}
  .ygba-topbar{padding:16px;display:block;margin-bottom:14px;}
  .ygba-topbar-right{justify-content:flex-start;margin-top:12px;}
  .ygba-headbtn{flex:1 1 calc(50% - 8px);min-width:160px;}
  .ygba-pagehead-kicker{font-size:18px;}
  .ygba-pagehead-title{font-size:28px;}
  .ygba-pagehead-sub{font-size:14px;}
  .ygba-tabs{position:fixed;top:0;left:0;bottom:0;width:min(86vw,320px);max-width:min(86vw,320px);min-height:100vh;z-index:80;border-radius:0 28px 28px 0;transform:translateX(-108%);transition:transform .26s ease;overflow-y:auto;padding-top:18px;}
  body.ygba-sidebar-open .ygba-tabs{transform:translateX(0);}
  .ygba-sidebar-close{display:inline-flex;align-items:center;justify-content:center;}
  .ygba-sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(15,21,38,.44);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .24s ease;z-index:70;}
  body.ygba-sidebar-open .ygba-sidebar-overlay{opacity:1;visibility:visible;}
  .ygba-mobile-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:fixed;left:10px;right:10px;bottom:10px;z-index:65;padding:10px;border-radius:22px;background:#fff;border:1px solid rgba(16,21,38,.08);box-shadow:0 18px 30px rgba(15,21,38,.12);}
  .ygba-mobile-tab{display:grid;place-items:center;min-height:46px;padding:6px 8px;border-radius:14px;color:#646b7c;text-decoration:none !important;font-size:12px;font-weight:700;line-height:1.15;text-align:center;}
  .ygba-mobile-tab.is-active{background:rgba(169,12,96,.10);color:#a90c60;}
}

@media (max-width: 767px){
  .ygba-topbar-right{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .ygba-headbtn{min-width:0;width:100%;}
  .ygba-head-avatar{display:none;}
}

@media (max-width: 520px){
  .ygba-app-shell{padding:8px 8px 92px;}
  .ygba-mobile-topbar{padding:10px 12px;border-radius:18px;}
  .ygba-pagehead-kicker{font-size:16px;}
  .ygba-pagehead-title{font-size:24px;}
  .ygba-topbar{border-radius:18px;}
  .ygba-topbar-right{grid-template-columns:1fr;}
  .ygba-mobile-tabbar{left:8px;right:8px;bottom:8px;padding:8px;gap:6px;border-radius:18px;}
  .ygba-mobile-tab{font-size:11px;min-height:42px;padding:4px 6px;}
}

/* v8.9.1 — ambassador app shell polish */
body.ygba-dashboard-body{overflow-x:hidden;}
body.ygba-sidebar-open{overflow:hidden;}
.ygba-tab{display:flex;align-items:center;gap:12px;}
.ygba-tab::before{display:none;}
.ygba-tab-icon{font-size:18px;width:18px;height:18px;line-height:18px;opacity:.92;}
.ygba-tab-label{flex:1 1 auto;}
.ygba-tab-logout{margin-top:8px;}
.ygba-sidebar-rankcard-progress{position:relative;height:8px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;}
.ygba-sidebar-rankcard-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd46a 0%, #ffffff 100%);}
.ygba-sidebar-rankcard-meta{font-size:12px;line-height:1.35;color:rgba(255,255,255,.86);}
.ygba-mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;}
.ygba-mobile-tab-icon{font-size:18px;width:18px;height:18px;line-height:18px;}
@media (max-width: 991px){
  .ygba-topbar,.ygba-dashboard > .ygba-alert,.ygba-tabs ~ .ygba-grid,.ygba-tabs ~ .ygba-card,.ygba-tabs ~ .ygba-overview-stack{grid-column:auto;}
  .ygba-sidebar-rankcard{margin-top:12px;}
}

/* v8.9.2 — exact ambassador hub match */
body.ygba-dashboard-body #masthead,
body.ygba-dashboard-body header.site-header,
body.ygba-dashboard-body #colophon,
body.ygba-dashboard-body footer.site-footer,
body.ygba-dashboard-body .ast-above-header-wrap,
body.ygba-dashboard-body .ast-below-header-wrap,
body.ygba-dashboard-body .ast-breadcrumbs-wrapper,
body.ygba-dashboard-body .entry-header{display:none !important;}
body.ygba-dashboard-body .site-content{padding-top:0 !important;}
.ygba-topbar{padding:8px 0 18px;border-radius:0;background:transparent;}
.ygba-topbar-right{gap:14px;}
.ygba-headicon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#fff;border:1px solid rgba(17,21,34,.06);color:#262b39;text-decoration:none !important;box-shadow:0 10px 30px rgba(17,21,34,.06);}
.ygba-headicon em{position:absolute;top:8px;right:8px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#d11b74;color:#fff;font-size:10px;font-style:normal;font-weight:700;}
.ygba-head-avatar{width:52px;height:52px;background:#fff;border:1px solid rgba(17,21,34,.06);box-shadow:0 10px 30px rgba(17,21,34,.06);}
.ygba-pagehead-kicker{font-size:18px;font-weight:600;}
.ygba-pagehead-title{font-size:30px;}
.ygba-pagehead-sub{font-size:16px;}
.ygba-ui-card{background:#fff;border:1px solid #ececf2;border-radius:22px;box-shadow:0 10px 30px rgba(18,22,33,.05);padding:22px;}
.ygba-exact-overview{display:grid;gap:18px;}
.ygba-ui-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;}
.ygba-ui-kpi-card{display:flex;align-items:flex-start;gap:16px;min-height:118px;}
.ygba-ui-kpi-icon{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;flex:0 0 auto;}
.ygba-ui-kpi-icon.is-pink{background:#d11b74;}.ygba-ui-kpi-icon.is-orange{background:#f3a12c;}.ygba-ui-kpi-icon.is-green{background:#27c276;}.ygba-ui-kpi-icon.is-blue{background:#4f8ef7;}.ygba-ui-kpi-icon.is-purple{background:#9a69f6;}.ygba-ui-kpi-icon.is-teal{background:#1aa8b7;}
.ygba-ui-kpi-copy{display:grid;gap:7px;}
.ygba-ui-kpi-label{font-size:13px;color:#727789;font-weight:600;}
.ygba-ui-kpi-value{font-size:17px;color:#141a2a;font-weight:800;line-height:1.2;}
.ygba-ui-kpi-link{font-size:13px;color:#c1126d;font-weight:700;}
.ygba-ui-triple-grid{display:grid;grid-template-columns:1.45fr 1fr 1.3fr;gap:18px;align-items:stretch;}
.ygba-ui-card-title{font-size:15px;font-weight:800;color:#151a2a;line-height:1.2;}
.ygba-ui-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;}
.ygba-ui-filter{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:12px;border:1px solid #ececf2;background:#fff;font-size:12px;font-weight:700;color:#6f7486;white-space:nowrap;}
.ygba-ui-rank-head{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:end;gap:18px;margin:8px 0 12px;}
.ygba-ui-rank-label{display:block;font-size:12px;color:#7e8394;margin-bottom:4px;}
.ygba-ui-rank-head strong{display:block;font-size:15px;color:#141a2a;}.ygba-ui-rank-arrow{font-size:24px;color:#8f94a3;padding-bottom:2px;}.ygba-ui-rank-percent{font-size:14px;font-weight:800;color:#32384b;align-self:center;}
.ygba-ui-progress{position:relative;height:12px;border-radius:999px;background:#eef0f5;overflow:hidden;margin:12px 0 18px;}.ygba-ui-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c1126d 0%,#db2d86 100%);}.ygba-ui-progress.is-green span{background:linear-gradient(90deg,#22b36b 0%,#33ca7e 100%);}
.ygba-ui-three-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;}.ygba-ui-three-metrics div{display:grid;gap:4px;}.ygba-ui-three-metrics strong{font-size:15px;color:#141a2a;}.ygba-ui-three-metrics span{font-size:12px;color:#7d8292;}
.ygba-ui-callout{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:#fff3f8;color:#c1126d;font-size:13px;font-weight:700;}.ygba-ui-callout a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:12px;border:1px solid #f4c3db;background:#fff;color:#c1126d;text-decoration:none !important;font-size:12px;font-weight:800;white-space:nowrap;}
.ygba-ui-muted{font-size:13px;color:#7a8091;line-height:1.55;}
.ygba-ui-state{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;}.ygba-ui-state.is-active{background:#ebfaf2;color:#1c9d5c;}.ygba-ui-state.is-inactive{background:#fff0f4;color:#d11b74;}
.ygba-ui-ip-value{font-size:34px;line-height:1.1;font-weight:800;color:#151a2a;margin:14px 0 14px;}
.ygba-ui-status-copy{display:grid;gap:4px;margin-top:14px;margin-bottom:12px;}.ygba-ui-status-copy strong{font-size:14px;color:#1ba05f;}.ygba-ui-status-copy span{font-size:13px;color:#7a8091;}
.ygba-ui-inline-link{font-size:13px;color:#c1126d;text-decoration:none !important;font-weight:700;}
.ygba-ui-forecast-range{font-size:36px;line-height:1.1;font-weight:800;color:#151a2a;margin:10px 0 8px;}
.ygba-ui-linechart{width:100%;height:auto;display:block;margin:8px 0 8px;}
.ygba-ui-forecast-help{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;}.ygba-ui-forecast-help strong{display:block;margin-bottom:6px;font-size:13px;color:#4f5669;}.ygba-ui-forecast-help ul{margin:0;padding-left:18px;font-size:13px;color:#626879;display:grid;gap:4px;}.ygba-ui-forecast-help a{align-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:12px;border:1px solid #ececf2;background:#fff;color:#c1126d;text-decoration:none !important;font-size:13px;font-weight:800;white-space:nowrap;}
.ygba-ui-actions-row{display:grid;gap:16px;}.ygba-ui-actions-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}.ygba-ui-action-box{text-decoration:none !important;border:1px solid #ececf2;border-radius:18px;padding:18px 16px;display:grid;gap:6px;background:#fff;color:#141a2a;}.ygba-ui-action-box span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:800;}.ygba-ui-action-box span.is-pink{background:#d11b74;}.ygba-ui-action-box span.is-orange{background:#f3a12c;}.ygba-ui-action-box span.is-green{background:#27c276;}.ygba-ui-action-box span.is-purple{background:#9a69f6;}.ygba-ui-action-box span.is-blue{background:#4f8ef7;}.ygba-ui-action-box span.is-teal{background:#1aa8b7;}.ygba-ui-action-box strong{font-size:14px;}.ygba-ui-action-box small{font-size:12px;color:#7d8292;}
.ygba-ui-analytics-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:18px;}.ygba-ui-mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;}.ygba-ui-mini-metrics div{display:grid;gap:4px;}.ygba-ui-mini-metrics strong{font-size:18px;color:#141a2a;}.ygba-ui-mini-metrics span{font-size:12px;color:#7d8292;}
.ygba-ui-donut-wrap{position:relative;display:grid;place-items:center;min-height:230px;}.ygba-ui-donut{width:160px;height:160px;}.ygba-ui-donut-center{position:absolute;display:grid;place-items:center;gap:2px;text-align:center;}.ygba-ui-donut-center strong{font-size:24px;color:#141a2a;}.ygba-ui-donut-center span{font-size:12px;color:#7d8292;max-width:88px;}
.ygba-ui-list-stats{display:grid;gap:10px;margin-top:-8px;margin-bottom:12px;}.ygba-ui-list-stats div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:13px;color:#4d5366;font-weight:600;}.ygba-ui-list-stats i{width:10px;height:10px;border-radius:999px;display:block;}.ygba-ui-list-stats i.is-green{background:#27c276;}.ygba-ui-list-stats i.is-orange{background:#f3a12c;}.ygba-ui-list-stats i.is-blue{background:#4f8ef7;}
.ygba-ui-amb-list{display:grid;gap:8px;margin-top:8px;margin-bottom:12px;}.ygba-ui-amb-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#fafbfe;font-size:13px;}.ygba-ui-amb-row.is-me{background:#fff0f7;border:1px solid #f5c8dd;}.ygba-ui-ranknum{width:24px;height:24px;border-radius:999px;background:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;color:#6f7486;}.ygba-ui-amb-row em{font-style:normal;font-weight:800;color:#d11b74;}
.ygba-ui-tree{display:grid;gap:18px;padding-top:6px;}.ygba-ui-tree-node{display:grid;place-items:center;gap:4px;padding:10px 12px;border:1px solid #ececf2;border-radius:14px;background:#fff7fb;text-align:center;}.ygba-ui-tree-node.is-root{max-width:200px;justify-self:center;background:#fff0f7;border-color:#f2c2da;}.ygba-ui-tree-node span{font-size:13px;font-weight:700;color:#22283a;}.ygba-ui-tree-node small{font-size:11px;color:#7c8192;}.ygba-ui-tree-children{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative;}.ygba-ui-tree-children::before{content:'';position:absolute;left:12%;right:12%;top:-10px;height:2px;background:#ececf2;}
.ygba-ui-bottom-grid{display:grid;grid-template-columns:1.3fr 1fr .8fr .95fr;gap:18px;}.ygba-ui-activity-list{display:grid;gap:12px;margin:10px 0 14px;}.ygba-ui-activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;}.ygba-ui-activity-item i{width:10px;height:10px;border-radius:999px;background:#d11b74;display:block;margin-top:7px;}.ygba-ui-activity-item strong{display:block;font-size:13px;color:#1b2030;margin-bottom:3px;}.ygba-ui-activity-item span{display:block;font-size:12px;color:#7b8192;line-height:1.45;}.ygba-ui-activity-item em{font-style:normal;font-size:12px;color:#7b8192;white-space:nowrap;}
.ygba-ui-bonus-list{display:grid;gap:10px;margin:6px 0 14px;}.ygba-ui-bonus-list div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:13px;color:#52586b;}.ygba-ui-bonus-list i{width:10px;height:10px;border-radius:999px;display:block;}.ygba-ui-bonus-list i.is-pink{background:#d11b74;}.ygba-ui-bonus-list i.is-orange{background:#f3a12c;}.ygba-ui-bonus-list i.is-green{background:#27c276;}.ygba-ui-bonus-list i.is-purple{background:#9a69f6;}
.ygba-ui-payout-date{font-size:30px;line-height:1.15;font-weight:800;color:#171c2c;margin:14px 0 8px;}.ygba-ui-payout-amount{font-size:22px;font-weight:800;color:#171c2c;margin-bottom:10px;}
.ygba-ui-benefits{margin:12px 0 14px;padding-left:18px;display:grid;gap:8px;font-size:13px;color:#52586b;}
.ygba-ui-empty{font-size:13px;color:#7d8292;padding:12px 0;}
@media (max-width: 1399px){.ygba-ui-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.ygba-ui-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.ygba-ui-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ygba-ui-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ygba-ui-forecast-range{font-size:30px;}}
@media (max-width: 991px){.ygba-topbar{padding:0;margin-bottom:14px;}.ygba-ui-kpi-grid,.ygba-ui-actions-grid,.ygba-ui-analytics-grid,.ygba-ui-bottom-grid,.ygba-ui-triple-grid{grid-template-columns:1fr;}.ygba-ui-kpi-card{min-height:auto;}.ygba-ui-forecast-help{grid-template-columns:1fr;}.ygba-ui-tree-children{grid-template-columns:1fr 1fr;}.ygba-headicon{width:46px;height:46px;}.ygba-mobile-topbar{margin-bottom:14px;}}
@media (max-width: 640px){.ygba-pagehead-title{font-size:24px;}.ygba-pagehead-kicker{font-size:16px;}.ygba-pagehead-sub{font-size:14px;}.ygba-topbar-right{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;}.ygba-headbtn{min-height:44px;padding:0 14px;font-size:13px;}.ygba-ui-card{padding:18px;}.ygba-ui-three-metrics,.ygba-ui-mini-metrics{grid-template-columns:1fr 1fr;}.ygba-ui-callout{display:grid;}.ygba-ui-callout a{justify-self:start;}.ygba-ui-tree-children{grid-template-columns:1fr;}.ygba-ui-payout-date{font-size:24px;}}


/* v8.9.3 — Header/Footer compatible exact UI shell */
body.ygba-dashboard-body #masthead,
body.ygba-dashboard-body header.site-header,
body.ygba-dashboard-body #colophon,
body.ygba-dashboard-body footer.site-footer,
body.ygba-dashboard-body .ast-above-header-wrap,
body.ygba-dashboard-body .ast-below-header-wrap{display:block !important;}
body.ygba-dashboard-body .ast-breadcrumbs-wrapper,
body.ygba-dashboard-body .entry-header{display:none !important;}
body.ygba-dashboard-body .site-content{padding-top:0 !important;}
body.ygba-dashboard-body .site-footer-primary-section-2,
body.ygba-dashboard-body .site-footer-primary-section-3,
body.ygba-dashboard-body .site-footer-primary-section-4,
body.ygba-dashboard-body .site-above-footer-wrap,
body.ygba-dashboard-body .site-primary-footer-wrap,
body.ygba-dashboard-body .site-below-footer-wrap,
body.ygba-dashboard-body .footer-widget-area,
body.ygba-dashboard-body .ast-footer-widget-wrap,
body.ygba-dashboard-body .footer-adv,
body.ygba-dashboard-body .widget-area[data-section="section-footer-menu"],
body.ygba-dashboard-body .widget-area[data-section="sidebar-widgets-footer-widget-1"],
body.ygba-dashboard-body .widget-area[data-section="sidebar-widgets-footer-widget-2"],
body.ygba-dashboard-body .widget-area[data-section="sidebar-widgets-footer-widget-3"],
body.ygba-dashboard-body .widget-area[data-section="sidebar-widgets-footer-widget-4"]{display:none !important;}
body.ygba-dashboard-body #colophon .ast-builder-grid-row-container,
body.ygba-dashboard-body #colophon .ast-builder-footer-grid-columns{padding-top:0 !important;padding-bottom:0 !important;}
body.ygba-dashboard-body #colophon .ast-footer-copyright,
body.ygba-dashboard-body #colophon .ast-footer-copyright p,
body.ygba-dashboard-body #colophon .site-footer-primary-section-1,
body.ygba-dashboard-body #colophon .site-footer-section{justify-content:flex-start !important;text-align:left !important;}
body.ygba-dashboard-body #colophon .ast-footer-copyright{width:100% !important;display:block !important;padding:0 0 0 30px !important;}
body.ygba-dashboard-body #colophon .ast-footer-copyright p{margin:0 !important;}
@media (max-width: 991px){
  body.ygba-dashboard-body #masthead,
  body.ygba-dashboard-body #colophon,
  body.ygba-dashboard-body .ast-above-header-wrap,
  body.ygba-dashboard-body .ast-below-header-wrap{display:block !important;}
  body.ygba-dashboard-body #colophon .ast-footer-copyright{padding-left:16px !important;}
}


/* v8.9.4 — full footer + exact UI continuity */
:root{
  --ygba-sidebar-width: 260px;
}
body.ygba-dashboard-body .entry-content > .ygba-app-shell,
body.ygba-dashboard-body .wp-block-shortcode > .ygba-app-shell,
body.ygba-dashboard-body .elementor-widget-shortcode .ygba-app-shell,
.ygba-app-shell{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.ygba-dashboard{
  grid-template-columns:var(--ygba-sidebar-width) minmax(0,1fr);
}
.ygba-tabs{
  width:var(--ygba-sidebar-width);
  max-width:var(--ygba-sidebar-width);
  min-width:var(--ygba-sidebar-width);
}
.ygba-tabs ~ *{grid-column:2;}
.ygba-topbar{padding:12px 4px 18px;}
.ygba-pagehead-title{font-size:40px;}
body.ygba-dashboard-body #masthead,
body.ygba-dashboard-body header.site-header,
body.ygba-dashboard-body #colophon,
body.ygba-dashboard-body footer.site-footer,
body.ygba-dashboard-body .ast-above-header-wrap,
body.ygba-dashboard-body .ast-below-header-wrap,
body.ygba-dashboard-body .site-above-footer-wrap,
body.ygba-dashboard-body .site-primary-footer-wrap,
body.ygba-dashboard-body .site-below-footer-wrap,
body.ygba-dashboard-body .footer-widget-area,
body.ygba-dashboard-body .ast-footer-widget-wrap,
body.ygba-dashboard-body .footer-adv,
body.ygba-dashboard-body .widget-area[data-section="section-footer-menu"],
body.ygba-dashboard-body .widget-area[data-section="sidebar-widgets-footer-widget-1"],
body.ygba-dashboard-body .widget-area[data-section="sidebar-widgets-footer-widget-2"],
body.ygba-dashboard-body .widget-area[data-section="sidebar-widgets-footer-widget-3"],
body.ygba-dashboard-body .widget-area[data-section="sidebar-widgets-footer-widget-4"]{
  display:block !important;
}
body.ygba-dashboard-body #colophon .ast-builder-grid-row-container,
body.ygba-dashboard-body #colophon .ast-builder-footer-grid-columns{
  padding-top:initial !important;
  padding-bottom:initial !important;
}
body.ygba-dashboard-body #colophon .ast-footer-copyright,
body.ygba-dashboard-body #colophon .ast-footer-copyright p,
body.ygba-dashboard-body #colophon .site-footer-primary-section-1,
body.ygba-dashboard-body #colophon .site-footer-section{
  justify-content:initial !important;
  text-align:initial !important;
}
body.ygba-dashboard-body #colophon .ast-footer-copyright{
  width:auto !important;
  display:block !important;
  padding:initial !important;
}
@media (max-width: 1199px){
  .ygba-dashboard{grid-template-columns:var(--ygba-sidebar-width) minmax(0,1fr);}
  .ygba-tabs{width:var(--ygba-sidebar-width);max-width:var(--ygba-sidebar-width);}
}
@media (max-width: 991px){
  .ygba-dashboard{display:block;}
  .ygba-tabs{min-width:0;width:min(86vw,320px);max-width:min(86vw,320px);}
  .ygba-tabs ~ *{grid-column:auto;}
  body.ygba-dashboard-body #masthead,
  body.ygba-dashboard-body header.site-header,
  body.ygba-dashboard-body #colophon,
  body.ygba-dashboard-body footer.site-footer,
  body.ygba-dashboard-body .ast-above-header-wrap,
  body.ygba-dashboard-body .ast-below-header-wrap,
  body.ygba-dashboard-body .site-above-footer-wrap,
  body.ygba-dashboard-body .site-primary-footer-wrap,
  body.ygba-dashboard-body .site-below-footer-wrap,
  body.ygba-dashboard-body .footer-widget-area,
  body.ygba-dashboard-body .ast-footer-widget-wrap,
  body.ygba-dashboard-body .footer-adv{
    display:block !important;
  }
}


/* v8.9.5 — responsive mobile ambassador dashboard */
:root{
  --ygba-mobile-tabbar-height: 78px;
}
body.ygba-dashboard-body{
  overflow-x:hidden;
}
body.ygba-dashboard-body .site,
body.ygba-dashboard-body .site-content,
body.ygba-dashboard-body .content-area,
body.ygba-dashboard-body .entry-content{
  overflow-x:clip;
}
.ygba-app-shell{
  padding-bottom:calc(var(--ygba-mobile-tabbar-height) + 28px);
}
.ygba-topbar,
.ygba-ui-card,
.ygba-card,
.ygba-tab,
.ygba-headbtn,
.ygba-headicon,
.ygba-mobile-menu-btn,
.ygba-mobile-tab{
  -webkit-tap-highlight-color:transparent;
}
.ygba-tab,
.ygba-headbtn,
.ygba-mobile-menu-btn,
.ygba-mobile-tab,
.ygba-sidebar-close{
  touch-action:manipulation;
}
.ygba-tab,
.ygba-mobile-tab{
  transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.ygba-mobile-menu-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  min-height:46px;
  border:0;
  border-radius:14px;
  background:rgba(255,255,255,.15);
  color:#fff;
  font-size:22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.ygba-mobile-brand{
  min-width:0;
  display:grid;
  gap:2px;
  color:#fff;
  font-weight:800;
  line-height:1.1;
}
.ygba-mobile-brand span{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.82;
}
.ygba-mobile-avatar{
  width:42px;
  height:42px;
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
}
.ygba-mobile-avatar .ygba-avatar{width:100%;height:100%;object-fit:cover;}
.ygba-mobile-tabbar{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));}
.ygba-mobile-tab{border-radius:14px;min-height:48px;padding:6px 8px;color:#6d7384;text-decoration:none !important;font-size:11px;font-weight:700;}
.ygba-mobile-tab.is-active{background:#fff2f8;color:#b10e63;box-shadow:inset 0 0 0 1px rgba(209,27,116,.12);}
.ygba-mobile-tab span:last-child{line-height:1.15;text-align:center;}
@media (max-width: 1199px){
  .ygba-app-shell{padding:16px 16px 108px;}
  .ygba-topbar{padding:8px 0 16px;}
  .ygba-pagehead-title{font-size:34px;}
  .ygba-ui-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ygba-ui-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ygba-ui-triple-grid,.ygba-ui-analytics-grid,.ygba-ui-bottom-grid{grid-template-columns:1fr;}
}
@media (max-width: 991px){
  :root{--ygba-mobile-tabbar-height:84px;}
  .ygba-app-shell,
  body.ygba-dashboard-body .entry-content > .ygba-app-shell,
  body.ygba-dashboard-body .wp-block-shortcode > .ygba-app-shell,
  body.ygba-dashboard-body .elementor-widget-shortcode .ygba-app-shell{
    width:100%;
    margin-left:0;
    margin-right:0;
    padding:12px 12px calc(var(--ygba-mobile-tabbar-height) + 20px);
  }
  .ygba-dashboard{display:block;}
  .ygba-mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:12px;z-index:60;padding:12px 14px;margin-bottom:14px;border-radius:20px;background:linear-gradient(180deg,#8f0b53 0%,#b4176b 100%);box-shadow:0 16px 30px rgba(107,16,62,.22);}
  .ygba-topbar{display:grid;gap:14px;padding:0;margin-bottom:16px;}
  .ygba-topbar-left,.ygba-topbar-right{width:100%;}
  .ygba-topbar-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;justify-content:stretch;}
  .ygba-headbtn{width:100%;justify-content:center;}
  .ygba-headicon,.ygba-head-avatar{display:none;}
  .ygba-tabs{position:fixed;top:0;left:0;bottom:0;min-height:100dvh;height:100dvh;padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px));border-radius:0 28px 28px 0;transform:translateX(-104%);transition:transform .24s ease,box-shadow .24s ease;z-index:80;overflow-y:auto;-webkit-overflow-scrolling:touch;}
  body.ygba-sidebar-open .ygba-tabs{transform:translateX(0);box-shadow:0 24px 60px rgba(15,21,38,.30);}
  .ygba-sidebar-close{display:inline-flex;align-items:center;justify-content:center;}
  .ygba-sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(15,21,38,.44);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .24s ease;z-index:70;}
  body.ygba-sidebar-open .ygba-sidebar-overlay{opacity:1;visibility:visible;}
  .ygba-sidebar-profile{padding:12px 4px 10px;}
  .ygba-sidebar-nav{display:grid;gap:8px;}
  .ygba-tab{min-height:50px;padding:13px 14px;}
  .ygba-mobile-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:fixed;left:10px;right:10px;bottom:10px;z-index:65;padding:10px;border-radius:22px;background:#fff;border:1px solid rgba(16,21,38,.08);box-shadow:0 18px 30px rgba(15,21,38,.12);}
}
@media (max-width: 767px){
  .ygba-app-shell,
  body.ygba-dashboard-body .entry-content > .ygba-app-shell,
  body.ygba-dashboard-body .wp-block-shortcode > .ygba-app-shell,
  body.ygba-dashboard-body .elementor-widget-shortcode .ygba-app-shell{padding:10px 10px calc(var(--ygba-mobile-tabbar-height) + 18px);}
  .ygba-pagehead-kicker{font-size:16px;}
  .ygba-pagehead-title{font-size:26px;line-height:1.08;}
  .ygba-pagehead-sub{font-size:14px;}
  .ygba-topbar-right{grid-template-columns:1fr;}
  .ygba-ui-card,.ygba-card{padding:18px;}
  .ygba-ui-kpi-grid,.ygba-ui-actions-grid,.ygba-ui-three-metrics,.ygba-ui-mini-metrics{grid-template-columns:1fr;}
  .ygba-ui-card-top,.ygba-ui-callout,.ygba-activity-head,.ygba-drill-hero{display:grid;gap:10px;}
  .ygba-ui-rank-head{grid-template-columns:1fr;align-items:start;gap:10px;}
  .ygba-ui-rank-arrow,.ygba-ui-rank-percent{display:none;}
  .ygba-ui-forecast-help{grid-template-columns:1fr;align-items:start;}
  .ygba-ui-tree-children{grid-template-columns:1fr;}
  .ygba-mobile-topbar{top:8px;padding:11px 12px;border-radius:18px;}
  .ygba-mobile-tabbar{left:8px;right:8px;bottom:8px;padding:8px;gap:6px;border-radius:18px;}
  .ygba-mobile-tab{min-height:44px;padding:5px 6px;font-size:10.5px;}
}
@media (max-width: 520px){
  :root{--ygba-mobile-tabbar-height:88px;}
  .ygba-tabs{width:min(90vw,320px);max-width:min(90vw,320px);}
  .ygba-mobile-topbar{grid-template-columns:auto minmax(0,1fr) auto;}
  .ygba-mobile-brand{font-size:15px;}
  .ygba-mobile-tabbar{grid-template-columns:repeat(5,minmax(0,1fr));}
  .ygba-mobile-tab-icon{font-size:16px;width:16px;height:16px;line-height:16px;}
}


/* v8.9.8 — Referral Tools + Link Performance Premium UI */
.ygba-referral-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:20px;padding:22px;margin-top:16px;border:1px solid #ebe5de;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#faf6f1 55%,#fff4ef 100%);box-shadow:0 14px 34px rgba(17,24,39,.06);}
.ygba-referral-hero--tracking{margin-bottom:18px;}
.ygba-referral-hero-copy{display:grid;gap:10px;min-width:0;}
.ygba-referral-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:2px;}
.ygba-referral-hero-panel{display:grid;gap:12px;align-content:start;padding:18px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid rgba(174,8,98,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.85);}
.ygba-referral-panel-title{font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#6b7280;}
.ygba-referral-panel-list{display:grid;gap:10px;}
.ygba-referral-panel-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border-radius:14px;background:#fff;border:1px solid #efe7df;}
.ygba-referral-panel-list>div span{color:#6b7280;font-weight:600;font-size:13px;}
.ygba-referral-panel-list>div strong{color:#111827;font-size:14px;text-align:right;}
.ygba-referral-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px;}
.ygba-source-list,.ygba-activity-feed{display:grid;gap:12px;margin-top:16px;}
.ygba-source-row,.ygba-activity-item{display:grid;gap:4px;padding:14px 16px;border-radius:16px;border:1px solid #eee7df;background:linear-gradient(180deg,#fff 0%,#fbf7f3 100%);}
.ygba-source-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;}
.ygba-source-row span{color:#374151;font-weight:700;}
.ygba-source-row strong{color:#111827;}
.ygba-activity-item strong{color:#111827;font-size:14px;}
.ygba-activity-item span,.ygba-activity-item time{color:#6b7280;font-size:13px;}
.ygba-referral-share-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:16px;}
.ygba-share-tip-list{display:grid;gap:12px;margin-top:4px;}
.ygba-share-tip-list>div{display:grid;gap:4px;padding:14px;border-radius:15px;background:#fffaf6;border:1px solid #efe4d8;}
.ygba-share-tip-list strong{color:#111827;font-size:13px;}
.ygba-share-tip-list span{color:#6b7280;font-size:13px;line-height:1.5;}
@media (max-width:1200px){.ygba-referral-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:980px){.ygba-referral-hero,.ygba-referral-share-grid{grid-template-columns:1fr;}}
@media (max-width:640px){.ygba-referral-hero{padding:18px;border-radius:18px;}.ygba-referral-kpis{grid-template-columns:1fr;}.ygba-referral-panel-list>div{padding:10px 12px;}}

/* v8.9.9 — Ambassador Network + Referred Customers Premium UI */
.ygba-ui-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(174,8,98,.08);color:#8f0b53;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}
.ygba-network-hero,.ygba-customers-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:20px;padding:22px;margin-top:16px;border:1px solid #ebe5de;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbf7f1 58%,#fff1f6 100%);box-shadow:0 16px 36px rgba(17,24,39,.06);}
.ygba-network-hero-copy,.ygba-customers-hero-copy{display:grid;gap:12px;min-width:0;align-content:start;}
.ygba-network-chip-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px;}
.ygba-network-chip{display:grid;gap:4px;min-width:140px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid #efe5dc;box-shadow:inset 0 1px 0 rgba(255,255,255,.92);}
.ygba-network-chip strong{font-size:22px;line-height:1;color:#111827;}
.ygba-network-chip em{font-style:normal;font-size:12px;font-weight:700;color:#6b7280;}
.ygba-network-hero-panel,.ygba-customers-hero-panel{display:grid;gap:14px;align-content:start;padding:18px;border-radius:20px;background:rgba(255,255,255,.95);border:1px solid rgba(174,8,98,.12);box-shadow:0 10px 28px rgba(17,24,39,.05);}
.ygba-network-hero-panel-title{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6b7280;}
.ygba-network-hero-stat{display:grid;gap:5px;}
.ygba-network-hero-stat strong{font-size:22px;color:#111827;line-height:1.15;}
.ygba-network-hero-stat span{font-size:13px;color:#6b7280;line-height:1.5;}
.ygba-network-hero-mini{display:grid;gap:10px;}
.ygba-network-hero-mini>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:15px;background:#fff8fb;border:1px solid #f1e1e8;}
.ygba-network-hero-mini span{font-size:12px;font-weight:700;color:#6b7280;}
.ygba-network-hero-mini strong{font-size:14px;color:#111827;}
.ygba-network-navcard{margin-top:16px;}
.ygba-network-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px;}
.ygba-network-rank{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:12px;background:linear-gradient(180deg,#fff0f7 0%,#ffe5f2 100%);border:1px solid #f2d3e4;color:#8f0b53;font-size:13px;font-weight:800;}
.ygba-network-table-card{overflow:hidden;}
.ygba-network-table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.ygba-network-table-pill{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;background:#faf4ee;border:1px solid #ebdfd1;color:#7c6248;font-size:12px;font-weight:800;white-space:nowrap;}
.ygba-premium-table thead th{background:#fcfaf8;border-bottom:1px solid #ede6dd;color:#6b7280;font-size:12px;letter-spacing:.03em;text-transform:uppercase;}
.ygba-premium-table tbody tr:hover{background:#fffaf6;}
.ygba-premium-person-cell{display:grid;gap:4px;}
.ygba-premium-person-cell strong,.ygba-premium-person-cell a{color:#111827;}
.ygba-premium-person-cell span{font-size:12px;color:#6b7280;}
@media (max-width:1200px){.ygba-network-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:980px){.ygba-network-hero,.ygba-customers-hero{grid-template-columns:1fr;}.ygba-network-table-head{display:grid;}.ygba-network-table-pill{justify-self:start;}}
@media (max-width:640px){.ygba-network-hero,.ygba-customers-hero{padding:18px;border-radius:18px;}.ygba-network-chip-row{display:grid;grid-template-columns:1fr 1fr;}.ygba-network-kpis{grid-template-columns:1fr;}.ygba-network-chip{min-width:0;}.ygba-network-person{grid-template-columns:auto 1fr;}.ygba-network-rank{min-width:30px;height:30px;border-radius:10px;}}
@media (max-width:520px){.ygba-network-chip-row{grid-template-columns:1fr;}}


/* v8.10.1 Translation Readiness + German UI Pass */
.ygba-avatar-xl{width:92px;height:92px;border-radius:28px;}
.ygba-btn-block{display:inline-flex;justify-content:center;width:100%;}
.ygba-chip-warning{background:#fff7ed;color:#b45309;border:1px solid #fed7aa;}
.ygba-chip-success{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;}
.ygba-profile-hero,.ygba-help-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:20px;padding:22px;margin-top:16px;border:1px solid #ebe5de;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbf7f1 58%,#fff1f6 100%);box-shadow:0 16px 36px rgba(17,24,39,.06);}
.ygba-profile-hero-main,.ygba-help-hero-copy{display:grid;gap:14px;align-content:start;min-width:0;}
.ygba-profile-hero-row{display:flex;align-items:center;gap:18px;min-width:0;}
.ygba-profile-hero-copy h2,.ygba-help-hero-copy h2{margin:0;font-size:28px;line-height:1.1;color:#111827;}
.ygba-profile-hero-copy p,.ygba-help-hero-copy p{margin:0;font-size:14px;line-height:1.65;color:#6b7280;max-width:760px;}
.ygba-profile-hero-panel,.ygba-help-hero-panel{display:grid;gap:14px;align-content:start;padding:18px;border-radius:20px;background:rgba(255,255,255,.95);border:1px solid rgba(174,8,98,.12);box-shadow:0 10px 28px rgba(17,24,39,.05);}
.ygba-profile-mini-list,.ygba-help-actions,.ygba-help-list{display:grid;gap:12px;}
.ygba-profile-mini-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:15px;background:#fff8fb;border:1px solid #f1e1e8;}
.ygba-profile-mini-list span{font-size:12px;font-weight:700;color:#6b7280;}
.ygba-profile-mini-list strong{font-size:13px;color:#111827;max-width:55%;text-align:right;word-break:break-word;}
.ygba-profile-progress{height:10px;border-radius:999px;background:#f3f4f6;overflow:hidden;}
.ygba-profile-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ae0862 0%,#d2af38 100%);}
.ygba-profile-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;}
.ygba-profile-kpi{padding:20px;}
.ygba-profile-settings-grid{margin-top:16px;align-items:start;}
.ygba-profile-settings-card{padding:22px;}
.ygba-profile-form-premium{margin-top:18px;}
.ygba-profile-panel-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:14px;}
.ygba-profile-checklist ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;}
.ygba-profile-checklist li{position:relative;padding-left:24px;font-size:13px;color:#6b7280;}
.ygba-profile-checklist li::before{content:"•";position:absolute;left:8px;top:0;color:#d2af38;font-weight:900;}
.ygba-profile-checklist li.is-done{color:#047857;font-weight:700;}
.ygba-profile-checklist li.is-done::before{content:"✓";left:4px;color:#047857;}
.ygba-help-chip-row{display:flex;flex-wrap:wrap;gap:10px;}
.ygba-help-card{padding:22px;}
.ygba-help-item{padding:16px 18px;border:1px solid #efe6de;border-radius:18px;background:#fffdfb;}
.ygba-help-item h3{margin:0 0 6px;font-size:16px;color:#111827;}
.ygba-help-item p{margin:0;font-size:13px;line-height:1.65;color:#6b7280;}
.ygba-help-action{display:grid;gap:7px;padding:16px 18px;border-radius:18px;border:1px solid #efe6de;background:#fffdfb;text-decoration:none;color:inherit;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.ygba-help-action strong{font-size:15px;color:#111827;}
.ygba-help-action span{font-size:13px;line-height:1.6;color:#6b7280;}
.ygba-help-action em{font-style:normal;font-size:12px;font-weight:800;letter-spacing:.02em;color:#ae0862;}
.ygba-help-action:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(17,24,39,.06);border-color:#e7d1dc;}
.ygba-help-faq-card{padding:22px;}
.ygba-help-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ygba-help-faq{padding:18px;border-radius:18px;border:1px solid #efe6de;background:#fffdfb;}
.ygba-help-faq strong{display:block;margin-bottom:8px;font-size:15px;color:#111827;}
.ygba-help-faq p{margin:0;font-size:13px;line-height:1.65;color:#6b7280;}
@media (max-width:980px){.ygba-profile-hero,.ygba-help-hero,.ygba-profile-panel-grid,.ygba-help-faq-grid,.ygba-profile-kpis{grid-template-columns:1fr;}.ygba-profile-hero-row{align-items:flex-start;}.ygba-profile-mini-list strong{text-align:left;max-width:none;}}
@media (max-width:640px){.ygba-profile-hero,.ygba-help-hero{padding:18px;border-radius:18px;}.ygba-profile-hero-row{display:grid;grid-template-columns:1fr;gap:14px;}.ygba-avatar-xl{width:78px;height:78px;border-radius:24px;}.ygba-profile-hero-copy h2,.ygba-help-hero-copy h2{font-size:24px;}.ygba-help-chip-row{display:grid;grid-template-columns:1fr 1fr;}.ygba-help-card,.ygba-profile-settings-card,.ygba-help-faq-card{padding:18px;}}


/* v8.10.2 — QA hardening + UI/logic consistency pass */
body.ygba-dashboard-body .ygba-app-shell,
body.ygba-dashboard-body .ygba-app-shell *,
body.ygba-dashboard-body .ygba-dashboard,
body.ygba-dashboard-body .ygba-dashboard *{box-sizing:border-box;}
body.ygba-dashboard-body .ygba-main,
body.ygba-dashboard-body .ygba-topbar,
body.ygba-dashboard-body .ygba-pagehead,
body.ygba-dashboard-body .ygba-card,
body.ygba-dashboard-body .ygba-ui-card{min-width:0;}
body.ygba-dashboard-body .ygba-card img,
body.ygba-dashboard-body .ygba-ui-card img{max-width:100%;height:auto;}
body.ygba-dashboard-body .ygba-mono,
body.ygba-dashboard-body .ygba-linklike,
body.ygba-dashboard-body .ygba-ui-inline-link,
body.ygba-dashboard-body .ygba-muted,
body.ygba-dashboard-body .ygba-kpi-note,
body.ygba-dashboard-body .ygba-ui-card-title,
body.ygba-dashboard-body .ygba-pagehead-sub,
body.ygba-dashboard-body .ygba-ui-callout,
body.ygba-dashboard-body .ygba-empty{overflow-wrap:anywhere;word-break:break-word;}
body.ygba-dashboard-body .ygba-actions,
body.ygba-dashboard-body .ygba-topbar-right,
body.ygba-dashboard-body .ygba-ui-actions-grid,
body.ygba-dashboard-body .ygba-ui-mini-metrics,
body.ygba-dashboard-body .ygba-ui-three-metrics{align-items:stretch;}
body.ygba-dashboard-body .ygba-btn,
body.ygba-dashboard-body .ygba-headbtn,
body.ygba-dashboard-body .ygba-tab,
body.ygba-dashboard-body .ygba-mobile-tab{white-space:normal;text-align:left;}
body.ygba-dashboard-body .ygba-btn,
body.ygba-dashboard-body .ygba-headbtn{justify-content:center;}
body.ygba-dashboard-body .ygba-table-scroll,
body.ygba-dashboard-body .ygba-table-wrap,
body.ygba-dashboard-body .ygba-ledger-table,
body.ygba-dashboard-body .ygba-table-responsive{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
body.ygba-dashboard-body table.ygba-table,
body.ygba-dashboard-body .ygba-ledger-table table,
body.ygba-dashboard-body .ygba-table-responsive table{width:100%;min-width:720px;}
body.ygba-dashboard-body .ygba-status-pill,
body.ygba-dashboard-body .ygba-chip{display:inline-flex;align-items:center;justify-content:center;text-align:center;}
body.ygba-dashboard-body .ygba-empty,
body.ygba-dashboard-body .ygba-alert{border-radius:16px;}
body.ygba-dashboard-body .ygba-filterbar,
body.ygba-dashboard-body form.ygba-filters,
body.ygba-dashboard-body .ygba-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;}
body.ygba-dashboard-body form.ygba-filters > *,
body.ygba-dashboard-body .ygba-filterbar > *,
body.ygba-dashboard-body .ygba-toolbar > *{min-width:0;}
body.ygba-dashboard-body input[type=search],
body.ygba-dashboard-body input[type=text],
body.ygba-dashboard-body input[type=number],
body.ygba-dashboard-body input[type=email],
body.ygba-dashboard-body select,
body.ygba-dashboard-body textarea{max-width:100%;}
body.ygba-dashboard-body details summary{cursor:pointer;}
@media (max-width: 991px){
  body.ygba-dashboard-body #masthead,
  body.ygba-dashboard-body header.site-header,
  body.ygba-dashboard-body #colophon,
  body.ygba-dashboard-body footer.site-footer,
  body.ygba-dashboard-body .ast-above-header-wrap,
  body.ygba-dashboard-body .ast-below-header-wrap,
  body.ygba-dashboard-body .site-above-footer-wrap,
  body.ygba-dashboard-body .site-primary-footer-wrap,
  body.ygba-dashboard-body .site-below-footer-wrap,
  body.ygba-dashboard-body .footer-widget-area,
  body.ygba-dashboard-body .ast-footer-widget-wrap,
  body.ygba-dashboard-body .footer-adv{display:block !important;}
  body.ygba-dashboard-body .ygba-app-shell{padding-bottom:calc(var(--ygba-mobile-tabbar-height) + 18px);}
  body.ygba-dashboard-body .ygba-topbar-right{grid-template-columns:1fr auto;}
  body.ygba-dashboard-body .ygba-card,
  body.ygba-dashboard-body .ygba-ui-card{border-radius:20px;}
}
@media (max-width: 767px){
  body.ygba-dashboard-body .ygba-topbar-right,
  body.ygba-dashboard-body .ygba-actions,
  body.ygba-dashboard-body .ygba-filterbar,
  body.ygba-dashboard-body form.ygba-filters,
  body.ygba-dashboard-body .ygba-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch;}
  body.ygba-dashboard-body .ygba-btn,
  body.ygba-dashboard-body .ygba-headbtn{width:100%;}
  body.ygba-dashboard-body .ygba-ui-mini-metrics,
  body.ygba-dashboard-body .ygba-ui-three-metrics{grid-template-columns:1fr;}
  body.ygba-dashboard-body table.ygba-table,
  body.ygba-dashboard-body .ygba-ledger-table table,
  body.ygba-dashboard-body .ygba-table-responsive table{min-width:640px;}
}
@media (max-width: 520px){
  body.ygba-dashboard-body .ygba-app-shell{padding-left:8px;padding-right:8px;}
  body.ygba-dashboard-body .ygba-tabs{width:min(88vw,320px);max-width:min(88vw,320px);}
  body.ygba-dashboard-body .ygba-pagehead-title{font-size:22px;line-height:1.15;}
  body.ygba-dashboard-body .ygba-pagehead-sub{font-size:13px;}
}


/* v8.10.3 — Ambassador Registration / Login / Verify UI Match */
.ygba-auth-shell{width:min(100%, 1320px);margin:24px auto;padding:0 16px;}
.ygba-auth-shell .ygba-auth{width:100%;max-width:none;margin:0 auto;padding:0;}
.ygba-auth-shell .ygba-card{padding:0 !important;overflow:hidden;}
.ygba-auth-layout{display:grid;grid-template-columns:minmax(280px, 420px) minmax(0,1fr);min-height:clamp(540px, 72vh, 820px);}
.ygba-auth-panel{padding:34px 34px 30px;}
.ygba-auth-panel-brand{background:linear-gradient(180deg, rgba(174,8,98,.06) 0%, rgba(210,175,56,.08) 100%);border-right:1px solid rgba(51,51,51,.08);display:flex;flex-direction:column;justify-content:center;}
.ygba-auth-panel-head h3{margin:0 0 8px;font-size:24px;line-height:1.15;font-weight:900;color:var(--yg-text);}
.ygba-auth-panel-head p{margin:0;color:rgba(51,51,51,.72);font-size:14px;line-height:1.6;}
.ygba-auth-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.ygba-auth-chip{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid rgba(51,51,51,.08);font-size:12px;font-weight:800;line-height:1.2;color:#333;box-shadow:0 10px 22px rgba(51,51,51,.05);}
.ygba-auth-inline-note{margin-top:18px;padding:14px 16px;border-radius:16px;font-size:14px;line-height:1.55;border:1px solid rgba(1,152,80,.16);background:rgba(1,152,80,.08);color:#1e6e46;}
.ygba-auth-panel-form{display:flex;flex-direction:column;justify-content:center;}
.ygba-auth-panel-form .ygba-alert{margin-top:16px !important;}
.ygba-auth .ygba-form .ygba-field{grid-column:span 1;display:flex;flex-direction:column;gap:8px;}
.ygba-auth .ygba-form .ygba-field-full,.ygba-auth .ygba-form .ygba-login-actions,.ygba-auth .ygba-form .ygba-auth-actions-row,.ygba-auth .ygba-form > button,.ygba-auth .ygba-form > .ygba-btn,.ygba-auth .ygba-form > .ygba-foot,.ygba-auth .ygba-form > .ygba-alert,.ygba-auth .ygba-form > [type=hidden]{grid-column:1 / -1;}
.ygba-auth.ygba-auth-login .ygba-form-login,.ygba-auth.ygba-auth-verify .ygba-verify-form{grid-template-columns:1fr !important;gap:14px !important;}
.ygba-password-field{position:relative;display:flex;align-items:center;}
.ygba-password-field .ygba-input{padding-right:90px !important;}
.ygba-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);height:36px;padding:0 12px;border-radius:12px;border:1px solid rgba(51,51,51,.12);background:#fff;color:#333;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 10px 20px rgba(51,51,51,.06);}
.ygba-password-toggle:hover,.ygba-password-toggle:focus{border-color:rgba(174,8,98,.28);color:var(--yg-primary);}
.ygba-field-help{margin:0;font-size:12px;line-height:1.55;color:rgba(51,51,51,.62);}
.ygba-auth-status-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:linear-gradient(180deg, rgba(174,8,98,.06), rgba(210,175,56,.08));border:1px solid rgba(51,51,51,.08);}
.ygba-auth-status-card strong{display:block;font-size:15px;line-height:1.2;color:#333;}
.ygba-auth-status-card p{margin:4px 0 0;font-size:13px;line-height:1.55;color:rgba(51,51,51,.72);}
.ygba-auth-status-spinner{width:26px;height:26px;border:3px solid rgba(51,51,51,.16);border-top-color:var(--yg-primary);border-radius:50%;animation:yg-auth-spin .85s linear infinite;flex:0 0 auto;}
@keyframes yg-auth-spin{to{transform:rotate(360deg)}}
.ygba-auth-actions-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;}
.ygba-auth.ygba-auth-verify .ygba-btn-ghost{min-width:150px;background:#fff !important;color:#333 !important;border:1px solid rgba(51,51,51,.12) !important;box-shadow:none !important;}
.ygba-auth.ygba-auth-verify .ygba-code{font-size:26px !important;letter-spacing:.38em;text-align:center;font-weight:900;}
.ygba-auth.ygba-auth-register .ygba-form,.ygba-auth.ygba-auth-register form.ygba-form{grid-template-columns:1fr 1fr;gap:14px 16px !important;}
.ygba-auth.ygba-auth-register .ygba-title,.ygba-auth.ygba-auth-verify .ygba-title{font-size:clamp(30px,4vw,42px) !important;}
@media (max-width: 960px){.ygba-auth-layout{grid-template-columns:1fr;min-height:0;}.ygba-auth-panel-brand{border-right:none;border-bottom:1px solid rgba(51,51,51,.08);}.ygba-auth-panel{padding:28px 24px;}.ygba-auth-shell{padding:0 12px;}}
@media (max-width: 680px){.ygba-auth-shell{margin:18px auto;padding:0 10px;}.ygba-auth-panel{padding:22px 18px;}.ygba-auth.ygba-auth-register .ygba-form,.ygba-auth.ygba-auth-register form.ygba-form{grid-template-columns:1fr !important;}.ygba-auth-actions-row{grid-template-columns:1fr;}.ygba-password-field .ygba-input{padding-right:82px !important;}.ygba-auth-chip{width:100%;justify-content:center;}.ygba-auth.ygba-auth-verify .ygba-code{font-size:22px !important;letter-spacing:.24em;}}


/* BUILD v8.17.2 - remove top-right notification and avatar icons on overview header */
.ygba-topbar-right .ygba-headicon,
.ygba-topbar-right .ygba-head-avatar{
    display:none !important;
}



/* BUILD v8.17.4 - fix KPI CTA clickability */
.ygba-kpi-card,
.ygba-ui-kpi-card,
.ygba-stat-card,
.ygba-overview-stat-card {
    position: relative;
}

.ygba-kpi-card a,
.ygba-ui-kpi-card a,
.ygba-stat-card a,
.ygba-overview-stat-card a,
.ygba-kpi-card .ygba-kpi-link,
.ygba-ui-kpi-card .ygba-kpi-link,
.ygba-stat-card .ygba-kpi-link,
.ygba-overview-stat-card .ygba-kpi-link,
.ygba-kpi-card .ygba-link,
.ygba-ui-kpi-card .ygba-link,
.ygba-stat-card .ygba-link,
.ygba-overview-stat-card .ygba-link {
    position: relative !important;
    z-index: 30 !important;
    pointer-events: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.ygba-kpi-card::before,
.ygba-ui-kpi-card::before,
.ygba-stat-card::before,
.ygba-overview-stat-card::before {
    pointer-events: none !important;
}

.ygba-kpi-card *,
.ygba-ui-kpi-card *,
.ygba-stat-card *,
.ygba-overview-stat-card * {
    pointer-events: auto;
}

/* Prevent decorative overlays from blocking CTA clicks */
.ygba-kpi-card .ygba-card-overlay,
.ygba-ui-kpi-card .ygba-card-overlay,
.ygba-stat-card .ygba-card-overlay,
.ygba-overview-stat-card .ygba-card-overlay,
.ygba-kpi-card::after,
.ygba-ui-kpi-card::after,
.ygba-stat-card::after,
.ygba-overview-stat-card::after {
    pointer-events: none !important;
}



.ygba-kpi-cta-link{
    position: relative !important;
    z-index: 50 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}


/* BUILD v8.17.4 REBUILD - make KPI CTA links truly clickable */
.ygba-ui-kpi-link.ygba-kpi-cta-link{
    display:inline-flex !important;
    position:relative !important;
    z-index:999 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    text-decoration:none !important;
}

.ygba-ui-kpi-copy{
    position:relative;
    z-index:5;
}

.ygba-ui-kpi-card{
    position:relative;
}

.ygba-ui-kpi-card::before,
.ygba-ui-kpi-card::after{
    pointer-events:none !important;
}


/* BUILD v8.17.5 - replace KPI row with FINAL screenshot naming/style */
.ygba-ui-kpi-card-final{
    align-items:flex-start;
    min-height:168px;
    padding:28px 26px;
}
.ygba-ui-kpi-card-final .ygba-ui-kpi-icon{
    width:58px;
    height:58px;
    border-radius:20px;
    font-size:24px;
    box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.ygba-ui-kpi-card-final .ygba-ui-kpi-copy{
    gap:10px;
}
.ygba-ui-kpi-card-final .ygba-ui-kpi-label{
    font-size:16px;
    line-height:1.45;
    max-width:150px;
    color:#556072;
    font-weight:800;
}
.ygba-ui-kpi-card-final .ygba-ui-kpi-value{
    font-size:22px;
    line-height:1.15;
    color:#111827;
    font-weight:800;
}
.ygba-ui-kpi-trend{
    font-size:14px;
    font-weight:800;
    line-height:1.2;
    margin-top:6px;
}
.ygba-ui-kpi-trend.is-up{color:#20a652;}
.ygba-ui-kpi-trend.is-down{color:#e84d6a;}
.ygba-ui-kpi-trend.is-flat{color:#8a8fa1;}
.ygba-ui-kpi-sub{
    font-size:13px;
    line-height:1.25;
    color:#666f84;
    font-weight:700;
}


/* BUILD v8.17.6 - remove white button from sidebar next-rank card */
.ygba-sidebar-rankcard .ygba-headbtn,
.ygba-sidebar-rankcard a.ygba-headbtn-primary{
    display:none !important;
}


/* BUILD v8.17.7 PRECISE - remove only Network Tree and Rank Benefits, keep all other cards */
.ygba-ui-analytics-grid{
    grid-template-columns:1.3fr 1fr 1.2fr;
}
.ygba-ui-bottom-grid{
    grid-template-columns:1.3fr 1fr .95fr;
}
@media (max-width: 1399px){
    .ygba-ui-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .ygba-ui-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 991px){
    .ygba-ui-analytics-grid,
    .ygba-ui-bottom-grid{grid-template-columns:1fr;}
}


/* BUILD v8.17.8 - expand overview grids to fully occupy remaining right-side space */
.ygba-ui-shell,
.ygba-ui-dashboard,
.ygba-dashboard-main,
.ygba-dashboard-content{
    width:100%;
    max-width:none;
}

.ygba-ui-analytics-grid{
    grid-template-columns:minmax(0,1.45fr) minmax(0,1.1fr) minmax(0,1.1fr) !important;
    width:100%;
}

.ygba-ui-bottom-grid{
    grid-template-columns:minmax(0,1.6fr) minmax(0,1.25fr) minmax(0,1fr) !important;
    width:100%;
}

.ygba-ui-analytics-grid > .ygba-ui-card,
.ygba-ui-bottom-grid > .ygba-ui-card{
    width:100%;
    min-width:0;
}

@media (max-width: 1399px){
    .ygba-ui-analytics-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .ygba-ui-bottom-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width: 991px){
    .ygba-ui-analytics-grid,
    .ygba-ui-bottom-grid{
        grid-template-columns:1fr !important;
    }
}


/* BUILD v8.17.9 - real overview container width constraint fix */
@media (min-width: 1100px){
  .ygba-dashboard,
  .ygba-dashboard-shell,
  .ygba-dashboard > .ygba-tabs,
  .ygba-dashboard > .ygba-topbar,
  .ygba-dashboard > .ygba-alert,
  .ygba-dashboard > .ygba-grid,
  .ygba-dashboard > .ygba-card,
  .ygba-dashboard > .ygba-ui-wrap,
  .ygba-dashboard > .ygba-ui-exact-overview,
  .ygba-dashboard .ygba-ui-exact-overview{
      max-width: none !important;
      width: 100% !important;
  }

  /* keep sidebar width stable and let overview content fill the rest */
  .ygba-dashboard{
      grid-template-columns: 300px minmax(0, 1fr) !important;
      column-gap: 24px !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-right: 0 !important;
      justify-content: stretch !important;
  }

  /* allow main content column to stretch */
  .ygba-topbar,
  .ygba-tabs ~ .ygba-grid,
  .ygba-tabs ~ .ygba-card,
  .ygba-tabs ~ .ygba-ui-exact-overview,
  .ygba-ui-exact-overview{
      min-width: 0 !important;
      width: 100% !important;
  }

  /* the exact overview grids */
  .ygba-ui-analytics-grid{
      grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.95fr) minmax(0, 0.95fr) !important;
      width: 100% !important;
      gap: 18px !important;
  }

  .ygba-ui-bottom-grid{
      grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.15fr) minmax(0, 0.9fr) !important;
      width: 100% !important;
      gap: 18px !important;
  }

  .ygba-ui-analytics-grid > .ygba-ui-card,
  .ygba-ui-bottom-grid > .ygba-ui-card{
      min-width: 0 !important;
      width: 100% !important;
  }

  /* remove accidental right dead space caused by centered wrappers */
  .ygba-dashboard,
  .ygba-dashboard *{
      box-sizing: border-box;
  }
}

@media (max-width: 1399px){
  .ygba-ui-analytics-grid{
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .ygba-ui-bottom-grid{
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px){
  .ygba-ui-analytics-grid,
  .ygba-ui-bottom-grid{
      grid-template-columns: 1fr !important;
  }
}



/* BUILD v8.18.0 - Real Overview Width Fix (Correct Selector + Remove 1200px Cap) */
.ygba-exact-overview{
  width: 100%;
  max-width: none;
}

.ygba-ui-analytics-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  width:100%;
}

.ygba-ui-bottom-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(0,1.1fr) minmax(0,0.95fr);
  gap:18px;
  width:100%;
}

.ygba-ui-analytics-grid > .ygba-ui-card,
.ygba-ui-bottom-grid > .ygba-ui-card{
  min-width:0;
  width:100%;
}

@media (max-width: 1399px){
  .ygba-ui-analytics-grid,
  .ygba-ui-bottom-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 991px){
  .ygba-ui-analytics-grid,
  .ygba-ui-bottom-grid{
    grid-template-columns:1fr;
  }
}



/* BUILD v8.18.1 - force Overview cards to occupy the full remaining right-side space */
@media (min-width: 992px){
  /* exact overview must stretch to the real viewport space beside the fixed sidebar */
  .ygba-tabs ~ .ygba-exact-overview,
  .ygba-exact-overview{
    display: grid !important;
    gap: 18px !important;
    width: calc(100vw - 260px - 22px - 36px) !important; /* sidebar + gap + app padding */
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    align-self: start !important;
  }

  /* make the two overview rows fill that width evenly */
  .ygba-ui-analytics-grid{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 18px !important;
  }

  .ygba-ui-bottom-grid{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 18px !important;
  }

  .ygba-ui-analytics-grid > .ygba-ui-card,
  .ygba-ui-bottom-grid > .ygba-ui-card{
    width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 991px){
  .ygba-tabs ~ .ygba-exact-overview,
  .ygba-exact-overview{
    width: 100% !important;
  }
  .ygba-ui-analytics-grid,
  .ygba-ui-bottom-grid{
    grid-template-columns: 1fr !important;
  }
}



/* BUILD v8.18.2 - Overview Wrapper-Level Width Fix */

/* remove width bottlenecks on the plugin wrapper chain */
.ygba-dashboard-root,
.ygba-dashboard-shell,
.ygba-shell-main,
.ygba-dashboard,
.ygba-exact-overview,
.ygba-overview-width-fix{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

.ygba-dashboard-root,
.ygba-dashboard,
.ygba-shell-main{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* common theme/pagebuilder wrappers that often constrain shortcode output */
.elementor .ygba-dashboard-root,
.elementor .ygba-dashboard,
.elementor .ygba-dashboard-shell,
.elementor .ygba-shell-main,
.elementor .ygba-exact-overview,
.wp-block-shortcode .ygba-dashboard-root,
.wp-block-shortcode .ygba-dashboard,
.wp-block-shortcode .ygba-dashboard-shell,
.wp-block-shortcode .ygba-shell-main,
.wp-block-shortcode .ygba-exact-overview{
  width:100% !important;
  max-width:none !important;
}

@media (min-width: 992px){
  /* use the real shell as the width owner */
  .ygba-dashboard-shell{
    display:grid !important;
    grid-template-columns:300px minmax(0,1fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
    max-width:none !important;
  }

  .ygba-shell-sidebar{
    width:300px !important;
    min-width:300px !important;
    max-width:300px !important;
  }

  .ygba-shell-main{
    width:calc(100vw - 300px - 48px) !important;
    max-width:calc(100vw - 300px - 48px) !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  /* if legacy layout is used instead of shell-main */
  .ygba-dashboard > .ygba-topbar,
  .ygba-dashboard > .ygba-tabs,
  .ygba-dashboard > .ygba-alert,
  .ygba-dashboard > .ygba-exact-overview,
  .ygba-dashboard > .ygba-grid,
  .ygba-dashboard > .ygba-card{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  .ygba-overview-width-fix,
  .ygba-exact-overview{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    justify-self:stretch !important;
  }

  .ygba-ui-analytics-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    width:100% !important;
    max-width:none !important;
    gap:18px !important;
  }

  .ygba-ui-bottom-grid{
    display:grid !important;
    grid-template-columns:1.35fr 1fr 1fr !important;
    width:100% !important;
    max-width:none !important;
    gap:18px !important;
  }

  .ygba-ui-analytics-grid > .ygba-ui-card,
  .ygba-ui-bottom-grid > .ygba-ui-card{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    justify-self:stretch !important;
  }
}

@media (max-width: 991px){
  .ygba-dashboard-shell{
    grid-template-columns:1fr !important;
  }
  .ygba-shell-sidebar,
  .ygba-shell-main,
  .ygba-exact-overview{
    width:100% !important;
    max-width:none !important;
  }
  .ygba-ui-analytics-grid,
  .ygba-ui-bottom-grid{
    grid-template-columns:1fr !important;
  }
}

/* v8.19.8 / BUILD v2.10.0 - YoungGo premium ambassador dashboard refresh */
.ygba-dashboard{background:#fafbff!important;min-height:100vh!important;color:#090d25!important}.ygba-app-shell .ygba-dashboard{display:grid!important;grid-template-columns:286px minmax(0,1fr)!important;gap:0!important}.ygba-tabs{background:linear-gradient(180deg,#b00063 0%,#d40472 100%)!important;border-radius:0!important;box-shadow:none!important;padding:24px 16px!important;min-height:100vh!important}.ygba-sidebar-brand-mark{font-size:24px!important;font-weight:950!important;text-transform:lowercase!important;color:#fff!important}.ygba-sidebar-brand-mark span{display:block!important;font-size:11px!important;letter-spacing:6px!important;text-transform:uppercase!important;margin-top:8px!important}.ygba-sidebar-profile{background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.05))!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;padding:18px!important;margin:18px 0 22px!important;color:#fff!important}.ygba-sidebar-profile-name,.ygba-sidebar-profile-meta{color:#fff!important}.ygba-sidebar-status{background:#23a455!important;color:#fff!important;border:0!important}.ygba-sidebar-nav{gap:6px!important}.ygba-tab{border-radius:11px!important;color:#fff!important;background:transparent!important;border:0!important;padding:14px 16px!important;font-size:15px!important;font-weight:800!important}.ygba-tab:hover,.ygba-tab.is-active{background:#f70b78!important;color:#fff!important;box-shadow:0 14px 30px rgba(68,0,40,.18)!important}.ygba-tab-icon{color:#fff!important}.ygba-sidebar-rankcard{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important}.ygba-sidebar-rankcard *{color:#fff!important}.ygba-topbar{padding:32px 34px 22px!important;background:#fafbff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}.ygba-pagehead-title{font-size:27px!important;line-height:1.15!important;font-weight:950!important;color:#090d25!important;margin:0 0 8px!important}.ygba-pagehead-kicker{font-size:27px!important;line-height:1.15!important;font-weight:950!important;color:#090d25!important;margin:0!important}.ygba-pagehead-sub{font-size:15px!important;color:#4b536b!important;line-height:1.7!important}.ygba-topbar-right{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important}.ygba-headbtn-primary{background:linear-gradient(135deg,#f0076b,#c60069)!important;color:#fff!important;border:0!important;box-shadow:0 15px 28px rgba(221,0,104,.25)!important;border-radius:14px!important;padding:18px 28px!important;font-weight:900!important}.ygba-headbtn-ghost{display:none!important}.ygba-new-head-chip{display:flex!important;align-items:center!important;gap:12px!important;background:#fff!important;border:1px solid #eef0f5!important;border-radius:16px!important;padding:13px 18px!important;min-width:178px!important;box-shadow:0 10px 24px rgba(14,20,45,.05)!important}.ygba-new-head-chip span{width:38px!important;height:38px!important;border-radius:12px!important;background:#fff0f7!important;color:#f0076b!important;display:flex!important;align-items:center!important;justify-content:center!important}.ygba-new-head-chip small{display:block!important;color:#535b73!important;font-size:12px!important}.ygba-new-head-chip strong{display:block!important;color:#090d25!important;font-size:15px!important}.ygba-new-overview{padding:0 34px 34px!important;background:#fafbff!important}.ygba-new-card{background:#fff!important;border:1px solid #eef0f5!important;border-radius:15px!important;box-shadow:0 10px 26px rgba(17,24,39,.04)!important}.ygba-new-kpi-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin-bottom:16px!important}.ygba-new-kpi{padding:24px 20px!important;min-height:150px!important}.ygba-new-kpi-top{display:flex!important;align-items:flex-start!important;gap:14px!important;min-height:52px!important}.ygba-new-kpi-top span:last-child{font-size:14px!important;font-weight:850!important;color:#0b102a!important;line-height:1.45!important}.ygba-new-icon{width:44px!important;height:44px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:20px!important;flex:0 0 auto!important}.ygba-new-icon.is-pink{background:#f0076b!important}.ygba-new-icon.is-orange{background:#ff9f14!important}.ygba-new-icon.is-green{background:#17a34a!important}.ygba-new-icon.is-blue{background:#2085ea!important}.ygba-new-icon.is-purple{background:#7c39c7!important}.ygba-new-icon.is-teal{background:#18b8b6!important}.ygba-new-kpi-value{font-size:25px!important;line-height:1.1!important;font-weight:950!important;color:#090d25!important;margin-top:20px!important;text-align:center!important}.ygba-new-trend{font-size:13px!important;font-weight:900!important;text-align:center!important;margin-top:14px!important;color:#16964b!important}.ygba-new-muted{font-size:12px!important;color:#596179!important;text-align:center!important;margin-top:8px!important}.ygba-new-main-grid{display:grid!important;grid-template-columns:1.16fr 1fr!important;gap:16px!important;margin-bottom:16px!important}.ygba-new-performance{padding:22px!important}.ygba-new-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:16px!important}.ygba-new-card-head strong{font-size:16px!important;color:#10152c!important;font-weight:950!important}.ygba-new-card-head span,.ygba-new-card-head a{border:1px solid #eef0f5!important;border-radius:9px!important;padding:8px 12px!important;font-size:12px!important;font-weight:800!important;color:#1c2340!important;text-decoration:none!important}.ygba-new-performance .ygba-ui-linechart{width:100%!important;height:190px!important;display:block!important}.ygba-new-mini-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border:1px solid #eef0f5!important;border-radius:12px!important;overflow:hidden!important;margin-top:12px!important}.ygba-new-mini-row>div{padding:14px 12px!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:2px 10px!important;align-items:center!important;border-right:1px solid #eef0f5!important}.ygba-new-mini-row small{font-size:12px!important;color:#4d556b!important}.ygba-new-mini-row strong{font-size:16px!important;color:#090d25!important}.ygba-new-mini-row .ygba-new-icon{width:36px!important;height:36px!important;grid-row:span 2!important}.ygba-new-qual{padding:24px!important;background:#f2fff7!important;border-color:#dff5e7!important;position:relative!important;overflow:hidden!important}.ygba-new-qual h2{font-size:30px!important;line-height:1!important;color:#15934c!important;margin:12px 0!important;font-weight:950!important}.ygba-new-qual h3{font-size:16px!important;color:#0f172a!important;margin:0 0 8px!important;font-weight:950!important}.ygba-new-qual p{font-size:14px!important;line-height:1.65!important;color:#4c5569!important;max-width:520px!important}.ygba-new-qual-badge{position:absolute!important;right:34px!important;top:56px!important;width:70px!important;height:70px!important;border-radius:50%!important;background:#15934c!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:34px!important;box-shadow:0 10px 22px rgba(21,147,76,.24)!important}.ygba-new-progress{height:11px!important;background:#def1e5!important;border-radius:999px!important;overflow:hidden!important;margin:22px 74px 8px 0!important}.ygba-new-progress span{display:block!important;height:100%!important;background:#17964d!important;border-radius:inherit!important}.ygba-new-progress-meta{text-align:right!important;font-size:13px!important;color:#1b2440!important;font-weight:850!important}.ygba-new-eligibility-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:26px!important}.ygba-new-eligibility-row>div{background:#fff!important;border:1px solid #e9f0ed!important;border-radius:10px!important;padding:16px 14px!important;display:grid!important;grid-template-columns:32px 1fr!important;gap:3px 10px!important}.ygba-new-eligibility-row b{grid-row:span 2!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#fff0f7!important;color:#f0076b!important;display:flex!important;align-items:center!important;justify-content:center!important}.ygba-new-eligibility-row small{font-size:12px!important;color:#4d556b!important}.ygba-new-eligibility-row strong{font-size:15px!important;color:#090d25!important}.ygba-new-bottom-grid{display:grid!important;grid-template-columns:1fr 1fr 1.08fr!important;gap:16px!important}.ygba-new-bottom-grid .ygba-new-card{padding:22px!important}.ygba-new-stats-list{display:grid!important}.ygba-new-stats-list>div{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid #eef0f5!important;padding:13px 0!important}.ygba-new-stats-list span{font-size:14px!important;color:#475068!important}.ygba-new-stats-list strong{font-size:22px!important;color:#090d25!important}.ygba-new-ref-list{display:grid!important;gap:10px!important}.ygba-new-ref-list>div{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}.ygba-new-ref-list span{font-weight:800!important;color:#12172f!important}.ygba-new-ref-list small{display:block!important;color:#687087!important;font-weight:600!important;font-size:12px!important;margin-top:3px!important}.ygba-new-ref-list strong{color:#f0076b!important;font-weight:950!important}.ygba-new-empty{color:#657085!important;font-size:14px!important;padding:10px 0!important}.ygba-new-breakdown{display:grid!important;grid-template-columns:150px 1fr!important;gap:20px!important;align-items:center!important}.ygba-new-donut{width:150px!important;height:150px!important;border-radius:50%!important;background:conic-gradient(#f0076b 0 51%,#ff9f14 51% 87%,#25ad57 87% 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;position:relative!important}.ygba-new-donut:before{content:""!important;position:absolute!important;inset:31px!important;border-radius:50%!important;background:#fff!important}.ygba-new-donut strong,.ygba-new-donut span{position:relative!important;z-index:1!important}.ygba-new-donut strong{font-size:19px!important;color:#0b102a!important}.ygba-new-donut span{font-size:12px!important;color:#586176!important}.ygba-new-legend{display:grid!important;gap:13px!important}.ygba-new-legend>div{display:grid!important;grid-template-columns:1fr auto 44px!important;gap:10px!important;align-items:center!important;font-size:13px!important;color:#4e576d!important}.ygba-new-legend strong{color:#11162e!important}.ygba-new-legend em{font-style:normal!important;color:#667085!important;text-align:right!important}.ygba-new-note{font-size:12px!important;color:#f0076b!important;margin:18px 0 0!important}.ygba-payout-kpis+.ygba-form input,.ygba-payout-kpis+.ygba-form select,.ygba-payout-kpis+.ygba-form .ygba-fill-amt,.ygba-payout-kpis+.ygba-form label[for],#ygba_payout_amount,#ygba_payout_method,.ygba-fill-amt{display:none!important}#ygba_payout_submit{display:inline-flex!important}.ygba-payout-kpis+.ygba-form:before{content:"Automatic payout mode is active. The system generates payout requests every 5th day of the month. Keep your bank transfer details updated in Settings.";display:block!important;margin:14px 0!important;padding:14px 16px!important;border-radius:14px!important;background:#f0f9ff!important;border:1px solid #bae6fd!important;color:#075985!important;font-weight:700!important;line-height:1.5!important}@media(max-width:1200px){.ygba-new-kpi-grid{grid-template-columns:repeat(3,1fr)!important}.ygba-new-main-grid,.ygba-new-bottom-grid{grid-template-columns:1fr!important}.ygba-app-shell .ygba-dashboard{grid-template-columns:1fr!important}.ygba-tabs{min-height:auto!important}.ygba-new-mini-row,.ygba-new-eligibility-row{grid-template-columns:1fr 1fr!important}}@media(max-width:720px){.ygba-new-overview,.ygba-topbar{padding-left:16px!important;padding-right:16px!important}.ygba-new-kpi-grid,.ygba-new-mini-row,.ygba-new-eligibility-row{grid-template-columns:1fr!important}.ygba-new-breakdown{grid-template-columns:1fr!important}.ygba-topbar{align-items:flex-start!important;flex-direction:column!important}.ygba-new-head-chip{width:100%!important}}

/* v8.20.1 / BUILD v2.10.3 — Ambassador Dashboard UI Match + Mobile Polish */
.ygba-app-shell,.ygba-dashboard-wrap,.ygba-dashboard{width:100%!important;max-width:none!important;box-sizing:border-box!important}.ygba-dashboard{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}.ygba-app-shell .ygba-dashboard{grid-template-columns:286px minmax(0,1fr)!important;background:#fbfcff!important}.ygba-tabs{position:relative!important;background:linear-gradient(180deg,#b00061 0%,#d90773 58%,#c7006a 100%)!important}.ygba-tabs:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 80% 86%,rgba(255,255,255,.12),transparent 32%)!important;pointer-events:none!important}.ygba-tabs>*{position:relative!important;z-index:1!important}.ygba-sidebar-profile{box-shadow:0 16px 40px rgba(81,0,42,.18)!important}.ygba-tab{min-height:48px!important;display:flex!important;align-items:center!important;gap:12px!important}.ygba-tab.is-active{background:#ff0a7b!important;box-shadow:0 18px 34px rgba(94,0,50,.22)!important}.ygba-topbar{max-width:none!important}.ygba-pagehead-title,.ygba-pagehead-kicker{letter-spacing:-.03em!important}.ygba-new-overview{width:100%!important;max-width:none!important;box-sizing:border-box!important}.ygba-new-card{border-radius:18px!important;box-shadow:0 14px 34px rgba(20,26,48,.06)!important}.ygba-new-kpi-grid{grid-template-columns:repeat(6,minmax(154px,1fr))!important;gap:14px!important}.ygba-new-kpi{min-height:168px!important;padding:22px 18px!important}.ygba-new-kpi-top{align-items:center!important;min-height:54px!important}.ygba-new-kpi-top span:last-child{font-size:14.5px!important;font-weight:800!important;letter-spacing:-.01em!important}.ygba-new-kpi-value{font-size:29px!important;margin-top:18px!important;letter-spacing:-.04em!important}.ygba-new-trend{margin-top:12px!important}.ygba-new-main-grid{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;gap:18px!important}.ygba-new-bottom-grid{grid-template-columns:minmax(0,.95fr) minmax(0,.95fr) minmax(0,1.1fr)!important;gap:18px!important}.ygba-new-performance,.ygba-new-qual,.ygba-new-bottom-grid .ygba-new-card{padding:26px!important}.ygba-new-performance .ygba-ui-linechart{height:205px!important}.ygba-new-mini-row>div{min-height:68px!important}.ygba-new-qual{background:linear-gradient(135deg,#f2fff7 0%,#eafff1 100%)!important}.ygba-new-qual-badge{right:28px!important;top:58px!important}.ygba-new-eligibility-row>div{min-height:72px!important}.ygba-payout-kpis+.ygba-form,#ygba_payout_submit,button[name="ygba_payout_submit"],input[name="ygba_payout_amount"],select[name="ygba_payout_method"],textarea[name="ygba_payout_notes"]{display:none!important}.ygba-auto-payout-validation{display:flex!important;gap:14px!important;align-items:flex-start!important;background:linear-gradient(135deg,#f0fdf4,#ecfeff)!important;border:1px solid #bbf7d0!important;border-radius:18px!important;padding:18px 20px!important;margin:16px 0!important;color:#064e3b!important;box-shadow:0 12px 28px rgba(16,185,129,.08)!important}.ygba-auto-payout-icon{width:42px!important;height:42px!important;border-radius:14px!important;background:#16a34a!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important;flex:0 0 auto!important}.ygba-auto-payout-validation strong{display:block!important;font-size:16px!important;font-weight:950!important;color:#064e3b!important}.ygba-auto-payout-validation p{margin:4px 0 0!important;font-size:14px!important;line-height:1.55!important;color:#166534!important}@media(max-width:1380px){.ygba-new-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ygba-new-main-grid,.ygba-new-bottom-grid{grid-template-columns:1fr!important}.ygba-new-qual-badge{position:static!important;margin:0 0 12px auto!important}}@media(max-width:980px){.ygba-app-shell .ygba-dashboard{display:block!important}.ygba-tabs{min-height:auto!important;border-radius:0 0 26px 26px!important}.ygba-sidebar-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.ygba-topbar{padding:24px 18px 18px!important}.ygba-new-overview{padding:0 18px 28px!important}.ygba-topbar-right{width:100%!important}.ygba-new-head-chip{flex:1 1 180px!important}.ygba-headbtn-primary{width:100%!important;justify-content:center!important}}@media(max-width:640px){.ygba-sidebar-nav{grid-template-columns:1fr!important}.ygba-new-kpi-grid,.ygba-new-mini-row,.ygba-new-eligibility-row{grid-template-columns:1fr!important}.ygba-new-kpi{min-height:0!important}.ygba-new-kpi-top{min-height:0!important}.ygba-new-kpi-value{text-align:left!important}.ygba-new-trend,.ygba-new-muted{text-align:left!important}.ygba-new-card-head{align-items:flex-start!important;flex-direction:column!important}.ygba-new-performance,.ygba-new-qual,.ygba-new-bottom-grid .ygba-new-card{padding:20px!important}.ygba-new-breakdown{grid-template-columns:1fr!important}.ygba-new-donut{margin:0 auto!important}.ygba-auto-payout-validation{flex-direction:column!important}.ygba-pagehead-title,.ygba-pagehead-kicker{font-size:24px!important}}


/* v8.20.2-hotfix — Mobile Sidebar Off-Canvas Width Fix
 * UI-only patch: prevents the ambassador drawer and its inner cards from overflowing
 * beyond the phone viewport. No tracking, payout, IP/FP, ledger, or bonus logic touched.
 */
body.ygba-dashboard-body,
body.ygba-sidebar-open{
  max-width:100vw;
  overflow-x:hidden !important;
}
@media (max-width: 991px){
  body.ygba-sidebar-open{
    position:relative;
    overflow:hidden !important;
    touch-action:none;
  }
  .ygba-sidebar-overlay{
    position:fixed !important;
    inset:0 !important;
    z-index:9998 !important;
  }
  .ygba-tabs{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:0 !important;
    width:min(86vw, 340px) !important;
    max-width:min(86vw, 340px) !important;
    min-width:0 !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    z-index:9999 !important;
    transform:translate3d(-110%,0,0) !important;
  }
  body.ygba-sidebar-open .ygba-tabs{
    transform:translate3d(0,0,0) !important;
  }
  .ygba-tabs,
  .ygba-tabs *,
  .ygba-sidebar-brand,
  .ygba-sidebar-profile,
  .ygba-sidebar-profile-copy,
  .ygba-sidebar-nav,
  .ygba-tab,
  .ygba-sidebar-rankcard,
  .ygba-sidebar-rankcard *{
    box-sizing:border-box !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  .ygba-sidebar-profile,
  .ygba-sidebar-rankcard,
  .ygba-sidebar-nav,
  .ygba-tab{
    width:100% !important;
    overflow:hidden !important;
  }
  .ygba-sidebar-brand-mark,
  .ygba-sidebar-profile-name,
  .ygba-sidebar-profile-meta,
  .ygba-sidebar-rankcard-label,
  .ygba-sidebar-rankcard-title,
  .ygba-sidebar-rankcard-copy,
  .ygba-sidebar-rankcard-meta,
  .ygba-tab-label{
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  .ygba-sidebar-rankcard{
    grid-template-columns:minmax(0,1fr) !important;
  }
}
@media (max-width: 420px){
  .ygba-tabs{
    width:88vw !important;
    max-width:88vw !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

/* v8.20.3-hotfix — Mobile Dashboard Gap + Sidebar Inner Overflow Fix
 * UI-only mobile patch. Removes excessive dashboard top gap and prevents
 * sidebar drawer children from overflowing outside the phone viewport.
 */
@media (max-width: 991px){
  body.ygba-dashboard-body,
  body.ygba-dashboard-body .site,
  body.ygba-dashboard-body .site-content,
  body.ygba-dashboard-body .content-area,
  body.ygba-dashboard-body .entry-content,
  body.ygba-dashboard-body .ygba-app-shell,
  body.ygba-dashboard-body .ygba-dashboard{
    max-width:100vw !important;
    overflow-x:hidden !important;
  }
  body.ygba-dashboard-body .ygba-app-shell,
  body.ygba-dashboard-body .ygba-dashboard{
    min-height:0 !important;
    height:auto !important;
    padding-top:0 !important;
  }
  body.ygba-dashboard-body .ygba-dashboard{
    display:block !important;
    border:0 !important;
    box-shadow:none !important;
  }
  body.ygba-dashboard-body .ygba-mobile-topbar{
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
    margin:0 0 16px !important;
  }
  body.ygba-dashboard-body .ygba-topbar{
    min-height:0 !important;
    height:auto !important;
    padding:14px 18px 16px !important;
    margin:0 0 16px !important;
    display:grid !important;
    gap:14px !important;
    background:#fbfcff !important;
  }
  body.ygba-dashboard-body .ygba-pagehead,
  body.ygba-dashboard-body .ygba-topbar-left,
  body.ygba-dashboard-body .ygba-topbar-right{
    min-height:0 !important;
    height:auto !important;
  }
  body.ygba-dashboard-body .ygba-new-overview{
    padding:0 14px calc(var(--ygba-mobile-tabbar-height) + 24px) !important;
    margin:0 !important;
    min-height:0 !important;
    height:auto !important;
    clear:both !important;
  }
  body.ygba-dashboard-body .ygba-new-kpi-grid{margin-top:0 !important;}
  body.ygba-dashboard-body .ygba-new-kpi-grid,
  body.ygba-dashboard-body .ygba-new-main-grid,
  body.ygba-dashboard-body .ygba-new-bottom-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  body.ygba-dashboard-body .ygba-tabs{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:0 !important;
    width:min(84vw, 330px) !important;
    max-width:min(84vw, 330px) !important;
    min-width:0 !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding:18px 14px calc(22px + env(safe-area-inset-bottom,0px)) !important;
    border-radius:0 26px 26px 0 !important;
    transform:translate3d(-112%,0,0) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    z-index:9999 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }
  body.ygba-sidebar-open .ygba-tabs{transform:translate3d(0,0,0) !important;}
  body.ygba-dashboard-body .ygba-tabs,
  body.ygba-dashboard-body .ygba-tabs *,
  body.ygba-dashboard-body .ygba-sidebar-brand,
  body.ygba-dashboard-body .ygba-sidebar-profile,
  body.ygba-dashboard-body .ygba-sidebar-profile-copy,
  body.ygba-dashboard-body .ygba-sidebar-nav,
  body.ygba-dashboard-body .ygba-tab,
  body.ygba-dashboard-body .ygba-tab-label,
  body.ygba-dashboard-body .ygba-sidebar-rankcard,
  body.ygba-dashboard-body .ygba-sidebar-rankcard *{
    box-sizing:border-box !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  body.ygba-dashboard-body .ygba-sidebar-brand,
  body.ygba-dashboard-body .ygba-sidebar-profile,
  body.ygba-dashboard-body .ygba-sidebar-nav,
  body.ygba-dashboard-body .ygba-tab,
  body.ygba-dashboard-body .ygba-tab-logout,
  body.ygba-dashboard-body .ygba-sidebar-rankcard{
    width:100% !important;
    overflow:hidden !important;
  }
  body.ygba-dashboard-body .ygba-sidebar-nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  body.ygba-dashboard-body .ygba-sidebar-profile{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
  }
  body.ygba-dashboard-body .ygba-sidebar-rankcard{
    margin-top:10px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    padding:14px !important;
  }
  body.ygba-dashboard-body .ygba-sidebar-rankcard-label,
  body.ygba-dashboard-body .ygba-sidebar-rankcard-title,
  body.ygba-dashboard-body .ygba-sidebar-rankcard-copy,
  body.ygba-dashboard-body .ygba-sidebar-rankcard-meta,
  body.ygba-dashboard-body .ygba-sidebar-profile-name,
  body.ygba-dashboard-body .ygba-sidebar-profile-meta,
  body.ygba-dashboard-body .ygba-tab-label{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    text-overflow:clip !important;
  }
  body.ygba-dashboard-body .ygba-sidebar-overlay{
    position:fixed !important;
    inset:0 !important;
    z-index:9998 !important;
  }
  body.ygba-sidebar-open{
    overflow:hidden !important;
    touch-action:none !important;
  }
}
@media (max-width: 480px){
  body.ygba-dashboard-body .ygba-tabs{
    width:82vw !important;
    max-width:82vw !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  body.ygba-dashboard-body .ygba-sidebar-rankcard{display:none !important;}
  body.ygba-dashboard-body .ygba-topbar{
    padding:10px 16px 14px !important;
    margin-bottom:14px !important;
  }
  body.ygba-dashboard-body .ygba-pagehead-title,
  body.ygba-dashboard-body .ygba-pagehead-kicker{font-size:23px !important;}
  body.ygba-dashboard-body .ygba-pagehead-sub{font-size:13.5px !important;}
  body.ygba-dashboard-body .ygba-new-overview{
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

/* v8.20.4-hotfix — Mobile Drawer Text Menu + Logout Visibility
 * Scope: mobile ambassador dashboard drawer only.
 * - Hide rank/profile promotional cards in the hamburger drawer.
 * - Keep menu as clean text-only navigation.
 * - Ensure Logout is visible and reachable on mobile.
 * Core tracking, bonus, payout, ledger, and attribution logic untouched.
 */
@media (max-width: 991px){
  body.ygba-dashboard-body .ygba-tabs{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  body.ygba-dashboard-body .ygba-sidebar-profile,
  body.ygba-dashboard-body .ygba-sidebar-rankcard{
    display:none !important;
  }

  body.ygba-dashboard-body .ygba-sidebar-nav{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    margin-top:14px !important;
  }

  body.ygba-dashboard-body .ygba-sidebar-nav .ygba-tab,
  body.ygba-dashboard-body .ygba-tab-logout{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    min-height:54px !important;
    padding:15px 18px !important;
    overflow:hidden !important;
  }

  body.ygba-dashboard-body .ygba-sidebar-nav .ygba-tab-icon,
  body.ygba-dashboard-body .ygba-tab-logout .ygba-tab-icon{
    display:none !important;
  }

  body.ygba-dashboard-body .ygba-sidebar-nav .ygba-tab-label,
  body.ygba-dashboard-body .ygba-tab-logout .ygba-tab-label{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.ygba-dashboard-body .ygba-tab-logout{
    visibility:visible !important;
    opacity:1 !important;
    margin-top:16px !important;
    margin-bottom:calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    background:rgba(255,255,255,.16) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#fff !important;
    position:relative !important;
    flex:0 0 auto !important;
  }

  body.ygba-dashboard-body .ygba-tab-logout:hover,
  body.ygba-dashboard-body .ygba-tab-logout:focus{
    background:rgba(255,255,255,.22) !important;
    color:#fff !important;
  }
}


/* v8.20.5-hotfix — Mobile Drawer Full Menu Visibility Fix
 * Scope: ambassador mobile drawer only.
 * Purpose: make the hamburger drawer a full-height off-canvas text menu with visible Logout.
 * No PHP business logic, tracking, payouts, ledger, IP/FP, or bonus calculation changes.
 */
@media (max-width: 991px){
  html body.ygba-dashboard-body.ygba-sidebar-open,
  html body.ygba-dashboard-body.ygba-sidebar-open *{
    -webkit-overflow-scrolling:touch;
  }

  html body.ygba-dashboard-body .ygba-app-shell{
    overflow:visible !important;
  }

  html body.ygba-dashboard-body .ygba-tabs{
    position:fixed !important;
    inset:0 auto 0 0 !important;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:0 !important;
    width:min(84vw, 320px) !important;
    max-width:min(84vw, 320px) !important;
    min-width:0 !important;
    height:100vh !important;
    height:100dvh !important;
    min-height:100vh !important;
    min-height:100dvh !important;
    max-height:100vh !important;
    max-height:100dvh !important;
    padding:24px 18px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    margin:0 !important;
    border-radius:0 26px 26px 0 !important;
    background:linear-gradient(180deg,#c20868 0%,#d90674 48%,#b40664 100%) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:14px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    box-sizing:border-box !important;
    transform:translate3d(-110%,0,0) !important;
    transition:transform .24s ease !important;
    z-index:100000 !important;
    box-shadow:18px 0 55px rgba(15,23,42,.28) !important;
  }

  html body.ygba-dashboard-body.ygba-sidebar-open .ygba-tabs{
    transform:translate3d(0,0,0) !important;
  }

  html body.ygba-dashboard-body .ygba-sidebar-overlay{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    background:rgba(15,23,42,.54) !important;
    backdrop-filter:blur(3px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:99999 !important;
    transition:opacity .2s ease, visibility .2s ease !important;
  }

  html body.ygba-dashboard-body.ygba-sidebar-open .ygba-sidebar-overlay{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  html body.ygba-dashboard-body .ygba-sidebar-brand{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    width:100% !important;
    padding:0 2px 10px !important;
    margin:0 !important;
    flex:0 0 auto !important;
    box-sizing:border-box !important;
  }

  html body.ygba-dashboard-body .ygba-sidebar-brand-mark{
    color:#fff !important;
    font-size:24px !important;
    font-weight:900 !important;
    line-height:1.05 !important;
    white-space:normal !important;
  }

  html body.ygba-dashboard-body .ygba-sidebar-brand-mark span{
    display:block !important;
    margin-top:6px !important;
    color:#fff !important;
    font-size:11px !important;
    letter-spacing:.34em !important;
    text-transform:uppercase !important;
    opacity:.95 !important;
  }

  html body.ygba-dashboard-body .ygba-sidebar-close{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 54px !important;
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    border:0 !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.17) !important;
    color:#fff !important;
    font-size:22px !important;
    line-height:1 !important;
  }

  html body.ygba-dashboard-body .ygba-sidebar-profile,
  html body.ygba-dashboard-body .ygba-sidebar-rankcard{
    display:none !important;
  }

  html body.ygba-dashboard-body .ygba-sidebar-nav{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:9px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:4px 0 0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  html body.ygba-dashboard-body .ygba-sidebar-nav .ygba-tab,
  html body.ygba-dashboard-body .ygba-tab-logout{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:52px !important;
    height:auto !important;
    padding:14px 18px !important;
    margin:0 !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
    color:#fff !important;
    background:transparent !important;
    text-decoration:none !important;
    text-align:left !important;
    overflow:visible !important;
    transform:none !important;
    box-shadow:none !important;
  }

  html body.ygba-dashboard-body .ygba-sidebar-nav .ygba-tab.is-active,
  html body.ygba-dashboard-body .ygba-sidebar-nav .ygba-tab:hover,
  html body.ygba-dashboard-body .ygba-sidebar-nav .ygba-tab:focus,
  html body.ygba-dashboard-body .ygba-tab-logout:hover,
  html body.ygba-dashboard-body .ygba-tab-logout:focus{
    background:rgba(255,255,255,.13) !important;
    color:#fff !important;
  }

  html body.ygba-dashboard-body .ygba-sidebar-nav .ygba-tab.is-active::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    top:11px !important;
    bottom:11px !important;
    width:3px !important;
    height:auto !important;
    border-radius:999px !important;
    background:#fff !important;
    flex:none !important;
  }

  html body.ygba-dashboard-body .ygba-sidebar-nav .ygba-tab-icon,
  html body.ygba-dashboard-body .ygba-tab-logout .ygba-tab-icon,
  html body.ygba-dashboard-body .ygba-tab::after{
    display:none !important;
  }

  html body.ygba-dashboard-body .ygba-sidebar-nav .ygba-tab-label,
  html body.ygba-dashboard-body .ygba-tab-logout .ygba-tab-label{
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:100% !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }

  html body.ygba-dashboard-body .ygba-tab-logout{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    margin-top:auto !important;
    background:rgba(255,255,255,.15) !important;
    border:1px solid rgba(255,255,255,.20) !important;
    flex:0 0 auto !important;
  }

  html body.ygba-dashboard-body.ygba-sidebar-open{
    overflow:hidden !important;
    touch-action:none !important;
  }
}

@media (max-width: 380px){
  html body.ygba-dashboard-body .ygba-tabs{
    width:88vw !important;
    max-width:88vw !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  html body.ygba-dashboard-body .ygba-sidebar-nav .ygba-tab,
  html body.ygba-dashboard-body .ygba-tab-logout{
    min-height:48px !important;
    padding:12px 16px !important;
  }
  html body.ygba-dashboard-body .ygba-sidebar-nav .ygba-tab-label,
  html body.ygba-dashboard-body .ygba-tab-logout .ygba-tab-label{
    font-size:15px !important;
  }
}

/* v8.20.6-hotfix — Mobile drawer menu text visibility repair
   CSS-only layout override: keeps core ambassador tracking/bonus/payout logic untouched. */
@media (max-width: 991px){
  html body .ygba-app-shell .ygba-tabs{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:0 !important;
    width:min(82vw,320px) !important;
    max-width:min(82vw,320px) !important;
    height:100vh !important;
    height:100dvh !important;
    min-height:100vh !important;
    min-height:100dvh !important;
    padding:26px 18px 22px !important;
    margin:0 !important;
    border-radius:0 24px 24px 0 !important;
    background:linear-gradient(180deg,#c0006b 0%,#e5007d 100%) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:18px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    transform:translateX(-110%) !important;
    transition:transform .24s ease !important;
    z-index:999999 !important;
    box-sizing:border-box !important;
  }

  html body.ygba-sidebar-open .ygba-app-shell .ygba-tabs,
  html body .ygba-app-shell.is-sidebar-open .ygba-tabs{
    transform:translateX(0) !important;
  }

  html body .ygba-app-shell .ygba-tabs *,
  html body .ygba-app-shell .ygba-tabs *::before,
  html body .ygba-app-shell .ygba-tabs *::after{
    box-sizing:border-box !important;
    max-width:100% !important;
  }

  html body .ygba-app-shell .ygba-sidebar-brand{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px !important;
    width:100% !important;
    padding:0 0 14px !important;
    margin:0 !important;
    flex:0 0 auto !important;
  }

  html body .ygba-app-shell .ygba-sidebar-brand-mark{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#fff !important;
    font-size:26px !important;
    font-weight:900 !important;
    line-height:1.05 !important;
    letter-spacing:-.02em !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  html body .ygba-app-shell .ygba-sidebar-brand-mark span{
    display:block !important;
    margin-top:8px !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1.1 !important;
    letter-spacing:.34em !important;
    text-transform:uppercase !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  html body .ygba-app-shell .ygba-sidebar-close{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 56px !important;
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.16) !important;
    color:#fff !important;
    font-size:24px !important;
    font-weight:700 !important;
    line-height:1 !important;
  }

  html body .ygba-app-shell .ygba-sidebar-profile,
  html body .ygba-app-shell .ygba-sidebar-rankcard{
    display:none !important;
  }

  html body .ygba-app-shell .ygba-sidebar-nav{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    flex:0 0 auto !important;
    overflow:visible !important;
  }

  html body .ygba-app-shell .ygba-sidebar-nav .ygba-tab,
  html body .ygba-app-shell .ygba-tab-logout{
    position:relative !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:54px !important;
    height:auto !important;
    padding:15px 18px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:14px !important;
    background:transparent !important;
    color:#fff !important;
    text-align:left !important;
    text-decoration:none !important;
    transform:none !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  html body .ygba-app-shell .ygba-sidebar-nav .ygba-tab.is-active,
  html body .ygba-app-shell .ygba-sidebar-nav .ygba-tab:hover,
  html body .ygba-app-shell .ygba-sidebar-nav .ygba-tab:focus,
  html body .ygba-app-shell .ygba-tab-logout:hover,
  html body .ygba-app-shell .ygba-tab-logout:focus{
    background:rgba(255,255,255,.13) !important;
    color:#fff !important;
  }

  html body .ygba-app-shell .ygba-sidebar-nav .ygba-tab.is-active::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    top:12px !important;
    bottom:12px !important;
    width:4px !important;
    height:auto !important;
    border-radius:999px !important;
    background:#fff !important;
  }

  html body .ygba-app-shell .ygba-sidebar-nav .ygba-tab-icon,
  html body .ygba-app-shell .ygba-tab-logout .ygba-tab-icon,
  html body .ygba-app-shell .ygba-sidebar-nav .ygba-tab::after,
  html body .ygba-app-shell .ygba-tab-logout::after{
    display:none !important;
  }

  html body .ygba-app-shell .ygba-sidebar-nav .ygba-tab-label,
  html body .ygba-app-shell .ygba-tab-logout .ygba-tab-label{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:900 !important;
    line-height:1.25 !important;
    letter-spacing:-.01em !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }

  html body .ygba-app-shell .ygba-tab-logout{
    margin-top:auto !important;
    background:rgba(255,255,255,.15) !important;
    border:1px solid rgba(255,255,255,.20) !important;
  }
}

/* v8.20.7-hotfix — Definitive Mobile Drawer Navigation Visibility Repair */
@media (max-width: 991px){
  html body.ygba-dashboard-body.ygba-sidebar-open .ygba-tabs,
  html body .ygba-app-shell.is-sidebar-open .ygba-tabs{display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;overflow-y:auto !important;overflow-x:hidden !important;padding:24px 18px 20px !important;}
  html body.ygba-dashboard-body .ygba-tabs > .ygba-sidebar-nav,
  html body .ygba-app-shell .ygba-tabs > .ygba-sidebar-nav{display:flex !important;visibility:visible !important;opacity:1 !important;position:relative !important;z-index:1000002 !important;flex:0 0 auto !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;gap:8px !important;width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;padding:0 !important;margin:0 !important;transform:none !important;clip:auto !important;clip-path:none !important;overflow:visible !important;pointer-events:auto !important;}
  html body.ygba-dashboard-body .ygba-tabs > .ygba-sidebar-nav > a.ygba-tab,
  html body .ygba-app-shell .ygba-tabs > .ygba-sidebar-nav > a.ygba-tab{display:flex !important;visibility:visible !important;opacity:1 !important;position:relative !important;z-index:1000003 !important;align-items:center !important;justify-content:flex-start !important;width:100% !important;height:auto !important;min-height:48px !important;max-height:none !important;padding:13px 16px !important;margin:0 !important;border-radius:14px !important;color:#fff !important;background:transparent !important;text-align:left !important;text-decoration:none !important;transform:none !important;clip:auto !important;clip-path:none !important;overflow:visible !important;pointer-events:auto !important;}
  html body.ygba-dashboard-body .ygba-tabs > .ygba-sidebar-nav > a.ygba-tab .ygba-tab-label,
  html body .ygba-app-shell .ygba-tabs > .ygba-sidebar-nav > a.ygba-tab .ygba-tab-label,
  html body.ygba-dashboard-body .ygba-tabs > a.ygba-tab-logout .ygba-tab-label,
  html body .ygba-app-shell .ygba-tabs > a.ygba-tab-logout .ygba-tab-label{display:block !important;visibility:visible !important;opacity:1 !important;position:static !important;width:auto !important;height:auto !important;min-width:0 !important;max-width:100% !important;color:#fff !important;font-size:15.5px !important;font-weight:800 !important;line-height:1.25 !important;white-space:normal !important;transform:none !important;clip:auto !important;clip-path:none !important;overflow:visible !important;}
  html body.ygba-dashboard-body .ygba-tabs > .ygba-sidebar-nav > a.ygba-tab .ygba-tab-icon,
  html body .ygba-app-shell .ygba-tabs > .ygba-sidebar-nav > a.ygba-tab .ygba-tab-icon,
  html body.ygba-dashboard-body .ygba-tabs > a.ygba-tab-logout .ygba-tab-icon,
  html body .ygba-app-shell .ygba-tabs > a.ygba-tab-logout .ygba-tab-icon{display:none !important;}
  html body.ygba-dashboard-body .ygba-tabs > .ygba-sidebar-nav > a.ygba-tab.is-active,
  html body .ygba-app-shell .ygba-tabs > .ygba-sidebar-nav > a.ygba-tab.is-active,
  html body.ygba-dashboard-body .ygba-tabs > .ygba-sidebar-nav > a.ygba-tab:hover,
  html body .ygba-app-shell .ygba-tabs > .ygba-sidebar-nav > a.ygba-tab:hover{background:rgba(255,255,255,.14) !important;}
  html body.ygba-dashboard-body .ygba-tabs > a.ygba-tab-logout,
  html body .ygba-app-shell .ygba-tabs > a.ygba-tab-logout{display:flex !important;visibility:visible !important;opacity:1 !important;position:relative !important;z-index:1000003 !important;flex:0 0 auto !important;align-items:center !important;justify-content:flex-start !important;width:100% !important;min-height:48px !important;padding:13px 16px !important;margin:10px 0 0 !important;border-radius:14px !important;color:#fff !important;background:rgba(255,255,255,.15) !important;border:1px solid rgba(255,255,255,.20) !important;transform:none !important;clip:auto !important;clip-path:none !important;overflow:visible !important;pointer-events:auto !important;}
}

/* ===== v8.21.0 Earnings Menu Exact UI Redesign (CSS-only, logic-safe) ===== */
.ygba-ambdash .ygba-body .ygba-earnings-panel,
.ygba-ambdash .ygba-body > .ygba-panel:has(.ygba-earnings-intro){
  background:#fff !important;
  border:1px solid #eef0f4 !important;
  border-radius:18px !important;
  box-shadow:0 14px 40px rgba(17,24,39,.06) !important;
  padding:28px !important;
  color:#111827 !important;
}
.ygba-ambdash .ygba-earnings-panel > .ygba-section-title,
.ygba-ambdash .ygba-body > .ygba-panel:has(.ygba-earnings-intro) > .ygba-section-title{
  display:flex !important;align-items:center !important;gap:18px !important;justify-content:flex-start !important;
  border-bottom:1px solid #eceef3 !important;padding-bottom:22px !important;margin-bottom:22px !important;
  font-size:20px !important;font-weight:900 !important;color:#c40064 !important;
}
.ygba-ambdash .ygba-earnings-panel > .ygba-section-title:before,
.ygba-ambdash .ygba-body > .ygba-panel:has(.ygba-earnings-intro) > .ygba-section-title:before{
  content:'▧';width:62px;height:62px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  background:#ffe1ef;color:#c40064;font-size:26px;flex:0 0 auto;
}
.ygba-ambdash .ygba-earnings-panel > .ygba-section-title span:first-child,
.ygba-ambdash .ygba-body > .ygba-panel:has(.ygba-earnings-intro) > .ygba-section-title span:first-child{
  color:#c40064 !important;font-size:20px !important;font-weight:900 !important;
}
.ygba-ambdash .ygba-earnings-panel > .ygba-section-title span:last-child{display:none !important;}
.ygba-ambdash .ygba-earnings-intro{font-size:14px !important;line-height:1.55 !important;color:#4b5563 !important;margin:-18px 0 24px 80px !important;max-width:780px !important;}
.ygba-ambdash .ygba-earnings-hero{display:block !important;margin:0 !important;background:transparent !important;border:0 !important;padding:0 !important;}
.ygba-ambdash .ygba-earnings-kpis{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;margin:0 0 16px !important;}
.ygba-ambdash .ygba-earnings-summary-card,
.ygba-ambdash .ygba-earnings-total-card{
  border:1px solid #e6e8ee !important;border-radius:14px !important;background:#fff !important;
  box-shadow:0 10px 30px rgba(17,24,39,.045) !important;padding:20px !important;min-height:142px !important;
}
.ygba-ambdash .ygba-earnings-summary-card .ygba-kpi-label,
.ygba-ambdash .ygba-earnings-total-label{font-size:14px !important;font-weight:900 !important;color:#111827 !important;line-height:1.25 !important;margin:0 0 12px !important;}
.ygba-ambdash .ygba-earnings-summary-card .ygba-kpi-value,
.ygba-ambdash .ygba-earnings-total-value{font-size:27px !important;line-height:1.1 !important;font-weight:900 !important;color:#c40064 !important;margin:0 0 10px !important;}
.ygba-ambdash .ygba-earnings-summary-card .ygba-kpi-hint,
.ygba-ambdash .ygba-earnings-total-note{font-size:13px !important;color:#4b5563 !important;line-height:1.45 !important;}
.ygba-ambdash .ygba-earnings-hero-side{margin-top:16px !important;}
.ygba-ambdash .ygba-earnings-total-card{max-width:none !important;width:100% !important;}
.ygba-ambdash .ygba-earnings-section-head{border-top:1px solid #eceef3 !important;margin-top:24px !important;padding-top:22px !important;}
.ygba-ambdash .ygba-earnings-section-head strong{font-size:18px !important;color:#c40064 !important;font-weight:900 !important;}
.ygba-ambdash .ygba-table-wrap{border:1px solid #e6e8ee !important;border-radius:12px !important;overflow:auto !important;background:#fff !important;box-shadow:none !important;}
.ygba-ambdash table.ygba-earnings-table{width:100% !important;border-collapse:collapse !important;min-width:1040px !important;background:#fff !important;}
.ygba-ambdash table.ygba-earnings-table thead th{background:#c40064 !important;color:#fff !important;font-size:12px !important;font-weight:900 !important;padding:13px 12px !important;border-right:1px solid rgba(255,255,255,.25) !important;text-align:center !important;white-space:nowrap !important;}
.ygba-ambdash table.ygba-earnings-table tbody td{font-size:13px !important;padding:12px !important;border-top:1px solid #edf0f4 !important;border-right:1px solid #edf0f4 !important;color:#111827 !important;background:#fff !important;}
.ygba-ambdash table.ygba-earnings-table tbody tr:hover td{background:#fff5fa !important;}
.ygba-ambdash .ygba-badge.is-sale,.ygba-ambdash .ygba-badge{border-radius:999px !important;padding:4px 9px !important;font-size:10px !important;font-weight:900 !important;background:#d8f8d7 !important;color:#078029 !important;border:0 !important;}
.ygba-ambdash .ygba-badge.is-fp{background:#eee4ff !important;color:#7a39ff !important;}
.ygba-ambdash .ygba-badge.is-refund{background:#fff0e5 !important;color:#e75d12 !important;}
.ygba-ambdash .ygba-detail-box{border:1px solid #e6e8ee !important;border-radius:12px !important;background:#f8fbff !important;padding:18px !important;}
@media(max-width:1200px){.ygba-ambdash .ygba-earnings-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.ygba-ambdash .ygba-earnings-intro{margin-left:0 !important;}}
@media(max-width:760px){.ygba-ambdash .ygba-body .ygba-earnings-panel{padding:18px !important;}.ygba-ambdash .ygba-earnings-kpis{grid-template-columns:1fr !important;}.ygba-ambdash .ygba-earnings-panel > .ygba-section-title{align-items:flex-start !important;}.ygba-ambdash .ygba-earnings-panel > .ygba-section-title:before{width:48px;height:48px;font-size:20px;}}

/* ===== v8.21.1 Earnings Menu Exact PHP UI Implementation ===== */
.ygba-ambdash .ygba-main .ygba-earnings-exact,.ygba-ambdash .ygba-body .ygba-earnings-exact{background:#fff!important;border:1px solid #edf0f5!important;border-radius:16px!important;box-shadow:0 18px 48px rgba(15,23,42,.06)!important;padding:28px!important;margin-top:0!important;max-width:100%!important;overflow:hidden!important;color:#111827!important}
.ygba-ambdash .ygba-earnings-exact-head{display:flex!important;align-items:flex-start!important;gap:18px!important;margin:0 0 22px!important;padding-bottom:18px!important;border-bottom:1px solid #eef0f4!important}.ygba-ambdash .ygba-earnings-exact-icon{width:54px!important;height:54px!important;min-width:54px!important;border-radius:999px!important;background:#fde7f2!important;color:#cf006d!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;line-height:1!important}.ygba-ambdash .ygba-earnings-exact .ygba-card-title,.ygba-ambdash .ygba-earnings-report-card .ygba-card-title{font-size:22px!important;line-height:1.2!important;font-weight:800!important;color:#cf006d!important;margin:0 0 6px!important;letter-spacing:-.02em!important}.ygba-ambdash .ygba-earnings-exact .ygba-card-sub,.ygba-ambdash .ygba-earnings-report-card .ygba-card-sub{font-size:14px!important;color:#4b5563!important;line-height:1.55!important;margin:0!important;max-width:840px!important}
.ygba-ambdash .ygba-earnings-primary-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:0 0 14px!important}.ygba-ambdash .ygba-earnings-mini-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:0 0 22px!important;padding-bottom:20px!important;border-bottom:1px solid #f0f1f4!important}.ygba-ambdash .ygba-earnings-primary-kpis>.ygba-card,.ygba-ambdash .ygba-earnings-mini-kpis>.ygba-card,.ygba-ambdash .ygba-earnings-report-kpis>.ygba-card{margin:0!important;background:#fff!important;border:1px solid #e7eaf0!important;border-radius:14px!important;box-shadow:0 12px 28px rgba(17,24,39,.035)!important;padding:22px 22px 20px 86px!important;min-height:138px!important;position:relative!important;display:block!important}.ygba-ambdash .ygba-earnings-mini-kpis>.ygba-card{padding:22px 16px 18px 64px!important;min-height:154px!important}.ygba-ambdash .ygba-earnings-primary-kpis>.ygba-card:before,.ygba-ambdash .ygba-earnings-mini-kpis>.ygba-card:before,.ygba-ambdash .ygba-earnings-report-kpis>.ygba-card:before{content:""!important;position:absolute!important;left:18px!important;top:22px!important;width:48px!important;height:48px!important;border-radius:999px!important;background:#fde7f2!important}.ygba-ambdash .ygba-earnings-mini-kpis>.ygba-card:before{width:38px!important;height:38px!important;left:14px!important;top:20px!important}
.ygba-ambdash .ygba-earnings-primary-kpis>.ygba-card:nth-child(1) .ygba-kpi-value{color:#d1006f!important}.ygba-ambdash .ygba-earnings-primary-kpis>.ygba-card:nth-child(2) .ygba-kpi-value{color:#7c3aed!important}.ygba-ambdash .ygba-earnings-primary-kpis>.ygba-card:nth-child(3) .ygba-kpi-value{color:#ea580c!important}.ygba-ambdash .ygba-earnings-primary-kpis>.ygba-card:nth-child(4) .ygba-kpi-value{color:#3f8b3f!important}.ygba-ambdash .ygba-earnings-primary-kpis>.ygba-card:nth-child(5) .ygba-kpi-value{color:#1d73e8!important}.ygba-ambdash .ygba-earnings-primary-kpis>.ygba-card:nth-child(6) .ygba-kpi-value{color:#049aa5!important}.ygba-ambdash .ygba-earnings-exact .ygba-kpi-label{font-size:13px!important;font-weight:800!important;color:#111827!important;line-height:1.25!important;margin:0 0 12px!important}.ygba-ambdash .ygba-earnings-exact .ygba-kpi-value{font-size:26px!important;line-height:1.1!important;font-weight:900!important;color:#111827!important;letter-spacing:-.03em!important;margin:0 0 14px!important}.ygba-ambdash .ygba-earnings-mini-kpis .ygba-kpi-value{font-size:24px!important;margin-top:14px!important}.ygba-ambdash .ygba-earnings-exact .ygba-kpi-note{font-size:12.5px!important;line-height:1.55!important;color:#4b5563!important;margin:0!important}
.ygba-ambdash .ygba-earnings-report-card{margin-top:8px!important;padding:24px 22px!important;background:#fff!important;border:1px solid #e7eaf0!important;border-radius:14px!important;box-shadow:none!important}.ygba-ambdash .ygba-earnings-report-card .ygba-earnings-exact-head{padding-bottom:16px!important;margin-bottom:18px!important}.ygba-ambdash .ygba-earnings-report-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0 0 22px!important;border-bottom:0!important}.ygba-ambdash .ygba-earnings-report-kpis>.ygba-card{border:0!important;border-right:1px solid #edf0f4!important;border-radius:0!important;box-shadow:none!important;min-height:86px!important;padding:0 22px 0 68px!important}.ygba-ambdash .ygba-earnings-report-kpis>.ygba-card:last-child{border-right:0!important}.ygba-ambdash .ygba-earnings-report-kpis>.ygba-card:before{width:38px!important;height:38px!important;left:18px!important;top:0!important;background:#eaf2ff!important}.ygba-ambdash .ygba-earnings-report-card .ygba-kpi-label{font-size:11px!important;color:#111827!important;font-weight:800!important;margin-bottom:8px!important}.ygba-ambdash .ygba-earnings-report-card .ygba-kpi-value{font-size:24px!important;color:#111827!important;margin-bottom:8px!important}
.ygba-ambdash .ygba-earnings-tablewrap{border:1px solid #e5e7eb!important;border-radius:10px!important;overflow:auto!important;background:#fff!important;margin-top:14px!important}.ygba-ambdash .ygba-earnings-tablewrap table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:12px!important}.ygba-ambdash .ygba-earnings-tablewrap thead th{background:#c00068!important;color:#fff!important;font-weight:800!important;border-color:rgba(255,255,255,.25)!important;text-align:center!important;padding:10px!important}.ygba-ambdash .ygba-earnings-tablewrap tbody td{padding:10px!important;border-color:#edf0f4!important;color:#111827!important;background:#fff!important;vertical-align:middle!important}.ygba-ambdash .ygba-earnings-tablewrap tbody tr:last-child td{background:#fff0f7!important;color:#c00068!important;font-weight:700!important}.ygba-ambdash .ygba-earnings-transparency{margin-top:14px!important;padding:20px!important;background:#fff!important;border:1px solid #e7eaf0!important;border-radius:14px!important;box-shadow:none!important}.ygba-ambdash .ygba-earnings-transparency>.ygba-rowline .ygba-card-title{font-size:18px!important;color:#cf006d!important;font-weight:800!important}.ygba-ambdash .ygba-earnings-transparency .ygba-grid>.ygba-card{border-radius:12px!important;box-shadow:none!important}.ygba-ambdash .ygba-filterbar{margin-top:14px!important;background:#fff!important;border:0!important;padding:0!important}.ygba-ambdash .ygba-filterrow{display:grid!important;grid-template-columns:1fr 1fr 1fr 170px!important;gap:14px!important;align-items:end!important}.ygba-ambdash .ygba-filterrow label{font-size:12px!important;font-weight:800!important;color:#111827!important;margin:0 0 6px!important;display:block!important}.ygba-ambdash .ygba-filterrow input,.ygba-ambdash .ygba-filterrow select{height:38px!important;border:1px solid #dfe4ec!important;border-radius:8px!important;background:#fff!important;padding:0 12px!important;color:#111827!important}.ygba-ambdash .ygba-filterrow .ygba-btn-primary{height:38px!important;width:100%!important;border-radius:8px!important;background:#c00068!important;border-color:#c00068!important;color:#fff!important;font-weight:800!important}
@media(max-width:1100px){.ygba-ambdash .ygba-earnings-primary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ygba-ambdash .ygba-earnings-mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ygba-ambdash .ygba-earnings-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.ygba-ambdash .ygba-filterrow{grid-template-columns:1fr 1fr!important}}@media(max-width:640px){.ygba-ambdash .ygba-earnings-exact{padding:18px 14px!important;border-radius:12px!important}.ygba-ambdash .ygba-earnings-exact-head{gap:12px!important}.ygba-ambdash .ygba-earnings-exact-icon{width:42px!important;height:42px!important;min-width:42px!important;font-size:20px!important}.ygba-ambdash .ygba-earnings-primary-kpis,.ygba-ambdash .ygba-earnings-mini-kpis,.ygba-ambdash .ygba-earnings-report-kpis,.ygba-ambdash .ygba-filterrow{grid-template-columns:1fr!important}.ygba-ambdash .ygba-earnings-primary-kpis>.ygba-card,.ygba-ambdash .ygba-earnings-mini-kpis>.ygba-card,.ygba-ambdash .ygba-earnings-report-kpis>.ygba-card{padding-left:72px!important}.ygba-ambdash .ygba-earnings-report-kpis>.ygba-card{border-right:0!important;border-bottom:1px solid #edf0f4!important;padding-bottom:14px!important}}


/* ==========================================================================
   v8.21.36 — Frontend UI Isolation Hardening
   Scope: Ambassador register, login, verify account, and dashboard shortcodes.
   Purpose: prevent client theme/page-builder/global CSS from overriding UI.
   Functionality: CSS-only. No login/registration/verification/dashboard logic changes.
   ========================================================================== */

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell,
.ygba-auth,
.ygba-auth-shell-verify,
.ygba-auth-shell-login,
.ygba-auth-shell-register){
  isolation:isolate !important;
  box-sizing:border-box !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  line-height:1.5 !important;
  color:#1f2937 !important;
  text-align:left !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  text-decoration:none !important;
  width:100%;
}

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell,
.ygba-auth,
.ygba-auth-shell-verify,
.ygba-auth-shell-login,
.ygba-auth-shell-register),
:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell,
.ygba-auth,
.ygba-auth-shell-verify,
.ygba-auth-shell-login,
.ygba-auth-shell-register) *,
:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell,
.ygba-auth,
.ygba-auth-shell-verify,
.ygba-auth-shell-login,
.ygba-auth-shell-register) *::before,
:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell,
.ygba-auth,
.ygba-auth-shell-verify,
.ygba-auth-shell-login,
.ygba-auth-shell-register) *::after{
  box-sizing:border-box !important;
}

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,blockquote,dl,dd){
  margin-top:0 !important;
}

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(h1,h2,h3,h4,h5,h6){
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color:inherit !important;
  font-weight:800 !important;
  line-height:1.12 !important;
  text-transform:none !important;
  letter-spacing:-.02em !important;
}

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(p,span,strong,small,label,li,td,th,div){
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  text-transform:none !important;
  letter-spacing:normal !important;
}

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(a){
  text-decoration:none !important;
  box-shadow:none !important;
}

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(a:hover,a:focus){
  text-decoration:none !important;
}

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(img,svg){
  max-width:100% !important;
  height:auto;
  border:0 !important;
  box-shadow:none !important;
}

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(input,select,textarea,button){
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:14px !important;
  line-height:1.45 !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  box-shadow:none;
}

:where(.ygba-auth-shell,
.ygba-qual-gate) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
:where(.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:44px !important;
  border:1px solid rgba(31,41,55,.14) !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#111827 !important;
  padding:10px 14px !important;
  outline:none !important;
  box-shadow:none !important;
}

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(input:focus,select:focus,textarea:focus){
  border-color:#AE0862 !important;
  box-shadow:0 0 0 4px rgba(174,8,98,.12) !important;
  outline:0 !important;
}

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(button,.button,input[type="submit"],input[type="button"],.ygba-btn,.ygba-headbtn,.ygba-copy-btn,.ygba-qual-btn){
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:42px !important;
  border-radius:14px !important;
  border:1px solid rgba(174,8,98,.18) !important;
  background:#fff !important;
  color:#AE0862 !important;
  padding:10px 16px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  text-align:center !important;
  text-decoration:none !important;
  cursor:pointer;
  box-shadow:none !important;
}

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(.ygba-btn-primary,.ygba-auth-submit,.ygba-login-submit,.ygba-qual-btn-primary,input[type="submit"].ygba-btn-primary,button.ygba-btn-primary){
  background:#AE0862 !important;
  border-color:#AE0862 !important;
  color:#fff !important;
}

:where(.ygba-auth-shell,
.ygba-qual-gate,
.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(button:hover,.button:hover,input[type="submit"]:hover,input[type="button"]:hover,.ygba-btn:hover,.ygba-headbtn:hover,.ygba-copy-btn:hover,.ygba-qual-btn:hover){
  transform:none !important;
  text-decoration:none !important;
}

:where(.ygba-auth-shell,
.ygba-qual-gate) :where(.ygba-card,.ygba-auth,.ygba-auth-layout,.ygba-auth-panel,.ygba-qual-card,.ygba-qual-product),
:where(.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(.ygba-card,.ygba-subcard,.ygba-panel,.ygba-headcard,.ygba-kpi-mini,.ygba-table-wrap,.ygba-referral-link-card){
  border-style:solid;
  text-decoration:none !important;
}

:where(.ygba-auth-shell) .ygba-card{
  width:100% !important;
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

:where(.ygba-auth-shell) .ygba-auth-layout{
  display:grid !important;
  grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr) !important;
  gap:0 !important;
  align-items:stretch !important;
}

:where(.ygba-auth-shell) .ygba-form{
  display:grid !important;
  gap:14px !important;
}

:where(.ygba-auth-shell) .ygba-label{
  display:block !important;
  margin:0 0 7px !important;
  font-size:13px !important;
  font-weight:800 !important;
  color:#374151 !important;
}

:where(.ygba-auth-shell) .ygba-foot{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

:where(.ygba-auth-shell) .ygba-link{
  color:#AE0862 !important;
  font-weight:800 !important;
}

:where(.ygba-alert){
  display:block !important;
  border-radius:14px !important;
  padding:12px 14px !important;
  margin:0 0 14px !important;
  border:1px solid transparent !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

:where(.ygba-alert-error){
  background:#fff1f3 !important;
  color:#9f1239 !important;
  border-color:#fecdd3 !important;
}

:where(.ygba-alert-success){
  background:#ecfdf3 !important;
  color:#067647 !important;
  border-color:#bbf7d0 !important;
}

:where(.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(table){
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
}

:where(.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(th,td){
  text-align:left !important;
  vertical-align:top !important;
}

:where(.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(ul,ol){
  padding-left:0;
  list-style:none;
}

:where(.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell) :where(.ygba-sidebar-nav,.ygba-tabs,.ygba-btnrow,.ygba-topbar){
  list-style:none !important;
}

@media (max-width: 860px){
  :where(.ygba-auth-shell) .ygba-auth-layout{
    grid-template-columns:1fr !important;
  }
  :where(.ygba-auth-shell,.ygba-qual-gate,.ygba-dashboard,.ygba-dashboard-root,.ygba-app-shell) :where(button,.button,input[type="submit"],input[type="button"],.ygba-btn,.ygba-qual-btn){
    width:auto;
    max-width:100%;
  }
}



/* v8.21.41 — Preview HTML Mobile Drawer Implementation */
.ygp-mobile-topbar,.ygp-overlay,.ygp-drawer{display:none;}
@media (max-width: 900px){
  body:has(.ygp-mobile-topbar) .ygba-mobile-topbar{display:none !important;}
  .ygp-mobile-topbar{display:flex !important;height:64px;background:#c9076e;color:#fff;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:100050;box-sizing:border-box;}
  .ygp-hamburger{background:transparent;border:0;color:#fff;font-size:27px;line-height:1;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;padding:0;}
  .ygp-mobile-title{display:grid;gap:1px;text-align:center;line-height:1;}
  .ygp-mobile-title strong{display:block;font-size:15px;font-weight:900;letter-spacing:.01em;color:#fff;}
  .ygp-mobile-title span{display:block;font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase;opacity:.95;color:#fff;}
  .ygp-mobile-action{background:#fff;color:#c9076e !important;border:0;border-radius:12px;padding:9px 12px;font-size:12px;font-weight:900;text-decoration:none !important;white-space:nowrap;}
  .ygp-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100090;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;}
  .ygp-drawer{display:block;position:fixed;left:0;top:0;width:min(285px,86vw);height:100vh;height:100dvh;background:#c9076e;color:#fff;z-index:100100;padding:24px;box-sizing:border-box;transform:translateX(-105%);transition:transform .28s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:18px 0 45px rgba(15,23,42,.25);}
  body.ygp-drawer-open{overflow:hidden !important;touch-action:none !important;}
  body.ygp-drawer-open .ygp-overlay{opacity:1;visibility:visible;pointer-events:auto;}
  body.ygp-drawer-open .ygp-drawer{transform:translateX(0);}
  .ygp-close{position:absolute;top:18px;right:18px;background:transparent;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;}
  .ygp-logo{font-size:24px;font-weight:900;line-height:1;margin-bottom:5px;padding-right:42px;color:#fff;}
  .ygp-logo-sub{font-size:11px;letter-spacing:6px;text-transform:uppercase;font-weight:800;opacity:.92;margin-bottom:32px;color:#fff;}
  .ygp-profile{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:18px;display:flex;align-items:center;gap:14px;margin-bottom:26px;}
  .ygp-avatar{width:54px;height:54px;border-radius:999px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 54px;}
  .ygp-avatar img{width:54px;height:54px;border-radius:999px;object-fit:cover;display:block;}
  .ygp-profile h3{font-size:15px;line-height:1.2;font-weight:900;margin:0;color:#fff;}
  .ygp-profile small{display:block;font-size:11px;opacity:.9;margin:4px 0 8px;color:#fff;}
  .ygp-badge{display:inline-flex;background:#16a34a;color:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;line-height:1;}
  .ygp-menu{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;}
  .ygp-menu a{height:48px;display:flex;align-items:center;padding:0 16px;border-radius:14px;font-size:14px;font-weight:800;color:#fff !important;text-decoration:none !important;background:transparent;transition:background .18s ease;box-sizing:border-box;}
  .ygp-menu a:hover,.ygp-menu a:focus{background:rgba(255,255,255,.18);outline:none;}
  .ygp-menu a.active{background:#ff2c8b;color:#fff !important;}
}
@media (min-width: 901px){.ygp-mobile-topbar,.ygp-overlay,.ygp-drawer{display:none !important;}}


/* ========================================================================== 
   v8.21.42 — Mobile Drawer Polish + Inter-only Dashboard Typography
   Scope: Ambassador dashboard frontend only. UI/CSS-only; no business logic changes.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

body:has(.ygp-mobile-topbar),
body:has(.ygp-mobile-topbar) :where(.ygba-dashboard,.ygba-dashboard-root,.ygba-app-shell,.ygp-mobile-topbar,.ygp-drawer),
body:has(.ygp-mobile-topbar) :where(.ygba-dashboard,.ygba-dashboard-root,.ygba-app-shell,.ygp-mobile-topbar,.ygp-drawer) *,
body:has(.ygp-mobile-topbar) :where(.ygba-dashboard,.ygba-dashboard-root,.ygba-app-shell,.ygp-mobile-topbar,.ygp-drawer) *::before,
body:has(.ygp-mobile-topbar) :where(.ygba-dashboard,.ygba-dashboard-root,.ygba-app-shell,.ygp-mobile-topbar,.ygp-drawer) *::after{
  font-family:'Inter' !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}

.ygba-dashboard,
.ygba-dashboard-root,
.ygba-app-shell{
  --ygp-primary:#AE0862;
  --ygp-primary-2:#C9076E;
  --ygp-primary-3:#FF2C8B;
  --ygp-bg:#F6F3ED;
  --ygp-card:#FFFFFF;
  --ygp-text:#111827;
  --ygp-muted:#6B7280;
  --ygp-border:#ECE7E1;
  --ygp-success:#16A34A;
  --ygp-shadow:0 16px 42px rgba(17,24,39,.08);
}

body:has(.ygp-mobile-topbar) .ygba-app-shell,
body:has(.ygp-mobile-topbar) .ygba-dashboard{
  background:var(--ygp-bg) !important;
}

body:has(.ygp-mobile-topbar) .ygba-card,
body:has(.ygp-mobile-topbar) .ygba-new-card,
body:has(.ygp-mobile-topbar) .ygba-panel,
body:has(.ygp-mobile-topbar) .ygba-subcard,
body:has(.ygp-mobile-topbar) .ygba-table-wrap,
body:has(.ygp-mobile-topbar) .ygba-referral-link-card{
  background:#fff !important;
  border:1px solid var(--ygp-border) !important;
  border-radius:20px !important;
  box-shadow:var(--ygp-shadow) !important;
}

body:has(.ygp-mobile-topbar) .ygba-tabs{
  background:linear-gradient(180deg,var(--ygp-primary) 0%,var(--ygp-primary-2) 100%) !important;
  border-radius:0 !important;
}

body:has(.ygp-mobile-topbar) .ygba-tab{
  border-radius:14px !important;
  font-weight:800 !important;
  min-height:48px !important;
}

body:has(.ygp-mobile-topbar) .ygba-tab.is-active{
  background:var(--ygp-primary-3) !important;
  box-shadow:0 14px 28px rgba(83,0,46,.22) !important;
}

@media (max-width:900px){
  body:has(.ygp-mobile-topbar){
    background:var(--ygp-bg) !important;
  }
  body:has(.ygp-mobile-topbar) .ygba-app-shell{
    padding:0 12px calc(88px + env(safe-area-inset-bottom,0px)) !important;
    background:var(--ygp-bg) !important;
  }
  body:has(.ygp-mobile-topbar) .ygba-dashboard{
    display:block !important;
    background:var(--ygp-bg) !important;
    border-radius:0 !important;
    overflow:visible !important;
  }
  .ygp-mobile-topbar{
    height:68px !important;
    margin:0 -12px 14px !important;
    padding:0 16px !important;
    background:linear-gradient(135deg,#AE0862 0%,#C9076E 68%,#FF2C8B 120%) !important;
    box-shadow:0 14px 32px rgba(174,8,98,.22) !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
  }
  .ygp-hamburger{
    width:44px !important;
    height:44px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.14) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    font-size:23px !important;
    font-weight:900 !important;
  }
  .ygp-mobile-title strong{
    font-size:16px !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
  }
  .ygp-mobile-title span{
    font-size:9.5px !important;
    letter-spacing:3.4px !important;
    font-weight:900 !important;
  }
  .ygp-mobile-action{
    border-radius:14px !important;
    min-height:40px !important;
    padding:10px 12px !important;
    box-shadow:0 8px 20px rgba(255,255,255,.12) !important;
  }
  .ygp-overlay{
    background:rgba(17,24,39,.56) !important;
    backdrop-filter:blur(4px) !important;
    -webkit-backdrop-filter:blur(4px) !important;
  }
  .ygp-drawer{
    width:min(316px,88vw) !important;
    padding:26px 20px max(26px,env(safe-area-inset-bottom,0px)) !important;
    background:linear-gradient(180deg,#AE0862 0%,#C9076E 58%,#B00663 100%) !important;
    box-shadow:22px 0 54px rgba(17,24,39,.32) !important;
  }
  .ygp-drawer::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:radial-gradient(circle at 12% 5%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 92% 100%,rgba(255,44,139,.24),transparent 36%) !important;
    pointer-events:none !important;
  }
  .ygp-drawer > *{
    position:relative !important;
    z-index:1 !important;
  }
  .ygp-close{
    width:40px !important;
    height:40px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.12) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    font-size:25px !important;
  }
  .ygp-logo{
    font-size:26px !important;
    letter-spacing:-.04em !important;
    margin-bottom:4px !important;
  }
  .ygp-logo-sub{
    font-size:10px !important;
    letter-spacing:6px !important;
    margin-bottom:26px !important;
  }
  .ygp-profile{
    padding:16px !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.15) !important;
    border:1px solid rgba(255,255,255,.20) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 16px 30px rgba(81,0,42,.16) !important;
    margin-bottom:22px !important;
  }
  .ygp-avatar,
  .ygp-avatar img{
    width:52px !important;
    height:52px !important;
  }
  .ygp-profile h3{
    font-size:14.5px !important;
    letter-spacing:-.02em !important;
  }
  .ygp-badge{
    background:#16A34A !important;
    border:1px solid rgba(255,255,255,.24) !important;
    box-shadow:0 8px 16px rgba(22,163,74,.24) !important;
  }
  .ygp-menu{
    gap:9px !important;
  }
  .ygp-menu a{
    position:relative !important;
    min-height:50px !important;
    height:auto !important;
    padding:13px 16px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:850 !important;
    letter-spacing:-.01em !important;
  }
  .ygp-menu a::after{
    content:"›" !important;
    margin-left:auto !important;
    opacity:.72 !important;
    font-size:20px !important;
    line-height:1 !important;
  }
  .ygp-menu a:hover,
  .ygp-menu a:focus{
    background:rgba(255,255,255,.16) !important;
    border-color:rgba(255,255,255,.20) !important;
  }
  .ygp-menu a.active{
    background:#FF2C8B !important;
    border-color:rgba(255,255,255,.22) !important;
    box-shadow:0 14px 26px rgba(88,0,50,.20) !important;
  }
  .ygba-topbar{
    padding:8px 2px 16px !important;
    margin-bottom:4px !important;
  }
  .ygba-pagehead-kicker{
    font-size:13px !important;
    font-weight:800 !important;
    color:#7B2E59 !important;
  }
  .ygba-pagehead-title{
    font-size:25px !important;
    line-height:1.08 !important;
    letter-spacing:-.045em !important;
    color:#111827 !important;
  }
  .ygba-pagehead-sub{
    font-size:13.5px !important;
    line-height:1.5 !important;
    color:#6B7280 !important;
  }
  .ygba-new-overview,
  .ygba-dashboard-content{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .ygba-new-kpi-grid{
    gap:12px !important;
  }
  .ygba-new-kpi,
  .ygba-new-card,
  .ygba-card,
  .ygba-panel,
  .ygba-subcard{
    border-radius:20px !important;
  }
  .ygba-new-kpi{
    padding:18px !important;
  }
  .ygba-new-kpi-top span:last-child{
    font-size:13px !important;
    line-height:1.25 !important;
  }
  .ygba-new-kpi-value{
    font-size:24px !important;
    letter-spacing:-.04em !important;
  }
  .ygba-mobile-tabbar{
    display:none !important;
  }
}

@media (max-width:420px){
  .ygp-mobile-action{
    font-size:0 !important;
    width:42px !important;
    height:42px !important;
    padding:0 !important;
  }
  .ygp-mobile-action::before{
    content:"+" !important;
    font-size:22px !important;
    line-height:1 !important;
  }
  .ygp-mobile-title span{
    letter-spacing:2.5px !important;
  }
}

/* v8.21.49 — Premium Payouts UI rebuild */
.ygba-payouts-premium,
.ygba-payouts-premium *{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;box-sizing:border-box!important}
.ygba-payouts-premium{padding:24px 34px 38px!important;background:#f6f3ed!important;color:#171827!important;width:100%!important;max-width:none!important}
.ygp-pay-hero{margin:0 0 26px!important;max-width:760px!important}
.ygp-pay-hero h2{margin:0 0 12px!important;font-size:28px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-.04em!important;color:#27272a!important}
.ygp-pay-hero p{margin:0!important;font-size:15px!important;line-height:1.65!important;color:#687083!important;font-weight:500!important}
.ygp-pay-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(260px,.92fr)!important;gap:16px!important;margin:0 0 18px!important;align-items:stretch!important}
.ygp-pay-card,.ygp-pay-limits,.ygp-pay-validation,.ygp-pay-history{background:#fff!important;border:1px solid #e9e2dc!important;border-radius:10px!important;box-shadow:0 14px 34px rgba(24,28,42,.055)!important}
.ygp-pay-card{min-height:128px!important;padding:22px 18px!important;display:grid!important;grid-template-columns:54px 1fr!important;gap:18px!important;align-items:center!important}
.ygp-pay-icon{width:54px!important;height:54px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:26px!important;font-weight:900!important;box-shadow:0 12px 24px rgba(201,7,110,.18)!important;line-height:1!important}
.ygp-pay-icon-pink{background:#c9076e!important}.ygp-pay-icon-orange{background:#f59e0b!important}.ygp-pay-icon-purple{background:#7e1aa3!important}
.ygp-pay-card strong{display:block!important;font-size:14px!important;line-height:1.2!important;font-weight:800!important;color:#25242a!important;margin:0 0 10px!important}
.ygp-pay-card b{display:block!important;font-size:24px!important;line-height:1.1!important;font-weight:900!important;color:#c9076e!important;margin:0 0 8px!important;letter-spacing:-.03em!important}
.ygp-pay-card small{display:block!important;font-size:12px!important;line-height:1.45!important;color:#555b67!important;font-weight:600!important}
.ygp-pay-limits{padding:12px 20px!important;display:grid!important;align-content:center!important;min-height:128px!important}
.ygp-pay-limits>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:12px 0!important;border-bottom:1px solid #ece7e1!important;font-size:14px!important;color:#4b5563!important}
.ygp-pay-limits>div:last-child{border-bottom:0!important}.ygp-pay-limits strong{color:#27272a!important;font-weight:800!important}
.ygp-pay-validation{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;margin:18px 0!important;padding:26px 18px!important;overflow:hidden!important}
.ygp-pay-step{min-height:244px!important;text-align:center!important;padding:0 24px!important;border-right:1px solid #ece7e1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}
.ygp-pay-step:last-child{border-right:0!important}.ygp-pay-bigicon{width:62px!important;height:62px!important;border-radius:999px!important;background:#c9076e!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:31px!important;box-shadow:0 14px 25px rgba(201,7,110,.22)!important;margin:0 0 20px!important;line-height:1!important}
.ygp-pay-step strong{font-size:15px!important;line-height:1.35!important;font-weight:900!important;color:#27272a!important;margin:0 0 12px!important;min-height:40px!important;display:block!important}
.ygp-pay-step p{font-size:13.5px!important;line-height:1.65!important;color:#5e6574!important;margin:0!important;font-weight:500!important}.ygp-pay-step b{font-size:25px!important;color:#c9076e!important;letter-spacing:-.04em!important;margin:2px 0 12px!important;display:block!important;font-weight:900!important}
.ygp-pay-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:auto!important;background:#c9076e!important;color:#fff!important;border-radius:6px!important;padding:10px 18px!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 10px 20px rgba(201,7,110,.20)!important}.ygp-eligible{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:auto!important;background:#dcfce7!important;color:#13833c!important;border-radius:7px!important;padding:10px 22px!important;font-style:normal!important;font-weight:900!important;font-size:14px!important}
.ygp-pay-notice{display:grid!important;grid-template-columns:32px 1fr!important;gap:12px!important;align-items:start!important;background:#fff0f7!important;border:1px solid #f5cfe2!important;border-radius:8px!important;padding:18px 20px!important;margin:18px 0!important;color:#73304e!important}.ygp-pay-notice span{font-size:23px!important;color:#c9076e!important;line-height:1!important}.ygp-pay-notice p{margin:0!important;font-size:14px!important;line-height:1.55!important;color:#73304e!important;font-weight:600!important}
.ygp-pay-history{padding:20px!important;margin-top:0!important}.ygp-pay-history .ygba-section-title{font-size:19px!important;font-weight:900!important;margin:0 0 8px!important;color:#27272a!important}.ygp-pay-history .ygba-muted{font-size:13px!important;color:#626b7a!important;margin-bottom:16px!important}.ygp-pay-history .ygba-form{margin:20px 0!important}.ygp-pay-history .ygba-rowline{gap:26px!important}.ygp-pay-history .ygba-label{font-weight:700!important;color:#444!important}.ygp-pay-history .ygba-input{height:38px!important;border-radius:7px!important;border:1px solid #e0e0e0!important;box-shadow:none!important;background:#fff!important}.ygp-pay-history .ygba-btn-primary{background:#c9076e!important;border-color:#c9076e!important;border-radius:6px!important;font-weight:900!important}.ygp-pay-history .ygba-btn-ghost{border-radius:6px!important;background:#fff!important;color:#555!important;border:1px solid #cfcfcf!important}.ygp-pay-history .ygba-empty{min-height:98px!important;border:1px solid #e9e2dc!important;border-radius:8px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;color:#2b2b2b!important;font-weight:700!important;margin-top:12px!important}
@media(max-width:1320px){.ygp-pay-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ygp-pay-limits{grid-column:span 2!important}.ygp-pay-validation{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ygp-pay-step{border-right:0!important;border-bottom:1px solid #ece7e1!important;padding:24px!important}.ygp-pay-step:last-child{border-bottom:0!important}}
@media(max-width:760px){.ygba-payouts-premium{padding:18px 14px 90px!important}.ygp-pay-hero h2{font-size:24px!important}.ygp-pay-kpis,.ygp-pay-validation{grid-template-columns:1fr!important}.ygp-pay-limits{grid-column:auto!important}.ygp-pay-card{grid-template-columns:48px 1fr!important}.ygp-pay-icon{width:48px!important;height:48px!important}.ygp-pay-step{min-height:0!important;padding:22px 14px!important}.ygp-pay-history .ygba-rowline{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}}

/* v8.21.58 — My Network UI rebuild/polish from supplied layout */
.ygba-dashboard,.ygba-dashboard *,.ygba-ui,.ygba-ui *{font-family:'Inter',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;}
.ygba-dashboard:has(.ygba-network-hero),.ygba-ui:has(.ygba-network-hero){padding-left:32px!important;padding-top:24px!important;}
.ygba-network-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(520px,1.15fr)!important;gap:22px!important;align-items:start!important;margin:0 0 16px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.ygba-network-hero-copy{display:block!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.ygba-network-hero-copy .ygba-ui-kicker{display:block!important;font-size:26px!important;line-height:1.15!important;font-weight:800!important;color:#222!important;letter-spacing:-.04em!important;text-transform:none!important;margin:0 0 10px!important;}
.ygba-network-hero-copy .ygba-section-title{font-size:17px!important;line-height:1.2!important;color:#AE0862!important;margin:0 0 12px!important;font-weight:800!important;}
.ygba-network-hero-copy .ygba-muted{max-width:560px!important;font-size:13px!important;line-height:1.65!important;color:#4b5563!important;margin:0!important;}
.ygba-network-chip-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important;}
.ygba-network-chip{min-height:86px!important;display:grid!important;grid-template-columns:46px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:12px!important;padding:18px 20px!important;border-radius:6px!important;background:#fff!important;border:1px solid #ece7e1!important;box-shadow:0 8px 22px rgba(17,24,39,.05)!important;color:#111827!important;}
.ygba-network-chip:before{content:'👥';grid-row:1/3;width:44px;height:44px;border-radius:999px;background:#C9076E;color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 12px 26px rgba(201,7,110,.22)}
.ygba-network-chip:nth-child(2):before{content:'🕸️'}
.ygba-network-chip:nth-child(3):before{content:'🗓️'}
.ygba-network-chip strong{font-size:24px!important;line-height:1!important;color:#C9076E!important;font-weight:800!important;display:block!important;margin:0!important;}
.ygba-network-chip em{font-style:normal!important;font-size:12px!important;line-height:1.35!important;color:#30343b!important;font-weight:700!important;display:block!important;margin:2px 0 0!important;}
.ygba-network-hero-panel{grid-column:1/3!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.ygba-network-hero-panel-title,.ygba-network-hero-stat{background:#fff!important;border:1px solid #ece7e1!important;border-radius:8px!important;box-shadow:0 8px 22px rgba(17,24,39,.05)!important;padding:18px 22px!important;}
.ygba-network-hero-panel-title:before{content:'Network Overview';display:block;font-size:18px;font-weight:800;color:#111827;text-transform:none;letter-spacing:-.02em;margin-bottom:6px;}
.ygba-network-hero-panel-title{font-size:0!important;min-height:96px!important;}
.ygba-network-hero-panel-title:after{content:'Premium network visibility for your ambassador business.';font-size:13px;line-height:1.55;color:#4b5563;font-weight:500;text-transform:none;letter-spacing:0;}
.ygba-network-hero-stat strong{display:block!important;font-size:18px!important;color:#111827!important;margin:0 0 8px!important;}
.ygba-network-hero-stat span{display:block!important;color:#4b5563!important;font-size:13px!important;line-height:1.55!important;}
.ygba-network-hero-mini{grid-column:1/3!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin-top:-88px!important;max-width:52%!important;padding:0 0 0 24px!important;pointer-events:none!important;}
.ygba-network-hero-mini>div{border:0!important;border-left:1px solid #eee5de!important;background:transparent!important;border-radius:0!important;padding:0 26px!important;box-shadow:none!important;min-height:58px!important;display:grid!important;grid-template-columns:54px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;}
.ygba-network-hero-mini>div:before{content:'👥';grid-row:1/3;width:48px;height:48px;border-radius:999px;background:#fff1f7;color:#C9076E;display:grid;place-items:center;font-size:20px;}
.ygba-network-hero-mini>div:nth-child(2):before{content:'📊'}
.ygba-network-hero-mini span{font-size:12px!important;color:#30343b!important;font-weight:700!important;}
.ygba-network-hero-mini strong{font-size:22px!important;color:#C9076E!important;font-weight:800!important;}
.ygba-network-navcard{margin-top:16px!important;padding:0!important;border-radius:8px!important;box-shadow:0 8px 22px rgba(17,24,39,.05)!important;overflow:hidden!important;}
.ygba-network-navcard .ygba-subtabs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;padding:0 18px!important;border:0!important;background:#fff!important;}
.ygba-network-navcard .ygba-subtab{height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;color:#343a43!important;font-weight:700!important;}
.ygba-network-navcard .ygba-subtab.is-active{color:#AE0862!important;border-bottom-color:#C9076E!important;}
.ygba-network-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;padding:16px!important;margin-top:0!important;background:#fff!important;border:1px solid #ece7e1!important;border-top:0!important;border-radius:0 0 8px 8px!important;box-shadow:0 8px 22px rgba(17,24,39,.05)!important;}
.ygba-network-kpis .ygba-analytics-kpi{min-height:146px!important;padding:18px 16px!important;border-radius:8px!important;border:1px solid #ece7e1!important;box-shadow:none!important;background:#fff!important;position:relative!important;overflow:hidden!important;}
.ygba-network-kpis .ygba-analytics-kpi:before{content:'👥';width:42px;height:42px;border-radius:999px;border:1px solid #d00972;color:#d00972;background:#fff;display:grid;place-items:center;font-size:18px;margin-bottom:10px;}
.ygba-network-kpis .ygba-analytics-kpi:nth-child(2):before{content:'🕸️'}
.ygba-network-kpis .ygba-analytics-kpi:nth-child(3):before{content:'🛡️'}
.ygba-network-kpis .ygba-analytics-kpi:nth-child(4):before{content:'👤'}
.ygba-network-kpis .ygba-analytics-kpi:nth-child(5):before{content:'📈'}
.ygba-network-kpis .ygba-analytics-kpi:nth-child(6):before{content:'👥'}
.ygba-network-kpis .ygba-analytics-kpi:nth-child(7):before{content:'€'}
.ygba-network-kpis .ygba-analytics-kpi:nth-child(8):before{content:'◔'}
.ygba-network-kpis .ygba-kpi-label{font-size:13px!important;color:#222!important;font-weight:800!important;line-height:1.25!important;margin:0 0 8px!important;}
.ygba-network-kpis .ygba-kpi-value{font-size:24px!important;line-height:1!important;color:#C9076E!important;font-weight:800!important;margin:0 0 12px!important;}
.ygba-network-kpis .ygba-kpi-note{font-size:11.5px!important;line-height:1.5!important;color:#4b5563!important;}
.ygba-grid.two-col{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(360px,.95fr)!important;gap:16px!important;margin-top:16px!important;}
.ygba-grid.two-col>.ygba-card{border-radius:8px!important;border:1px solid #ece7e1!important;box-shadow:0 8px 22px rgba(17,24,39,.05)!important;background:#fff!important;padding:18px!important;}
.ygba-growth-chart{min-height:170px!important;background:linear-gradient(#fff,#fff),repeating-linear-gradient(to bottom,transparent,transparent 43px,#e9edf2 44px)!important;border-radius:8px!important;padding:14px 0!important;}
.ygba-growth-row{display:grid!important;grid-template-columns:80px 1fr!important;align-items:center!important;gap:10px!important;margin:10px 0!important;}
.ygba-growth-bar span{background:#C9076E!important;min-width:6px!important;}
.ygba-growth-bar.is-gold span{background:#6b7280!important;}
.ygba-list-stack:empty,.ygba-card .ygba-muted:only-child{min-height:144px;display:grid;place-items:center;text-align:center;background:#fff;border:1px solid #ece7e1;border-radius:8px;}
@media(max-width:1280px){.ygba-network-hero{grid-template-columns:1fr!important}.ygba-network-hero-panel{grid-column:auto!important}.ygba-network-chip-row{margin-top:16px!important}.ygba-network-hero-mini{margin:0!important;max-width:none!important;padding:0!important}.ygba-network-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ygba-grid.two-col{grid-template-columns:1fr!important}}
@media(max-width:900px){.ygba-dashboard:has(.ygba-network-hero),.ygba-ui:has(.ygba-network-hero){padding:18px 14px 96px!important}.ygba-network-chip-row,.ygba-network-hero-panel,.ygba-network-hero-mini,.ygba-network-kpis{grid-template-columns:1fr!important}.ygba-network-navcard .ygba-subtabs{display:flex!important;overflow-x:auto!important;justify-content:flex-start!important}.ygba-network-navcard .ygba-subtab{min-width:max-content!important;padding:0 20px!important}.ygba-network-hero-copy .ygba-ui-kicker{font-size:23px!important}}

/* v8.21.59 — My Network final hard implementation from supplied design */
.ygba-dashboard:has(.ygba-network-page-new),
.ygba-ui:has(.ygba-network-page-new){
  padding:26px 30px 36px 44px!important;
  background:#f6f3ed!important;
}
.ygba-network-page-new,
.ygba-network-page-new *{
  font-family:'Inter',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  box-sizing:border-box!important;
}
.ygba-network-page-new{width:100%!important;max-width:1180px!important;margin:0!important;color:#222!important;}
.ygba-network-topline{display:grid!important;grid-template-columns:minmax(0,1.25fr) 1fr!important;gap:24px!important;align-items:start!important;margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.ygba-network-heading h1{font-size:28px!important;line-height:1.1!important;margin:0 0 16px!important;font-weight:800!important;color:#232323!important;letter-spacing:-.04em!important;}
.ygba-network-heading h2{font-size:17px!important;line-height:1.2!important;margin:0 0 14px!important;color:#AE0862!important;font-weight:800!important;}
.ygba-network-heading p{max-width:620px!important;margin:0!important;font-size:13.5px!important;line-height:1.65!important;color:#4b5563!important;font-weight:500!important;}
.ygba-network-topcards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important;}
.ygba-network-topcard{min-height:112px!important;background:#fff!important;border:1px solid #e8e1da!important;border-radius:6px!important;box-shadow:0 10px 24px rgba(17,24,39,.055)!important;padding:20px 18px!important;display:grid!important;grid-template-columns:48px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:14px!important;}
.ygba-network-topcard .ygba-net-icon{grid-row:1/3!important;width:46px!important;height:46px!important;border-radius:999px!important;background:#C9076E!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:21px!important;line-height:1!important;box-shadow:0 12px 26px rgba(201,7,110,.22)!important;}
.ygba-network-topcard strong{font-size:25px!important;line-height:1!important;color:#C9076E!important;font-weight:800!important;margin:0!important;display:block!important;}
.ygba-network-topcard em{font-style:normal!important;font-size:12px!important;line-height:1.35!important;color:#2f3338!important;font-weight:700!important;margin:2px 0 0!important;display:block!important;}
.ygba-network-status-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;margin:0 0 18px!important;}
.ygba-network-overview-card,.ygba-network-sync-card{background:#fff!important;border:1px solid #e8e1da!important;border-radius:6px!important;box-shadow:0 10px 24px rgba(17,24,39,.055)!important;padding:18px 20px!important;min-height:172px!important;}
.ygba-network-overview-card h3,.ygba-network-sync-card h3{font-size:18px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.02em!important;color:#222!important;margin:0 0 8px!important;}
.ygba-network-overview-card p,.ygba-network-sync-card p{font-size:12.5px!important;line-height:1.55!important;color:#4b5563!important;margin:0 0 20px!important;max-width:500px!important;}
.ygba-network-overview-metrics{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin-top:10px!important;}
.ygba-network-overview-metrics>div{display:grid!important;grid-template-columns:54px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;gap:0 12px!important;min-height:70px!important;padding:6px 18px!important;border-right:1px solid #ece7e1!important;}
.ygba-network-overview-metrics>div:last-child{border-right:0!important;}
.ygba-soft-icon{grid-row:1/3!important;width:48px!important;height:48px!important;border-radius:999px!important;background:#fff1f7!important;color:#C9076E!important;display:grid!important;place-items:center!important;font-size:20px!important;}
.ygba-network-overview-metrics label{font-size:12px!important;color:#333!important;font-weight:700!important;margin:0!important;line-height:1.25!important;}
.ygba-network-overview-metrics strong{font-size:22px!important;line-height:1!important;color:#C9076E!important;font-weight:800!important;margin:4px 0 0!important;}
.ygba-network-sync-card .ygba-rowline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 16px!important;padding:0!important;}
.ygba-live-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:5px!important;background:#dff7e7!important;color:#0a8f45!important;font-size:11px!important;font-weight:800!important;padding:7px 10px!important;white-space:nowrap!important;}
.ygba-sync-counts{display:flex!important;align-items:center!important;gap:14px!important;font-size:13px!important;font-weight:800!important;}
.ygba-sync-counts .is-good{color:#16a34a!important;}
.ygba-sync-counts .is-warn{color:#b45309!important;border-left:1px solid #eadfd6!important;padding-left:14px!important;}
.ygba-network-page-new .ygba-network-navcard{margin:0 0 0!important;padding:0!important;border-radius:6px 6px 0 0!important;background:#fff!important;border:1px solid #e8e1da!important;border-bottom:0!important;box-shadow:0 10px 24px rgba(17,24,39,.055)!important;overflow:hidden!important;}
.ygba-network-page-new .ygba-network-navcard .ygba-subtabs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;background:#fff!important;padding:0 16px!important;border:0!important;}
.ygba-network-page-new .ygba-network-navcard .ygba-subtab{height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-bottom:3px solid transparent!important;background:transparent!important;border-radius:0!important;color:#333!important;font-size:13px!important;font-weight:700!important;}
.ygba-network-page-new .ygba-network-navcard .ygba-subtab.is-active{color:#AE0862!important;border-bottom-color:#C9076E!important;}
.ygba-network-page-new .ygba-network-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:0 0 18px!important;padding:16px!important;background:#fff!important;border:1px solid #e8e1da!important;border-top:0!important;border-radius:0 0 6px 6px!important;box-shadow:0 10px 24px rgba(17,24,39,.055)!important;}
.ygba-network-page-new .ygba-network-kpis .ygba-analytics-kpi{min-height:150px!important;background:#fff!important;border:1px solid #e8e1da!important;border-radius:8px!important;box-shadow:none!important;padding:18px 16px!important;}
.ygba-network-page-new .ygba-network-kpis .ygba-analytics-kpi:before{content:'👥';width:42px!important;height:42px!important;border-radius:999px!important;border:1px solid #C9076E!important;color:#C9076E!important;background:#fff!important;display:grid!important;place-items:center!important;font-size:18px!important;margin:0 0 10px!important;}
.ygba-network-page-new .ygba-network-kpis .ygba-analytics-kpi:nth-child(2):before{content:'🕸️';}
.ygba-network-page-new .ygba-network-kpis .ygba-analytics-kpi:nth-child(3):before{content:'🛡️';}
.ygba-network-page-new .ygba-network-kpis .ygba-analytics-kpi:nth-child(4):before{content:'👤';}
.ygba-network-page-new .ygba-network-kpis .ygba-analytics-kpi:nth-child(5):before{content:'📈';}
.ygba-network-page-new .ygba-network-kpis .ygba-analytics-kpi:nth-child(6):before{content:'👥';}
.ygba-network-page-new .ygba-network-kpis .ygba-analytics-kpi:nth-child(7):before{content:'€';}
.ygba-network-page-new .ygba-network-kpis .ygba-analytics-kpi:nth-child(8):before{content:'◔';}
.ygba-network-page-new .ygba-kpi-label{font-size:12.5px!important;line-height:1.3!important;color:#222!important;font-weight:800!important;margin:0 0 8px!important;}
.ygba-network-page-new .ygba-kpi-value{font-size:23px!important;line-height:1!important;color:#C9076E!important;font-weight:800!important;margin:0 0 12px!important;}
.ygba-network-page-new .ygba-kpi-note{font-size:11.5px!important;line-height:1.5!important;color:#4b5563!important;margin:0!important;}
.ygba-network-page-new .ygba-grid.two-col{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(360px,.95fr)!important;gap:16px!important;margin-top:16px!important;}
.ygba-network-page-new .ygba-grid.two-col>.ygba-card{background:#fff!important;border:1px solid #e8e1da!important;border-radius:6px!important;box-shadow:0 10px 24px rgba(17,24,39,.055)!important;padding:18px!important;}
.ygba-network-page-new .ygba-section-title{font-size:18px!important;font-weight:800!important;letter-spacing:-.02em!important;color:#222!important;margin:0 0 8px!important;}
.ygba-network-page-new .ygba-muted{font-size:12.5px!important;line-height:1.55!important;color:#4b5563!important;}
.ygba-network-page-new .ygba-list-stack:empty,
.ygba-network-page-new .ygba-card .ygba-muted:only-child{min-height:144px!important;display:grid!important;place-items:center!important;text-align:center!important;background:#fff!important;border:1px solid #e8e1da!important;border-radius:6px!important;}
.ygba-network-page-new .ygba-growth-chart{min-height:180px!important;background:#fff!important;border-radius:6px!important;}
.ygba-network-page-new .ygba-growth-bar span{background:#C9076E!important;}
.ygba-network-page-new .ygba-growth-bar.is-gold span{background:#6b7280!important;}
@media(max-width:1280px){
  .ygba-network-topline,.ygba-network-status-row{grid-template-columns:1fr!important;}
  .ygba-network-page-new .ygba-network-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .ygba-network-page-new .ygba-grid.two-col{grid-template-columns:1fr!important;}
}
@media(max-width:900px){
  .ygba-dashboard:has(.ygba-network-page-new),.ygba-ui:has(.ygba-network-page-new){padding:18px 14px 96px!important;}
  .ygba-network-topcards,.ygba-network-overview-metrics,.ygba-network-page-new .ygba-network-kpis{grid-template-columns:1fr!important;}
  .ygba-network-overview-metrics>div{border-right:0!important;border-bottom:1px solid #ece7e1!important;}
  .ygba-network-overview-metrics>div:last-child{border-bottom:0!important;}
  .ygba-network-page-new .ygba-network-navcard .ygba-subtabs{display:flex!important;overflow-x:auto!important;justify-content:flex-start!important;}
  .ygba-network-page-new .ygba-network-navcard .ygba-subtab{min-width:max-content!important;padding:0 20px!important;}
  .ygba-network-heading h1{font-size:24px!important;}
}

/* v8.21.69 Account Center Settings UI rebuild - Inter only */
.ygba-settings-v2,
.ygba-settings-v2 *{
  box-sizing:border-box;
  font-family:'Inter', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
.ygba-settings-v2{padding:28px 30px 44px 34px;background:#f6f3ed;color:#111827;}
.ygba-settings-head{margin-bottom:18px;}
.ygba-settings-head h1{margin:0 0 8px;font-size:30px;line-height:1.12;font-weight:800;letter-spacing:-.04em;color:#222;}
.ygba-settings-head p{margin:0;max-width:650px;font-size:14px;line-height:1.6;color:#6b7280;font-weight:500;}
.ygba-settings-summary-grid{display:grid;grid-template-columns:1.05fr .95fr 1.85fr;gap:16px;margin-bottom:16px;align-items:stretch;}
.ygba-settings-summary-card,.ygba-settings-wide-card,.ygba-settings-panel{background:#fff;border:1px solid #e7ded5;border-radius:16px;box-shadow:0 10px 26px rgba(17,24,39,.045);}
.ygba-settings-summary-card{min-height:126px;padding:20px;display:flex;align-items:center;gap:18px;}
.ygba-settings-summary-card strong{display:block;font-size:14px;font-weight:800;color:#111827;margin-bottom:6px;}
.ygba-settings-summary-card span{display:block;font-size:12px;font-weight:800;color:#6b7280;}
.ygba-settings-summary-card small{display:block;margin-top:7px;font-size:11px;color:#6b7280;font-weight:600;}
.ygba-settings-ring{width:74px;height:74px;flex:0 0 74px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(#d10570 calc(var(--pct) * 1%),#eee9e3 0);position:relative;}
.ygba-settings-ring:before{content:"";position:absolute;inset:8px;border-radius:999px;background:#fff;}
.ygba-settings-ring span{position:relative;color:#d10570!important;font-size:22px!important;font-weight:900!important;}
.ygba-settings-icon{width:72px;height:72px;border-radius:999px;display:grid;place-items:center;background:#fde6f1;color:#c9076e;font-size:33px;box-shadow:0 14px 28px rgba(201,7,110,.12);flex:0 0 72px;}
.ygba-settings-icon.soft{background:#fde6f1;}
.ygba-settings-icon.line{background:#fde6f1;border:1px solid #f5c3db;color:#c9076e;}
.ygba-settings-icon.amber{background:#fff1dc;color:#d88400;border:1px solid #ffdca3;}
.ygba-settings-overview-card{display:block;padding:18px 20px;}
.ygba-settings-overview-card>strong{margin-bottom:12px;}
.ygba-settings-overview-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:8px 0;border-top:1px solid #f0e8e0;font-size:12px;}
.ygba-settings-overview-row:first-of-type{border-top:0;}
.ygba-settings-overview-row span{color:#374151;font-weight:700;display:block;}
.ygba-settings-overview-row b{font-size:11px;color:#111827;font-weight:800;text-align:right;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ygba-settings-v2 .is-alert{color:#d10570!important;}
.ygba-settings-v2 .is-good{color:#16a34a!important;}
.ygba-settings-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;}
.ygba-settings-wide-card{min-height:130px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.ygba-settings-wide-card strong{font-size:14px;font-weight:800;color:#111827;}
.ygba-settings-wide-card h3{margin:12px 0 8px;font-size:32px;line-height:1;font-weight:900;color:#d10570;letter-spacing:-.04em;}
.ygba-settings-wide-card p{margin:0;font-size:12px;line-height:1.55;color:#6b7280;font-weight:500;max-width:420px;}
.ygba-settings-panel{padding:24px;margin-bottom:20px;}
.ygba-settings-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px;}
.ygba-settings-panel-head h2{margin:0 0 6px;font-size:20px;line-height:1.15;font-weight:900;letter-spacing:-.03em;color:#111827;}
.ygba-settings-panel-head p{margin:0;color:#6b7280;font-size:13px;font-weight:500;line-height:1.55;}
.ygba-settings-panel-head>span{border-radius:999px;background:#fde6f1;color:#c9076e;padding:7px 11px;font-size:11px;font-weight:900;}
.ygba-settings-identity-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px;align-items:start;}
.ygba-settings-photo-box{border-right:1px solid #eee5dd;padding-right:24px;display:grid;gap:10px;align-content:start;}
.ygba-settings-photo-box label,.ygba-settings-form-grid label,.ygba-settings-bank-form label{font-size:12px;font-weight:800;color:#111827;margin-bottom:6px;display:block;}
.ygba-settings-photo-box small{font-size:11px;color:#6b7280;font-weight:700;}
.ygba-settings-photo-box img{width:108px;height:108px;border-radius:999px;object-fit:cover;border:6px solid #f9eef4;box-shadow:0 12px 26px rgba(17,24,39,.1);}
.ygba-settings-mini-form{display:grid;gap:8px;margin:0;}
.ygba-settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin:0;}
.ygba-settings-form-grid .ygba-input,.ygba-settings-bank-form .ygba-input,.ygba-settings-mini-form .ygba-input{width:100%;border:1px solid #e5ded6;border-radius:8px;background:#fff;color:#111827;min-height:42px;padding:10px 12px;font-size:13px;font-weight:500;box-shadow:none;outline:none;}
.ygba-settings-form-grid textarea.ygba-input{min-height:96px;resize:vertical;}
.ygba-settings-form-actions{grid-column:1/-1;margin-top:2px;}
.ygba-settings-v2 .ygba-btn{border-radius:8px;min-height:38px;padding:10px 16px;border:1px solid transparent;font-size:12px;font-weight:900;line-height:1;cursor:pointer;}
.ygba-settings-v2 .ygba-btn-primary,.ygba-settings-v2 .ygba-btn-success{background:linear-gradient(135deg,#ae0862,#d10570)!important;color:#fff!important;box-shadow:0 10px 20px rgba(201,7,110,.22)!important;}
.ygba-settings-v2 .ygba-btn-ghost{background:#fff!important;color:#c9076e!important;border-color:#d10570!important;box-shadow:none!important;}
.ygba-settings-payout-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:0;border:1px solid #eee5dd;border-radius:14px;overflow:hidden;background:#fff;}
.ygba-settings-subpanel{padding:20px;border-right:1px solid #eee5dd;min-height:280px;}
.ygba-settings-subpanel:last-child{border-right:0;}
.ygba-settings-subpanel h3{margin:0 0 14px;font-size:14px;font-weight:900;color:#111827;}
.ygba-settings-subpanel small{display:block;margin-bottom:8px;color:#6b7280;font-size:11px;font-weight:700;}
.ygba-bank-choice{display:flex;align-items:center;gap:10px;border:1px solid #f5b8d7;background:#fff6fa;border-radius:10px;padding:12px;margin:8px 0 12px;color:#111827;}
.ygba-bank-choice span{color:#c9076e;font-size:14px;font-weight:900;}
.ygba-bank-choice strong{font-size:13px;font-weight:900;}
.ygba-bank-choice em{margin-left:auto;background:#fde6f1;color:#c9076e;border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:900;}
.ygba-settings-note{border:1px solid #f6c9dd;background:#fff0f7;border-radius:10px;padding:12px;font-size:11px;line-height:1.55;color:#6b7280;font-weight:600;margin:0;}
.ygba-settings-checklist ul{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:16px;}
.ygba-settings-checklist li{font-size:12px;color:#6b7280;font-weight:700;display:flex;align-items:center;gap:10px;}
.ygba-settings-checklist li:before{content:"";width:15px;height:15px;border-radius:999px;border:1px solid #d1d5db;display:inline-block;flex:0 0 auto;}
.ygba-settings-checklist li.is-done:before{background:#16a34a;border-color:#16a34a;box-shadow:inset 0 0 0 4px #fff;}
.ygba-settings-bank-form{display:grid;gap:9px;margin:0;}
.ygba-settings-bank-form button{margin-top:8px;justify-self:start;}
@media(max-width:1180px){.ygba-settings-summary-grid{grid-template-columns:1fr 1fr}.ygba-settings-overview-card{grid-column:1/-1}.ygba-settings-payout-grid{grid-template-columns:1fr}.ygba-settings-subpanel{border-right:0;border-bottom:1px solid #eee5dd}.ygba-settings-subpanel:last-child{border-bottom:0}}
@media(max-width:860px){.ygba-settings-v2{padding:20px 14px 94px}.ygba-settings-summary-grid,.ygba-settings-progress-grid,.ygba-settings-identity-grid,.ygba-settings-form-grid{grid-template-columns:1fr}.ygba-settings-photo-box{border-right:0;border-bottom:1px solid #eee5dd;padding-right:0;padding-bottom:18px}.ygba-settings-panel{padding:18px;border-radius:14px}.ygba-settings-head h1{font-size:26px}.ygba-settings-panel-head{display:grid}}

/* =========================================================
   v8.21.73 Ambassador Dashboard Typography Polish
   Force Inter and SaaS-grade card typography across all tabs.
========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
:root{--yg-font:"Inter",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;}
.ygba-dashboard,.ygba-dashboard *, .ygba-app-shell,.ygba-app-shell *, .ygba-ui,.ygba-ui *, .ygba-new-overview,.ygba-new-overview *, .ygba-earnings-exact,.ygba-earnings-exact *, .ygba-payout-page-v51,.ygba-payout-page-v51 *, .ygba-marketing-page-new,.ygba-marketing-page-new *, .ygba-reports-page-new,.ygba-reports-page-new *, .ygba-network-page-new,.ygba-network-page-new *, .ygba-referrals-page-new,.ygba-referrals-page-new *, .ygba-settings-page-new,.ygba-settings-page-new *{font-family:"Inter",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ygba-dashboard h1,.ygba-dashboard h2,.ygba-dashboard h3,.ygba-dashboard h4,.ygba-app-shell h1,.ygba-app-shell h2,.ygba-app-shell h3,.ygba-app-shell h4{font-family:"Inter",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;color:#0f172a!important;letter-spacing:-.035em!important;line-height:1.12!important;}
.ygba-pagehead-title,.ygba-pagehead-kicker,.ygba-dashboard .ygba-card-title,.ygba-section-title h2,.ygba-new-card-head h2,.ygba-settings-title,.ygba-referrals-title{font-weight:800!important;}
.ygba-kpi-label,.ygba-new-kpi-top span:last-child,.ygba-analytics-kpi .ygba-kpi-label,.ygba-settings-card-title,.ygba-referrals-card-title{font-size:15px!important;line-height:1.22!important;font-weight:800!important;color:#0f172a!important;letter-spacing:-.025em!important;}
.ygba-kpi-value,.ygba-new-kpi-value,.ygba-analytics-kpi .ygba-kpi-value,.ygba-settings-metric-value,.ygba-referrals-metric-value{font-size:31px!important;line-height:1!important;font-weight:900!important;color:#d10070!important;letter-spacing:-.045em!important;}
.ygba-kpi-note,.ygba-new-muted,.ygba-card-sub,.ygba-settings-card-note,.ygba-referrals-card-note{font-size:14px!important;line-height:1.48!important;font-weight:500!important;color:#334155!important;}
.ygba-card,.ygba-new-card,.ygba-analytics-kpi,.ygba-settings-card,.ygba-referrals-card{border-radius:16px!important;}
.ygba-dashboard strong,.ygba-app-shell strong{font-weight:800!important;}
.ygba-dashboard input,.ygba-dashboard select,.ygba-dashboard textarea,.ygba-dashboard button,.ygba-dashboard table,.ygba-dashboard th,.ygba-dashboard td,.ygba-app-shell input,.ygba-app-shell select,.ygba-app-shell textarea,.ygba-app-shell button,.ygba-app-shell table,.ygba-app-shell th,.ygba-app-shell td{font-family:"Inter",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;}


/* =========================================================
   v8.21.75 — Desktop Close Icon Safe Visibility Patch
   Keeps the sidebar close button in the DOM for mobile drawer JS,
   but prevents it from rendering in desktop/static sidebar view.
========================================================= */
.ygba-sidebar-close{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

@media (min-width: 992px){
  html body.ygba-dashboard-body .ygba-sidebar-close,
  html body .ygba-app-shell .ygba-sidebar-close,
  html body .ygba-dashboard .ygba-sidebar-close,
  html body .ygba-tabs .ygba-sidebar-close{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

@media (max-width: 991px){
  html body.ygba-dashboard-body.ygba-sidebar-open .ygba-sidebar-close,
  html body.ygba-dashboard-body.ygba-sidebar-open .ygba-app-shell .ygba-sidebar-close,
  html body .ygba-app-shell.is-sidebar-open .ygba-sidebar-close{
    display:inline-flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

/* =========================================================
   v8.21.78 - Safe Desktop Sidebar Close Button Guard
   Hide the sidebar close button unless the mobile drawer is actively open.
========================================================= */
html body .ygba-app-shell .ygba-tabs .ygba-sidebar-close,
html body.ygba-dashboard-body .ygba-app-shell .ygba-tabs .ygba-sidebar-close,
html body.ygba-dashboard-body:not(.ygba-sidebar-open) .ygba-app-shell .ygba-tabs .ygba-sidebar-close{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media (min-width: 768px){
  html body .ygba-app-shell .ygba-tabs .ygba-sidebar-close,
  html body.ygba-dashboard-body .ygba-app-shell .ygba-tabs .ygba-sidebar-close,
  html body.ygba-dashboard-body.ygba-sidebar-open .ygba-app-shell .ygba-tabs .ygba-sidebar-close{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}

@media (max-width: 767px){
  html body.ygba-dashboard-body.ygba-sidebar-open .ygba-app-shell .ygba-tabs .ygba-sidebar-close{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

/* =========================================================
   v8.21.79 — Mobile Drawer Header + Profile Contrast Polish
   UI-only patch: keeps desktop sidebar stable, improves mobile drawer.
========================================================= */
@media (max-width: 767px){
  /* Give the drawer logo safe breathing room so YoungGo Ambassador is not clipped. */
  html body.ygba-dashboard-body .ygba-app-shell .ygba-tabs{
    padding-top:34px !important;
    padding-left:20px !important;
    padding-right:20px !important;
    width:min(88vw,360px) !important;
    max-width:min(88vw,360px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  html body.ygba-dashboard-body .ygba-app-shell .ygba-tabs::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
  }

  /* Keep the brand fully visible and readable in the drawer. */
  html body.ygba-dashboard-body .ygba-app-shell .ygba-sidebar-brand{
    padding:4px 6px 22px 6px !important;
    min-height:70px !important;
    align-items:flex-start !important;
    overflow:visible !important;
  }
  html body.ygba-dashboard-body .ygba-app-shell .ygba-sidebar-brand-mark{
    display:block !important;
    color:#ffffff !important;
    font-size:25px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:-.035em !important;
    white-space:normal !important;
    overflow:visible !important;
    text-transform:none !important;
  }
  html body.ygba-dashboard-body .ygba-app-shell .ygba-sidebar-brand-mark span{
    display:block !important;
    color:#ffffff !important;
    margin-top:7px !important;
    font-size:11px !important;
    line-height:1.1 !important;
    letter-spacing:.44em !important;
    text-transform:uppercase !important;
    opacity:.92 !important;
    white-space:normal !important;
  }

  /* Profile name/star text must stay white on the pink mobile drawer. */
  html body.ygba-dashboard-body .ygba-app-shell .ygba-sidebar-profile-name,
  html body.ygba-dashboard-body .ygba-app-shell .ygba-sidebar-profile-meta,
  html body.ygba-dashboard-body .ygba-app-shell .ygba-sidebar-profile-copy,
  html body.ygba-dashboard-body .ygba-app-shell .ygba-sidebar-profile-copy *{
    color:#ffffff !important;
  }
  html body.ygba-dashboard-body .ygba-app-shell .ygba-sidebar-profile-name{
    font-weight:900 !important;
  }
  html body.ygba-dashboard-body .ygba-app-shell .ygba-sidebar-profile-meta{
    opacity:.94 !important;
    font-weight:700 !important;
  }

  /* Smoother drawer + cleaner touch menu cards. */
  html body.ygba-dashboard-body .ygba-app-shell .ygba-tabs{
    transition:transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s cubic-bezier(.2,.8,.2,1) !important;
  }
  html body.ygba-dashboard-body .ygba-app-shell .ygba-tab{
    min-height:64px !important;
    padding:0 20px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#ffffff !important;
  }
  html body.ygba-dashboard-body .ygba-app-shell .ygba-tab:hover,
  html body.ygba-dashboard-body .ygba-app-shell .ygba-tab.is-active{
    background:rgba(255,255,255,.18) !important;
    color:#ffffff !important;
  }
  html body.ygba-dashboard-body .ygba-app-shell .ygba-tab-label,
  html body.ygba-dashboard-body .ygba-app-shell .ygba-tab-icon{
    color:#ffffff !important;
  }

  /* Keep the close button only for the active mobile drawer and place it safely. */
  html body.ygba-dashboard-body.ygba-sidebar-open .ygba-app-shell .ygba-tabs .ygba-sidebar-close{
    position:absolute !important;
    top:18px !important;
    right:18px !important;
    width:40px !important;
    height:40px !important;
    border-radius:14px !important;
    background:#ffffff !important;
    color:#ae0862 !important;
    box-shadow:0 10px 24px rgba(15,23,42,.16) !important;
  }
}

@media (max-width: 380px){
  html body.ygba-dashboard-body .ygba-app-shell .ygba-sidebar-brand-mark{
    font-size:23px !important;
  }
  html body.ygba-dashboard-body .ygba-app-shell .ygba-sidebar-brand-mark span{
    letter-spacing:.34em !important;
  }
}

/* =========================================================
   v8.21.80 — Mobile Sidebar Final Polish + Premium Dashboard Responsive UI
   Safe CSS-only patch. Keeps PHP/JS/business logic untouched.
========================================================= */
@media (max-width: 900px){
  html body .ygp-drawer{width:min(340px,88vw)!important;max-width:88vw!important;min-width:300px!important;padding:42px 22px max(28px,env(safe-area-inset-bottom,0px)) 22px!important;background:linear-gradient(180deg,#AE0862 0%,#C9076E 58%,#B00663 100%)!important;color:#fff!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;}
  html body .ygp-drawer::-webkit-scrollbar{width:0!important;height:0!important;}
  html body .ygp-drawer .ygp-logo{display:block!important;color:#fff!important;font-size:28px!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.035em!important;margin:0 54px 7px 0!important;padding:0!important;white-space:normal!important;overflow:visible!important;text-transform:none!important;}
  html body .ygp-drawer .ygp-logo-sub{display:block!important;color:#fff!important;font-size:11px!important;line-height:1.15!important;letter-spacing:.50em!important;font-weight:900!important;text-transform:uppercase!important;opacity:.96!important;margin:0 0 30px 0!important;padding:0!important;white-space:normal!important;overflow:visible!important;}
  html body .ygp-drawer .ygp-profile,html body .ygp-drawer .ygp-profile *,html body .ygp-drawer .ygp-profile h3,html body .ygp-drawer .ygp-profile small{color:#fff!important;}
  html body .ygp-drawer .ygp-profile h3{font-size:15.5px!important;line-height:1.18!important;font-weight:900!important;letter-spacing:-.02em!important;margin:0!important;}
  html body .ygp-drawer .ygp-profile small{display:block!important;margin:4px 0 9px 0!important;font-size:12px!important;line-height:1.2!important;font-weight:700!important;opacity:.96!important;}
  html body .ygp-drawer .ygp-profile{background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:24px!important;padding:18px!important;gap:15px!important;margin-bottom:24px!important;}
  html body .ygp-drawer .ygp-badge{color:#fff!important;background:#16A34A!important;border:1px solid rgba(255,255,255,.24)!important;}
  html body .ygp-drawer .ygp-menu{gap:10px!important;padding-bottom:20px!important;}
  html body .ygp-drawer .ygp-menu a{min-height:56px!important;height:auto!important;padding:15px 18px!important;border-radius:17px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;font-size:15px!important;line-height:1.2!important;font-weight:850!important;text-decoration:none!important;}
  html body .ygp-drawer .ygp-menu a:hover,html body .ygp-drawer .ygp-menu a:focus{background:rgba(255,255,255,.17)!important;border-color:rgba(255,255,255,.22)!important;}
  html body .ygp-drawer .ygp-menu a.active{background:#FF2C8B!important;border-color:rgba(255,255,255,.24)!important;box-shadow:0 14px 26px rgba(88,0,50,.20)!important;}
  html body .ygp-drawer .ygp-close{top:18px!important;right:18px!important;width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;}
}
@media (max-width: 380px){html body .ygp-drawer{width:88vw!important;min-width:0!important;padding-left:18px!important;padding-right:18px!important;}html body .ygp-drawer .ygp-logo{font-size:26px!important;}html body .ygp-drawer .ygp-logo-sub{letter-spacing:.38em!important;font-size:10px!important;}}
.ygba-dashboard,.ygba-app-shell{max-width:100%!important;}.ygba-dashboard :where(table){max-width:100%!important;}.ygba-dashboard :where(.ygba-table-wrap,.ygba-table-shell,.ygba-ledger-table-wrap,.ygba-responsive-table,.ygba-card:has(table)){overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}.ygba-dashboard :where(.ygba-table-wrap,.ygba-table-shell,.ygba-ledger-table-wrap,.ygba-responsive-table,.ygba-card:has(table)) table{min-width:720px!important;}
@media (max-width:1180px){.ygba-new-kpi-grid,.ygba-kpi-grid,.ygba-dashboard .ygba-stats-grid,.ygba-dashboard .ygba-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media (max-width:640px){.ygba-new-kpi-grid,.ygba-kpi-grid,.ygba-dashboard .ygba-stats-grid,.ygba-dashboard .ygba-metric-grid,.ygba-dashboard .ygba-grid-2,.ygba-dashboard .ygba-grid-3{grid-template-columns:1fr!important;}.ygba-dashboard :where(.ygba-card,.ygba-new-card,.ygba-settings-card,.ygba-referrals-card,.ygba-analytics-kpi){border-radius:18px!important;}}
@media (min-width:901px){html body .ygba-app-shell .ygba-tabs .ygba-sidebar-close,html body.ygba-dashboard-body .ygba-app-shell .ygba-tabs .ygba-sidebar-close,html body .ygba-tabs .ygba-sidebar-close{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}}

/* v8.21.84 — Register Form Theme Isolation / Dark Border Removal
   Scope: ambassador auth/register screens only. Does not touch referral tracking, OTP, checkout, commissions, or dashboard logic. */
.ygba-auth-shell,
.ygba-auth-shell *{
  box-sizing:border-box !important;
}
.ygba-auth-shell{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.ygba-auth-shell .ygba-auth,
.ygba-auth-shell .ygba-auth-register,
.ygba-auth-shell .ygba-card,
.ygba-auth-shell .ygba-auth-layout,
.ygba-auth-shell .ygba-auth-panel,
.ygba-auth-shell .ygba-auth-panel-brand,
.ygba-auth-shell .ygba-auth-panel-form{
  outline:0 !important;
  box-shadow:none !important;
}
.ygba-auth-shell .ygba-card{
  border:1px solid rgba(174,8,98,.12) !important;
  border-radius:28px !important;
  background:#fff !important;
  overflow:hidden !important;
}
.ygba-auth-shell .ygba-auth-layout{
  border:0 !important;
}
.ygba-auth-shell .ygba-auth-panel-brand{
  border-left:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  border-right:1px solid rgba(51,51,51,.08) !important;
}
.ygba-auth-shell .ygba-auth-panel-form{
  border:0 !important;
}
.ygba-auth-shell .ygba-form,
.ygba-auth-shell .ygba-form *{
  box-shadow:none !important;
  outline-color:rgba(174,8,98,.32) !important;
}
.ygba-auth-shell .ygba-input,
.ygba-auth-shell input.ygba-input{
  border:1px solid rgba(51,51,51,.14) !important;
  box-shadow:none !important;
  background:#fff !important;
}
.ygba-auth-shell .ygba-input:focus,
.ygba-auth-shell input.ygba-input:focus{
  border-color:rgba(174,8,98,.45) !important;
  box-shadow:0 0 0 4px rgba(174,8,98,.08) !important;
}
@media (max-width: 960px){
  .ygba-auth-shell .ygba-auth-panel-brand{
    border-right:0 !important;
    border-bottom:1px solid rgba(51,51,51,.08) !important;
  }
}

/* =========================================================
   v8.21.85 — Ambassador Register UI Clean Isolation
   CSS-only patch: removes theme/plugin dark rectangle borders around
   the registration page without changing referral tracking, OTP,
   qualification, checkout, commission, or dashboard logic.
========================================================= */
html body .ygba-auth-shell-register,
html body .ygba-auth-shell-register:before,
html body .ygba-auth-shell-register:after,
html body .ygba-auth-shell-register .ygba-auth,
html body .ygba-auth-shell-register .ygba-auth:before,
html body .ygba-auth-shell-register .ygba-auth:after,
html body .ygba-auth-shell-register .ygba-card,
html body .ygba-auth-shell-register .ygba-card:after,
html body .ygba-auth-shell-register .ygba-auth-layout,
html body .ygba-auth-shell-register .ygba-auth-layout:before,
html body .ygba-auth-shell-register .ygba-auth-layout:after,
html body .ygba-auth-shell-register .ygba-auth-panel,
html body .ygba-auth-shell-register .ygba-auth-panel:before,
html body .ygba-auth-shell-register .ygba-auth-panel:after{
  border-color:transparent !important;
  outline:0 !important;
  text-decoration:none !important;
}

html body .ygba-auth-shell-register{
  width:min(100%, 1240px) !important;
  margin:28px auto !important;
  padding:0 18px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  isolation:isolate !important;
}

/* Remove borders added by some themes to shortcode/block containers. */
html body .wp-block-shortcode:has(.ygba-auth-shell-register),
html body .entry-content:has(.ygba-auth-shell-register),
html body .page-content:has(.ygba-auth-shell-register),
html body .post-content:has(.ygba-auth-shell-register),
html body .site-content:has(.ygba-auth-shell-register),
html body article:has(.ygba-auth-shell-register),
html body .elementor-widget-container:has(.ygba-auth-shell-register),
html body .elementor-shortcode:has(.ygba-auth-shell-register){
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

html body .ygba-auth-shell-register .ygba-auth{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

html body .ygba-auth-shell-register .ygba-card{
  position:relative !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
  background:#ffffff !important;
  border:0 !important;
  outline:0 !important;
  border-radius:30px !important;
  overflow:hidden !important;
  box-shadow:0 22px 65px rgba(174,8,98,.08), 0 8px 22px rgba(17,24,39,.045) !important;
}

html body .ygba-auth-shell-register .ygba-card:before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:6px !important;
  border:0 !important;
  background:linear-gradient(90deg,#AE0862 0%,#E23D91 52%,#D2AF38 100%) !important;
  box-shadow:none !important;
  z-index:2 !important;
}

html body .ygba-auth-shell-register .ygba-auth-layout{
  display:grid !important;
  grid-template-columns:minmax(300px,.95fr) minmax(360px,1.05fr) !important;
  gap:0 !important;
  min-height:clamp(560px, 70vh, 780px) !important;
  background:#fff !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

html body .ygba-auth-shell-register .ygba-auth-panel{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

html body .ygba-auth-shell-register .ygba-auth-panel-brand{
  padding:56px 42px !important;
  border:0 !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(174,8,98,.08), transparent 32%),
    linear-gradient(180deg,#fff7fb 0%,#fbf7f0 100%) !important;
}

html body .ygba-auth-shell-register .ygba-auth-panel-form{
  padding:56px 44px !important;
  border:0 !important;
  background:#fff !important;
}

html body .ygba-auth-shell-register .ygba-badge{
  border:1px solid rgba(174,8,98,.16) !important;
  background:rgba(174,8,98,.07) !important;
  color:#AE0862 !important;
  box-shadow:none !important;
}

html body .ygba-auth-shell-register .ygba-title{
  margin-top:24px !important;
  color:#2d2d2d !important;
  letter-spacing:-.045em !important;
}

html body .ygba-auth-shell-register .ygba-subtitle,
html body .ygba-auth-shell-register .ygba-field-help,
html body .ygba-auth-shell-register .ygba-auth-panel-head p{
  color:#667085 !important;
}

html body .ygba-auth-shell-register .ygba-auth-chip{
  border:1px solid rgba(17,24,39,.07) !important;
  background:#fff !important;
  color:#222 !important;
  box-shadow:0 10px 28px rgba(17,24,39,.045) !important;
}

html body .ygba-auth-shell-register .ygba-input,
html body .ygba-auth-shell-register input.ygba-input{
  min-height:54px !important;
  border:1px solid rgba(17,24,39,.12) !important;
  border-radius:17px !important;
  background:#fff !important;
  box-shadow:none !important;
}

html body .ygba-auth-shell-register .ygba-input:focus,
html body .ygba-auth-shell-register input.ygba-input:focus{
  border-color:rgba(174,8,98,.45) !important;
  box-shadow:0 0 0 4px rgba(174,8,98,.10) !important;
}

html body .ygba-auth-shell-register .ygba-auth-submit{
  min-height:52px !important;
  border:0 !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#AE0862 0%,#C9076E 100%) !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(174,8,98,.18) !important;
}

@media (max-width: 960px){
  html body .ygba-auth-shell-register{padding:0 12px !important;}
  html body .ygba-auth-shell-register .ygba-auth-layout{grid-template-columns:1fr !important;min-height:0 !important;}
  html body .ygba-auth-shell-register .ygba-auth-panel-brand,
  html body .ygba-auth-shell-register .ygba-auth-panel-form{padding:34px 24px !important;}
}

@media (max-width: 680px){
  html body .ygba-auth-shell-register{margin:18px auto !important;padding:0 10px !important;}
  html body .ygba-auth-shell-register .ygba-card{border-radius:24px !important;}
  html body .ygba-auth-shell-register .ygba-auth-panel-brand,
  html body .ygba-auth-shell-register .ygba-auth-panel-form{padding:28px 18px !important;}
}

/* v8.22.08 — Login page text removal + clean borderless premium auth patch
   Scope: login shortcode only. Does not touch referral attribution, OTP, dashboard, commissions, or register flow. */
html body .ygba-auth-shell-login .ygba-auth-highlights,
html body .ygba-auth-shell-login .ygba-auth-chip{
  display:none !important;
}
html body .ygba-auth-shell-login,
html body .ygba-auth-shell-login *,
html body .ygba-auth-shell-login *::before,
html body .ygba-auth-shell-login *::after{
  box-sizing:border-box !important;
}
html body .ygba-auth-shell-login .ygba-card,
html body .ygba-auth-shell-login .ygba-login-card,
html body .ygba-auth-shell-login .ygba-auth-layout,
html body .ygba-auth-shell-login .ygba-auth-panel,
html body .ygba-auth-shell-login .ygba-auth-panel-brand,
html body .ygba-auth-shell-login .ygba-auth-panel-form{
  outline:0 !important;
  -webkit-text-stroke:0 transparent !important;
}
html body .ygba-auth-shell-login .ygba-card,
html body .ygba-auth-shell-login .ygba-login-card{
  border:0 !important;
  box-shadow:0 24px 70px rgba(174,8,98,.10) !important;
  background:#ffffff !important;
}
html body .ygba-auth-shell-login .ygba-card::before,
html body .ygba-auth-shell-login .ygba-login-card::before{
  background:linear-gradient(90deg,#ae0862 0%,#d2af38 100%) !important;
}
html body .ygba-auth-shell-login .ygba-auth-layout{
  border:0 !important;
  background:#ffffff !important;
}
html body .ygba-auth-shell-login .ygba-auth-panel-brand{
  border:0 !important;
  border-right:1px solid rgba(174,8,98,.10) !important;
  background:linear-gradient(180deg,rgba(174,8,98,.055) 0%,rgba(210,175,56,.075) 100%) !important;
  box-shadow:none !important;
}
html body .ygba-auth-shell-login .ygba-auth-panel-form{
  border:0 !important;
  background:#ffffff !important;
  box-shadow:none !important;
}
html body .ygba-auth-shell-login input.ygba-input,
html body .ygba-auth-shell-login .ygba-input{
  border:1px solid rgba(174,8,98,.16) !important;
  box-shadow:none !important;
  background:#ffffff !important;
}
html body .ygba-auth-shell-login input.ygba-input:focus,
html body .ygba-auth-shell-login .ygba-input:focus{
  border-color:rgba(174,8,98,.42) !important;
  box-shadow:0 0 0 4px rgba(174,8,98,.08) !important;
}
html body .ygba-auth-shell-login .ygba-password-toggle{
  border:1px solid rgba(174,8,98,.16) !important;
  background:#fff !important;
  color:#ae0862 !important;
  box-shadow:none !important;
}
@media (max-width:960px){
  html body .ygba-auth-shell-login .ygba-auth-panel-brand{
    border-right:0 !important;
    border-bottom:1px solid rgba(174,8,98,.10) !important;
  }
}

/* v8.22.10 — Verify account text cleanup + borderless UI
   Scope: verify account shortcode only. CSS-only visual hardening.
   Does not change OTP verification, resend, login, registration, referral tracking, commissions, dashboard, or payout logic. */
html body .ygba-auth-shell-verify .ygba-auth-highlights,
html body .ygba-auth-shell-verify .ygba-auth-chip{
  display:none !important;
}
html body .ygba-auth-shell-verify,
html body .ygba-auth-shell-verify *,
html body .ygba-auth-shell-verify *::before,
html body .ygba-auth-shell-verify *::after{
  box-sizing:border-box !important;
}
html body .ygba-auth-shell-verify .ygba-card,
html body .ygba-auth-shell-verify .ygba-auth-layout,
html body .ygba-auth-shell-verify .ygba-auth-panel,
html body .ygba-auth-shell-verify .ygba-auth-panel-brand,
html body .ygba-auth-shell-verify .ygba-auth-panel-form{
  outline:0 !important;
  -webkit-text-stroke:0 transparent !important;
}
html body .ygba-auth-shell-verify .ygba-card{
  border:0 !important;
  box-shadow:0 24px 70px rgba(174,8,98,.10) !important;
  background:#ffffff !important;
  overflow:hidden !important;
}
html body .ygba-auth-shell-verify .ygba-card::before{
  background:linear-gradient(90deg,#ae0862 0%,#d2af38 100%) !important;
}
html body .ygba-auth-shell-verify .ygba-auth-layout{
  border:0 !important;
  background:#ffffff !important;
}
html body .ygba-auth-shell-verify .ygba-auth-panel-brand{
  border:0 !important;
  border-right:1px solid rgba(174,8,98,.10) !important;
  background:linear-gradient(180deg,rgba(174,8,98,.055) 0%,rgba(210,175,56,.075) 100%) !important;
  box-shadow:none !important;
}
html body .ygba-auth-shell-verify .ygba-auth-panel-form{
  border:0 !important;
  background:#ffffff !important;
  box-shadow:none !important;
}
html body .ygba-auth-shell-verify input.ygba-input,
html body .ygba-auth-shell-verify .ygba-input{
  border:1px solid rgba(174,8,98,.16) !important;
  box-shadow:none !important;
  background:#ffffff !important;
}
html body .ygba-auth-shell-verify input.ygba-input:focus,
html body .ygba-auth-shell-verify .ygba-input:focus{
  border-color:rgba(174,8,98,.42) !important;
  box-shadow:0 0 0 4px rgba(174,8,98,.08) !important;
}
@media (max-width:960px){
  html body .ygba-auth-shell-verify .ygba-auth-panel-brand{
    border-right:0 !important;
    border-bottom:1px solid rgba(174,8,98,.10) !important;
  }
}

/* v8.22.11 — Login + verify final isolated borderless patch
   Scope: ambassador login and verify account pages only. Visual CSS hardening only; PHP/auth/OTP/referral logic untouched. */
html body .ygba-auth-shell-login,
html body .ygba-auth-shell-verify{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  isolation:isolate !important;
  contain:layout style !important;
}
html body .ygba-auth-shell-login .ygba-auth,
html body .ygba-auth-shell-verify .ygba-auth,
html body .ygba-auth-shell-login .ygba-card,
html body .ygba-auth-shell-verify .ygba-card,
html body .ygba-auth-shell-login .ygba-login-card,
html body .ygba-auth-shell-verify .ygba-login-card,
html body .ygba-auth-shell-login .ygba-auth-layout,
html body .ygba-auth-shell-verify .ygba-auth-layout{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
html body .ygba-auth-shell-login .ygba-card,
html body .ygba-auth-shell-verify .ygba-card,
html body .ygba-auth-shell-login .ygba-login-card,
html body .ygba-auth-shell-verify .ygba-login-card{
  background:#fff !important;
  border-radius:28px !important;
  overflow:hidden !important;
  box-shadow:0 28px 80px rgba(174,8,98,.08), 0 10px 30px rgba(33,24,10,.045) !important;
}
html body .ygba-auth-shell-login .ygba-auth-layout,
html body .ygba-auth-shell-verify .ygba-auth-layout{
  background:#fff !important;
  border-radius:28px !important;
}
html body .ygba-auth-shell-login .ygba-auth-panel,
html body .ygba-auth-shell-verify .ygba-auth-panel,
html body .ygba-auth-shell-login .ygba-auth-panel-form,
html body .ygba-auth-shell-verify .ygba-auth-panel-form,
html body .ygba-auth-shell-login .ygba-auth-panel-brand,
html body .ygba-auth-shell-verify .ygba-auth-panel-brand{
  outline:0 !important;
  box-shadow:none !important;
}
html body .ygba-auth-shell-login .ygba-auth-panel-brand,
html body .ygba-auth-shell-verify .ygba-auth-panel-brand{
  border:0 !important;
  border-right:1px solid rgba(174,8,98,.075) !important;
}
html body .ygba-auth-shell-login .ygba-auth-panel-form,
html body .ygba-auth-shell-verify .ygba-auth-panel-form{
  border:0 !important;
}
html body .ygba-auth-shell-login .ygba-card::before,
html body .ygba-auth-shell-verify .ygba-card::before,
html body .ygba-auth-shell-login .ygba-login-card::before,
html body .ygba-auth-shell-verify .ygba-login-card::before{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
@media (max-width:960px){
  html body .ygba-auth-shell-login .ygba-auth-panel-brand,
  html body .ygba-auth-shell-verify .ygba-auth-panel-brand{
    border-right:0 !important;
    border-bottom:1px solid rgba(174,8,98,.075) !important;
  }
}