html body:not(.admin-page){background:#020a1f !important;background-image:none !important}
html body:not(.admin-page)::before{content:"" !important;display:block !important;position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;z-index:-1 !important;pointer-events:none !important;transform:none !important;animation:none !important;opacity:1 !important;background:url(/bg-theme.jpg?v=3) center center/cover no-repeat !important}
/* titles */
html body:not(.admin-page) h1,html body:not(.admin-page) h2,html body:not(.admin-page) .section-title,html body:not(.admin-page) .sec-title,html body:not(.admin-page) .sections-title{color:#fff !important}
/* blue-theme */
:root{--bg:#06122e;--card:#0d1f45;--cyan:#3a9bff;--cyan-dark:#0a62df;--primary:#1e88ff;--accent:#1e88ff;--white:#f3f7ff;--muted:#9db4d8;--border:#1d3b6b}
html body:not(.admin-page) h1,html body:not(.admin-page) h2,html body:not(.admin-page) h3{color:#fff !important}
html body:not(.admin-page) button[type="submit"],html body:not(.admin-page) .btn-primary,html body:not(.admin-page) .primary,html body:not(.admin-page) .btn.android{background:linear-gradient(90deg,#0a62df,#3a9bff) !important;color:#fff !important;border:0 !important;box-shadow:0 8px 26px rgba(30,120,255,.4) !important}
html body:not(.admin-page) [class*="card"]:not(.app-install-card):not([class*="image"]):not([class*="img"]){background:rgba(10,25,60,.78) !important;border-color:#1d3b6b !important}
html body:not(.admin-page) a{color:#4aa3ff}
html body:not(.admin-page) input:focus,html body:not(.admin-page) select:focus,html body:not(.admin-page) textarea:focus{border-color:#1e88ff !important;box-shadow:0 0 0 3px rgba(30,136,255,.25) !important;outline:none !important}

/* ===== FINAL TEXT FIX ===== */
html body:not(.admin-page) :where(*:not(input,textarea,select,option)){color:#172033 !important}

html body:not(.admin-page) .topbar,
html body:not(.admin-page) .topbar *,
html body:not(.admin-page) [class*="header"],
html body:not(.admin-page) [class*="header"] *,
html body:not(.admin-page) [class*="card"]:not(.app-install-card),
html body:not(.admin-page) [class*="card"]:not(.app-install-card) *,
html body:not(.admin-page) [class*="balance"],
html body:not(.admin-page) [class*="balance"] *,
html body:not(.admin-page) nav,
html body:not(.admin-page) nav *,
html body:not(.admin-page) [class*="bottom"],
html body:not(.admin-page) [class*="bottom"] *,
html body:not(.admin-page) [class*="navbar"],
html body:not(.admin-page) [class*="navbar"] *,
html body:not(.admin-page) button,
html body:not(.admin-page) button *,
html body:not(.admin-page) .btn,
html body:not(.admin-page) .btn *{color:#ffffff !important}

html body:not(.admin-page) ::placeholder{color:#64748b !important}
/* ===== END FIX ===== */

/* ===== SECTION NAMES WHITE ON NAVY TILES ===== */
html body:not(.admin-page) .tile,
html body:not(.admin-page) .hc-tile,
html body:not(.admin-page) .service-card,
html body:not(.admin-page) .main-category,
html body:not(.admin-page) .payment-grid > *,
html body:not(.admin-page) .quick-box,
html body:not(.admin-page) .rowitem{
  background:rgba(10,25,60,.88) !important;
  border-color:#1d3b6b !important;
}
html body:not(.admin-page) .tile *,
html body:not(.admin-page) .hc-tile *,
html body:not(.admin-page) .hc-name,
html body:not(.admin-page) .service-card *,
html body:not(.admin-page) .main-category *,
html body:not(.admin-page) .payment-grid > *,
html body:not(.admin-page) .payment-grid > * *,
html body:not(.admin-page) .quick-box *,
html body:not(.admin-page) .rname,
html body:not(.admin-page) .section-title,
html body:not(.admin-page) .main-categories *{
  color:#ffffff !important;
}
/* ===== END ===== */

/* ===== ACCOUNT PAGE LIST WHITE ===== */
html body:not(.admin-page) .list-item,
html body:not(.admin-page) .list-item *,
html body:not(.admin-page) .mi,
html body:not(.admin-page) .mi *,
html body:not(.admin-page) .list-item svg,
html body:not(.admin-page) .list-item svg *,
html body:not(.admin-page) .chev,
html body:not(.admin-page) .arrow{
  color:#ffffff !important;
  fill:#ffffff;
}
html body:not(.admin-page) .list-item.danger,
html body:not(.admin-page) .list-item.danger *,
html body:not(.admin-page) .mi-danger,
html body:not(.admin-page) .mi-danger *{
  color:#ff6b81 !important;
  fill:#ff6b81;
}
/* ===== END ===== */

/* ===== PAYMENT LOG / LISTS WHITE ===== */
html body:not(.admin-page) .rowlist,
html body:not(.admin-page) .rowlist *,
html body:not(.admin-page) .rowitem,
html body:not(.admin-page) .rowitem *,
html body:not(.admin-page) .rinfo,
html body:not(.admin-page) .rinfo *,
html body:not(.admin-page) .rname,
html body:not(.admin-page) .rprice,
html body:not(.admin-page) .meta,
html body:not(.admin-page) .meta *,
html body:not(.admin-page) .sub,
html body:not(.admin-page) .st,
html body:not(.admin-page) .num,
html body:not(.admin-page) .price,
html body:not(.admin-page) .box *,
html body:not(.admin-page) .stat-box *,
html body:not(.admin-page) .card *:not(input):not(textarea):not(select),
html body:not(.admin-page) .container *:not(input):not(textarea):not(select){
  color:#ffffff !important;
}
html body:not(.admin-page) .num.green{color:#4ade80 !important}
html body:not(.admin-page) .num.red{color:#ff6b81 !important}
html body:not(.admin-page) .num.yellow{color:#facc15 !important}
/* ===== END ===== */

/* ===== ALL TEXT WHITE ON NAVY ===== */
html body:not(.admin-page) *{color:#ffffff !important}
html body:not(.admin-page) svg,
html body:not(.admin-page) svg *{color:#ffffff !important}
html body:not(.admin-page) ::placeholder{color:rgba(255,255,255,.6) !important}
html body:not(.admin-page) .num.green{color:#4ade80 !important}
html body:not(.admin-page) .num.red{color:#ff6b81 !important}
html body:not(.admin-page) .num.yellow{color:#facc15 !important}
html body:not(.admin-page) .list-item.danger,
html body:not(.admin-page) .list-item.danger *,
html body:not(.admin-page) .mi-danger,
html body:not(.admin-page) .mi-danger *{color:#ff6b81 !important}
/* ===== END ===== */

/* ===== BOTTOM BAR BACK TO NORMAL ===== */
html body:not(.admin-page) nav svg,
html body:not(.admin-page) nav svg *,
html body:not(.admin-page) .bottom-nav svg,
html body:not(.admin-page) .bottom-nav svg *,
html body:not(.admin-page) [class*="bottom"] svg,
html body:not(.admin-page) [class*="bottom"] svg *,
html body:not(.admin-page) [class*="navbar"] svg,
html body:not(.admin-page) [class*="navbar"] svg *{
  fill:none !important;
  stroke:#ffffff !important;
}
/* ===== END ===== */

/* ===== WALLET PRIMARY BUTTONS RED ===== */
html body:not(.admin-page) button[data-p],
html body:not(.admin-page) button[data-p] *{
  color:#000000 !important;
}
/* ===== END ===== */

/* ===== APP PAGE: LIGHT BUTTONS DARK TEXT ===== */
html body:not(.admin-page) .btn.ios,
html body:not(.admin-page) .btn.ios *,
html body:not(.admin-page) .btn.secondary,
html body:not(.admin-page) .btn.secondary *,
html body:not(.admin-page) .backlink,
html body:not(.admin-page) .backlink *,
html body:not(.admin-page) .btns > a:not(.android),
html body:not(.admin-page) .btns > a:not(.android) *{
  color:#172033 !important;
}
html body:not(.admin-page) .btn.android,
html body:not(.admin-page) .btn.android *{
  color:#ffffff !important;
}
/* ===== END ===== */

/* ===== APP PAGE: CHIPS DARK TEXT ===== */
html body:not(.admin-page) .meta .chip,
html body:not(.admin-page) .meta .chip *,
html body:not(.admin-page) .meta .chip b{
  color:#000 !important;
}
/* ===== END ===== */

/* ===== SILVER DIAGONAL BACKGROUND (ALL PAGES) ===== */
html, body{
  background-color:#c9cfd9 !important;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,.85) 10.3%, rgba(150,158,172,.55) 12%, rgba(205,210,220,0) 24%),
    linear-gradient(135deg, rgba(120,130,148,.0) 24%, rgba(120,130,148,.75) 38%, rgba(214,219,228,.35) 52%, rgba(214,219,228,0) 56%),
    linear-gradient(135deg, rgba(255,255,255,0) 56%, rgba(255,255,255,.9) 56.3%, rgba(200,205,216,.4) 62%, rgba(110,120,138,.8) 80%, rgba(200,205,216,0) 82%),
    linear-gradient(135deg, #dfe3ea 0%, #b8bfcb 45%, #cfd4de 100%) !important;
  background-attachment:fixed !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
html body:not(.admin-page){
  color:#000 !important;
}
/* ===== END ===== */

/* ===== SILVER BG FIXED LAYER ===== */
html body:not(.admin-page)::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0) 10%, rgba(255,255,255,.85) 10.3%, rgba(150,158,172,.55) 12%, rgba(205,210,220,0) 24%),
    linear-gradient(135deg, rgba(120,130,148,0) 24%, rgba(120,130,148,.75) 38%, rgba(214,219,228,.35) 52%, rgba(214,219,228,0) 56%),
    linear-gradient(135deg, rgba(255,255,255,0) 56%, rgba(255,255,255,.9) 56.3%, rgba(200,205,216,.4) 62%, rgba(110,120,138,.8) 80%, rgba(200,205,216,0) 82%),
    linear-gradient(135deg, #dfe3ea 0%, #b8bfcb 45%, #cfd4de 100%) !important;
}
html, html body:not(.admin-page){
  background:transparent !important;
  background-image:none !important;
}
html{ background:#c9cfd9 !important; }
/* ===== END ===== */

/* ===== PAYMENT METHOD CARDS TRANSPARENT ===== */
html body:not(.admin-page) [class*="method"],
html body:not(.admin-page) [class*="pm-"],
html body:not(.admin-page) [class*="gateway"],
html body:not(.admin-page) [class*="option"],
html body:not(.admin-page) [class*="tile"]{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body:not(.admin-page) [class*="method"] *,
html body:not(.admin-page) [class*="pm-"] *,
html body:not(.admin-page) [class*="gateway"] *,
html body:not(.admin-page) [class*="option"] *,
html body:not(.admin-page) [class*="tile"] *{
  color:#000 !important;
  background:transparent !important;
}
/* ===== END ===== */

/* ===== QUICK CARDS TRANSPARENT ===== */
html body:not(.admin-page) [class^="quick"],
html body:not(.admin-page) [class*=" quick"]{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body:not(.admin-page) .quick-label{
  color:#000 !important;
}
/* ===== END ===== */

/* ===== LIGHT SILVER BG (SLIGHTLY DARKER) ===== */
html body:not(.admin-page)::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0) 8%, rgba(255,255,255,.9) 8.3%, rgba(235,238,244,.5) 14%, rgba(255,255,255,0) 26%),
    linear-gradient(135deg, rgba(140,150,168,0) 26%, rgba(140,150,168,.45) 40%, rgba(225,229,236,.3) 54%, rgba(225,229,236,0) 58%),
    linear-gradient(135deg, rgba(255,255,255,0) 58%, rgba(255,255,255,.85) 58.3%, rgba(215,220,229,.35) 66%, rgba(150,160,178,.5) 82%, rgba(215,220,229,0) 84%),
    linear-gradient(135deg, #e3e7ee 0%, #c9cfda 50%, #dde1e9 100%) !important;
}
html{ background:#d3d8e1 !important; }
/* ===== END ===== */

/* ===== SILVER BG (A BIT LIGHTER) ===== */
html body:not(.admin-page)::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0) 8%, rgba(255,255,255,.95) 8.3%, rgba(240,243,248,.5) 14%, rgba(255,255,255,0) 26%),
    linear-gradient(135deg, rgba(150,160,178,0) 26%, rgba(150,160,178,.35) 40%, rgba(232,235,241,.25) 54%, rgba(232,235,241,0) 58%),
    linear-gradient(135deg, rgba(255,255,255,0) 58%, rgba(255,255,255,.9) 58.3%, rgba(225,229,236,.3) 66%, rgba(165,174,190,.4) 82%, rgba(225,229,236,0) 84%),
    linear-gradient(135deg, #eaedf3 0%, #d5dae3 50%, #e6e9ef 100%) !important;
}
html{ background:#dde1e9 !important; }
/* ===== END ===== */

/* ===== SUPPORT PAGE FIX ===== */
html body .support-link{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  background:#fff !important;
  opacity:1 !important;
}
html body .support-link .arrow{ color:#000 !important; opacity:.6 !important; }
html body .support-link > span{ opacity:1 !important; visibility:visible !important; }
html body .support-link .icon-wrap{
  display:inline-flex !important;
  background:transparent !important;
}
html body .support-link .icon-wrap svg{
  display:block !important;
  width:24px !important; height:24px !important;
  fill:currentColor !important;
}
html body .support-link.type-whatsapp,
html body .support-link.type-whatsapp > span,
html body .support-link.type-whatsapp > span *{ color:#16a34a !important; }
html body .support-link.type-telegram,
html body .support-link.type-telegram > span,
html body .support-link.type-telegram > span *{ color:#229ed9 !important; }
html body .support-link.type-facebook,
html body .support-link.type-facebook > span,
html body .support-link.type-facebook > span *{ color:#1877f2 !important; }
html body .support-link.type-direct,
html body .support-link.type-direct > span,
html body .support-link.type-direct > span *{ color:#000 !important; }
html body .support-link.type-direct .arrow{ color:#000 !important; }
/* العنوان والوصف */
html body h2, html body .support-header p, html body .site-name + p{ color:#000 !important; }
/* ===== END ===== */

/* ===== SUPPORT TEXT VISIBLE ===== */
html body .support-link,
html body .support-link *{
  -webkit-text-fill-color:currentColor !important;
  background-clip:border-box !important;
  -webkit-background-clip:border-box !important;
  text-shadow:none !important;
  font-size:16px !important;
  line-height:1.4 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
}
html body .support-link .arrow{ font-size:18px !important; }
/* ===== END ===== */

/* Support page: readable text and social colors */
.support-link,
.support-link * {
  color: #111 !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}

.support-link .facebook,
.support-link .telegram {
  color: #1877F2 !important;
  -webkit-text-fill-color: #1877F2 !important;
}

.support-link .whatsapp {
  color: #25D366 !important;
  -webkit-text-fill-color: #25D366 !important;
}

/* FINAL SUPPORT COLORS */
html body .support-link.type-direct,
html body .support-link.type-direct *,
html body .support-link.type-direct .arrow {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

html body .support-link.type-facebook,
html body .support-link.type-facebook *,
html body .support-link.type-facebook svg {
  color: #1877F2 !important;
  fill: #1877F2 !important;
  -webkit-text-fill-color: #1877F2 !important;
}

html body .support-link.type-telegram,
html body .support-link.type-telegram *,
html body .support-link.type-telegram svg {
  color: #229ED9 !important;
  fill: #229ED9 !important;
  -webkit-text-fill-color: #229ED9 !important;
}

html body .support-link.type-whatsapp,
html body .support-link.type-whatsapp *,
html body .support-link.type-whatsapp svg {
  color: #25D366 !important;
  fill: #25D366 !important;
  -webkit-text-fill-color: #25D366 !important;
}

/* FINAL COLOR OVERRIDE - COLORS ONLY */
html body a.support-link.type-direct,
html body a.support-link.type-direct > span,
html body a.support-link.type-direct > span *,
html body a.support-link.type-direct .arrow {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html body a.support-link.type-facebook,
html body a.support-link.type-facebook > span,
html body a.support-link.type-facebook > span *,
html body a.support-link.type-facebook svg {
  color: #1877F2 !important;
  -webkit-text-fill-color: #1877F2 !important;
  fill: #1877F2 !important;
}

html body a.support-link.type-telegram,
html body a.support-link.type-telegram > span,
html body a.support-link.type-telegram > span *,
html body a.support-link.type-telegram svg {
  color: #229ED9 !important;
  -webkit-text-fill-color: #229ED9 !important;
  fill: #229ED9 !important;
}

html body a.support-link.type-whatsapp,
html body a.support-link.type-whatsapp > span,
html body a.support-link.type-whatsapp > span *,
html body a.support-link.type-whatsapp svg {
  color: #25D366 !important;
  -webkit-text-fill-color: #25D366 !important;
  fill: #25D366 !important;
}

/* توحيد ارتفاع أسماء الأقسام أسفل الصور */
html body:not(.admin-page) .main-category {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html body:not(.admin-page) .main-category > img,
html body:not(.admin-page) .main-category > a > img {
  width: 100% !important;
  object-fit: cover !important;
}

html body:not(.admin-page) .main-category .name,
html body:not(.admin-page) .main-category .title,
html body:not(.admin-page) .main-category .category-name {
  min-height: 74px !important;
  height: 74px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 10px 6px !important;
  line-height: 1.4 !important;
  overflow: hidden !important;
}

/* توحيد ارتفاع أسماء الأقسام أسفل الصور */
html body:not(.admin-page) .main-category {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html body:not(.admin-page) .main-category > img,
html body:not(.admin-page) .main-category > a > img {
  width: 100% !important;
  object-fit: cover !important;
}

html body:not(.admin-page) .main-category .name,
html body:not(.admin-page) .main-category .title,
html body:not(.admin-page) .main-category .category-name {
  min-height: 74px !important;
  height: 74px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 10px 6px !important;
  line-height: 1.4 !important;
  overflow: hidden !important;
}

/* إصلاح الشريط السفلي لأسماء الأقسام فقط */
html body:not(.admin-page) .main-categories .main-category {
  background: #101820 !important;
  border: 1px solid #263746 !important;
  overflow: hidden !important;
}

html body:not(.admin-page) .main-categories .main-category > *,
html body:not(.admin-page) .main-categories .main-category .name,
html body:not(.admin-page) .main-categories .main-category .title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html body .toast,html body div.toast,html body .toast.error{width:max-content !important;min-width:0 !important;max-width:96vw !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;white-space:nowrap !important;text-align:center !important;padding:10px 18px !important}