/* ============ GlowBay Mobile Account / Login ============ */

.gbm-account { background:#fff; min-height:100vh; }

.gbm-acc { width:100%; max-width:100%; margin:0; background:#f5f6f8; padding:28px 20px 100px; display:block; box-sizing:border-box; }

/* ============================================================
   My Account Dashboard (gb-user-desk-* markup, mobile-first)
   Brand: pink #ed2165 / orange #FF6B00 / green #12a454
   ============================================================ */

.gb-user-desk-dash{
  max-width:600px;
  margin:0 auto;
  padding:14px 14px 90px;
  background:#f6f7fb;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;
  color:#1d1d1f;
  -webkit-text-size-adjust:100%;
}

/* ---------- Header ---------- */
.gb-user-desk-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:linear-gradient(135deg,#ed2165 0%,#ff5e8a 100%);
  border-radius:18px; padding:16px; color:#fff;
  box-shadow:0 6px 18px rgba(237,33,101,.22);
}
.gb-user-desk-id{ display:flex; align-items:center; gap:12px; min-width:0; }
.gb-user-desk-av{
  width:46px; height:46px; flex:0 0 46px; border-radius:50%;
  overflow:hidden; border:2px solid rgba(255,255,255,.55);
  background:rgba(255,255,255,.2);
}
.gb-user-desk-av img{ width:100%; height:100%; object-fit:cover; }
.gb-user-desk-id h2{ margin:0; font-size:16px; font-weight:800; line-height:1.25; }
.gb-user-desk-wave{ font-size:16px; }
.gb-user-desk-head-ic{ display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.gb-user-desk-ico{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%;
  background:rgba(255,255,255,.18); color:#fff; font-size:17px; text-decoration:none;
}
.gb-user-desk-ico:hover{ background:rgba(255,255,255,.32); }

/* ---------- Layout ---------- */
.gb-user-desk-layout{ display:block; margin-top:14px; }
.gb-user-desk-main-col{ display:block; }

/* ---------- KPI grid (To Pay / To Ship / etc) ---------- */
.gb-user-desk-kpis{
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px;
}
.gb-user-desk-kpi{
  background:#fff; border:1px solid #f0e2e9; border-radius:14px;
  padding:14px 10px; display:flex; flex-direction:column; align-items:center; gap:6px;
  text-decoration:none; box-shadow:0 3px 10px rgba(0,0,0,.04);
}
.gb-user-desk-kpi-ic{
  width:40px; height:40px; border-radius:12px;
  display:flex; align-items:center; justify-content:center; font-size:18px; color:#fff;
}
.gb-user-desk-kpi-ic.c-orange{ background:#FF6B00; }
.gb-user-desk-kpi-ic.c-blue{ background:#2f80ed; }
.gb-user-desk-kpi-ic.c-purple{ background:#9b51e0; }
.gb-user-desk-kpi-ic.c-indigo{ background:#4f46e5; }
.gb-user-desk-kpi-ic.c-green{ background:#12a454; }
.gb-user-desk-kpi-ic.c-red{ background:#eb5757; }
.gb-user-desk-kpi-ic.c-pink{ background:#ed2165; }
.gb-user-desk-kpi-n{ font-size:18px; font-weight:800; color:#1d1d1f; }
.gb-user-desk-kpi-l{ font-size:11px; color:#8a8a90; font-weight:600; text-align:center; }
.gb-user-desk-kpi-link{ cursor:pointer; }

/* ---------- Strip (quick stats under KPIs) ---------- */
.gb-user-desk-strip{
  display:flex; gap:10px; margin-top:12px; flex-wrap:wrap;
}
.gb-user-desk-strip .gb-user-desk-card{
  flex:1; min-width:140px;
}

/* ---------- Cards / sections ---------- */
.gb-user-desk-card{
  background:#fff; border:1px solid #f0e2e9; border-radius:18px;
  padding:14px 14px 16px; margin-top:14px;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
}
.gb-user-desk-card-h{
  display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;
}
.gb-user-desk-card-h h3{ margin:0; font-size:15px; font-weight:800; color:#1d1d1f; }
.gb-user-desk-card-h a{ font-size:12px; font-weight:700; color:#ed2165; text-decoration:none; }

/* ---------- Empty states ---------- */
.gb-user-desk-empty{
  display:flex; flex-direction:column; align-items:center; gap:8px;
  padding:24px 16px; text-align:center; color:#9a9aa0; font-size:13px;
}
.gb-user-desk-empty i{ font-size:30px; color:#d9c3cd; }
.gb-user-desk-empty .gb-user-desk-btn{
  margin-top:6px; padding:10px 16px; background:#ed2165; color:#fff;
  border-radius:10px; font-size:13px; font-weight:800; text-decoration:none;
}

/* ---------- Buttons ---------- */
.gb-user-desk-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:11px 16px; background:#ed2165; color:#fff; border:none;
  border-radius:10px; font-size:14px; font-weight:800; text-decoration:none; cursor:pointer;
}

/* ---------- Affiliate promo banner (KEEP) ---------- */
.gb-user-desk-promo{
  display:flex; flex-direction:column; gap:4px;
  margin-top:14px; padding:16px; border-radius:18px;
  background:linear-gradient(135deg,#fff0f5,#ffe3ee);
  border:1px solid #ffd3e2; text-decoration:none; color:#1d1d1f;
  box-shadow:0 4px 14px rgba(237,33,101,.08);
}
.gb-user-desk-promo-ic{ font-size:22px; color:#ed2165; }
.gb-user-desk-promo h4{ margin:2px 0; font-size:15px; font-weight:800; color:#ed2165; }
.gb-user-desk-promo p{ margin:0; font-size:12px; color:#777; line-height:1.4; }
.gb-user-desk-promo-btn{ margin-top:6px; font-size:13px; font-weight:800; color:#ed2165; }

/* ---------- Mobile Logout button (in main content) ---------- */
.gb-user-mobile-logout{
  display:flex !important; align-items:center; justify-content:center; gap:8px !important;
  margin:18px 0 8px !important; padding:13px !important; width:100% !important; box-sizing:border-box !important;
  border:1.5px solid #ed2165 !important; border-radius:12px !important;
  background:#fff !important; color:#ed2165 !important; font-size:15px !important; font-weight:800 !important;
  text-decoration:none !important; cursor:pointer !important;
}
.gb-user-mobile-logout i{ font-size:16px !important; }
.gb-user-mobile-logout:active{ background:#fff0f5 !important; }