/* DjimlyStore Digital v2.39.26 — Poll rebuild + UI finishing layer */
:root{--djs-final-blue:#58b9f2;--djs-final-blue-strong:#2494d7;--djs-final-blue-soft:#eaf7ff}

/* Account shell: no legacy yellow band. White safe-area + visible settings exactly once. */
html body.djs-account-statusbar,html body.djs-account-statusbar #djs-portal,
html body #djs-portal #djs-screen-home,
html body #djs-portal #djs-screen-home::before,
html body #djs-portal #djs-screen-home::after{background:#fff!important;background-image:none!important}
html body #djs-portal #djs-screen-home::before,html body #djs-portal #djs-screen-home::after{content:none!important;display:none!important}
html body #djs-portal #djs-screen-home .djs-account-reference-topbar{
  min-height:calc(58px + env(safe-area-inset-top))!important;
  padding:calc(env(safe-area-inset-top) + 8px) 16px 8px!important;
  background:#fff!important;background-image:none!important;border:0!important;box-shadow:none!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;overflow:visible!important;
}
html body #djs-portal #djs-screen-home .djs-account-settings-pentagon{
  display:grid!important;visibility:visible!important;opacity:1!important;background:#fff!important;color:#142d3d!important;
  border:1px solid #d7e9f4!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(28,82,112,.07)!important;
}

/* Offers: preserve the approved compact card design, but give it real phone-edge breathing room. */
html body #djs-portal #djs-screen-offers .djs-content-wrap.djs-offers-wrap{
  width:min(760px,calc(100% - 38px))!important;margin-left:auto!important;margin-right:auto!important;
}
html body #djs-portal #djs-screen-offers .djs-offers-carousel{
  width:100%!important;margin:0!important;padding:4px 2px 18px!important;scroll-padding-inline:2px!important;gap:12px!important;
}
html body #djs-portal #djs-screen-offers .djs-offer-card{
  flex:0 0 min(78vw,350px)!important;max-width:min(78vw,350px)!important;background:#fff!important;color:#173043!important;
}
html[data-theme="dark"] body #djs-portal #djs-screen-offers .djs-offer-card,
body.djs-dark #djs-portal #djs-screen-offers .djs-offer-card,
html[data-theme="dark"] body #djs-portal #djs-screen-offers .djs-offer-body,
body.djs-dark #djs-portal #djs-screen-offers .djs-offer-body{background:#fff!important;color:#173043!important}
@media(max-width:480px){
 html body #djs-portal #djs-screen-offers .djs-content-wrap.djs-offers-wrap{width:calc(100% - 32px)!important}
 html body #djs-portal #djs-screen-offers .djs-offer-card{flex-basis:min(78vw,330px)!important;max-width:min(78vw,330px)!important}
}

/* Final light-blue replacements for legacy black operational cards/controls only. */
html body #djs-portal .djs-wallet-p3-ready button,
html body #djs-portal .djs-wallet-recipient-row button,
html body #djs-portal .djs-wallet-p3-head>.ms,
html body #djs-portal #djs-screen-wallet-recharge .djs-wallet-company-method.active,
html body #djs-portal #djs-screen-wallet-recharge .djs-wallet-company-method>.ms:first-child,
html body #djs-portal #djs-screen-wallet-recharge .djs-wallet-moncash-submit,
html body #djs-portal #djs-screen-wallet-recharge .djs-wallet-paypal-submit,
html body #djs-portal .djs-sub-renew-confirm,
html body #djs-portal .djs-sub-renew-cycle.is-selected,
html body #djs-portal #djs-screen-invite-earn .djs-referral-code-line button,
html body #djs-portal #djs-screen-invite-earn .djs-referral-link-row button{
  background:linear-gradient(135deg,#70c9f6,#3da8e3)!important;border-color:#58b9f2!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 9px 22px rgba(58,154,210,.18)!important;
}
html body #djs-portal .djs-wallet-deposit-account{
  background:linear-gradient(135deg,#eef9ff,#dff3ff)!important;color:#173043!important;border:1px solid #cbe8f7!important;
}
/* Do not recolor semantic danger/error actions. */
html body #djs-portal .danger,html body #djs-portal .is-danger,html body #djs-portal .djs-btn-danger,html body #djs-portal [data-danger="1"]{
  background:#ef4444!important;border-color:#dc2626!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}