/* DjimlyStore Digital v2.39.22 — final Account/Offers/Campaign polish */
:root{--djs-accent:#58b9f2;--djs-accent-strong:#2494d7;--djs-accent-soft:#eaf7ff}
/* Remove the old yellow Account band at the strongest possible layer. */
html,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,html body #djs-portal #djs-screen-home .djs-account-reference-topbar{background:#fff!important;background-color:#fff!important;background-image:none!important}
html body #djs-portal #djs-screen-home:before,html body #djs-portal #djs-screen-home:after{display:none!important;content:none!important}
html body #djs-portal #djs-screen-home .djs-account-reference-topbar{min-height:64px!important;border:0!important;box-shadow:none!important}
html body #djs-portal #djs-screen-home .djs-account-settings-pentagon{background:#fff!important;color:#111827!important;box-shadow:none!important}
/* Offers: mobile-safe margins + shorter product-led cards. */
#djs-screen-offers .djs-content-wrap.djs-offers-wrap{width:min(760px,calc(100% - 28px))!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}
#djs-screen-offers .djs-offers-hero{margin:8px 0 12px!important;padding:18px!important;border-radius:24px!important;min-height:0!important;overflow:hidden!important}
#djs-screen-offers .djs-offers-hero-copy h1{font-size:clamp(23px,7vw,34px)!important;line-height:1.02!important;margin:7px 0!important}
#djs-screen-offers .djs-offers-hero-copy p{font-size:11px!important;line-height:1.45!important;max-width:520px!important}
#djs-screen-offers .djs-offers-hero-badge{transform:scale(.86);transform-origin:right top}
#djs-screen-offers .djs-offers-personal-summary{gap:7px!important}
#djs-screen-offers .djs-offers-personal-summary>div{border-radius:16px!important;padding:10px 8px!important;box-shadow:none!important}
#djs-screen-offers .djs-offers-chip-row{display:flex!important;overflow-x:auto!important;gap:7px!important;padding:2px 1px 8px!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
#djs-screen-offers .djs-offers-chip-row::-webkit-scrollbar{display:none!important}
#djs-screen-offers .djs-offer-filter{flex:0 0 auto!important;border-radius:14px!important;padding:9px 12px!important;scroll-snap-align:start!important}
#djs-screen-offers .djs-offer-journey{margin:8px 0 13px!important;padding:12px!important;border-radius:20px!important}
#djs-screen-offers .djs-offers-carousel{margin:0!important;padding:2px 0 14px!important;gap:10px!important;scroll-padding-left:0!important}
#djs-screen-offers .djs-offer-card{flex:0 0 min(68vw,265px)!important;max-width:min(68vw,265px)!important;border-radius:21px!important;box-shadow:0 10px 28px rgba(25,83,116,.08)!important}
#djs-screen-offers .djs-offer-photo{height:122px!important;background:#f8fcff!important;border-radius:20px 20px 0 0!important}
#djs-screen-offers .djs-offer-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:7px!important;border-radius:16px!important}
#djs-screen-offers .djs-offer-body{padding:12px!important}
#djs-screen-offers .djs-offer-body h2{font-size:16px!important;margin:7px 0 4px!important}
#djs-screen-offers .djs-offer-body p{font-size:9.5px!important;margin:0 0 8px!important}
#djs-screen-offers .djs-offer-reward{padding:8px!important;border-radius:14px!important}
#djs-screen-offers .djs-offer-progress{margin-top:8px!important}
#djs-screen-offers .djs-offer-progress small{font-size:8.5px!important}
#djs-screen-offers .djs-offer-btn{min-height:38px!important;padding:9px 10px!important;font-size:10px!important;border-radius:13px!important}
#djs-screen-offers .djs-offers-attention{border-radius:18px!important;padding:12px!important}
/* Modern Settings / immediate disconnect action. */
#djs-screen-account-settings .djs-scroller{background:linear-gradient(180deg,#f7fbfe,#f2f7fa)!important}
#djs-screen-account-settings .djs-account-settings-page-body{width:min(680px,calc(100% - 24px))!important;margin:0 auto!important;padding:14px 0 34px!important;gap:12px!important}
#djs-screen-account-settings .djs-account-session-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;background:#fff;border:1px solid #dbeef8;border-radius:22px;padding:13px;box-shadow:0 12px 30px rgba(31,88,120,.06)}
#djs-screen-account-settings .djs-account-session-icon{width:48px;height:48px;border-radius:16px;background:#eaf7ff;color:#2494d7;display:grid;place-items:center;font-size:24px}
#djs-screen-account-settings .djs-account-session-card small{display:block;color:#8aa0ad;font-size:8px;font-weight:900;letter-spacing:.1em}#djs-screen-account-settings .djs-account-session-card b{display:block;font-size:14px;color:#183345;margin-top:2px}#djs-screen-account-settings .djs-account-session-card p{margin:2px 0 0;color:#8095a2;font-size:9px;line-height:1.35}
#djs-screen-account-settings .djs-account-page-logout{margin:0!important;min-height:42px!important;padding:9px 12px!important;width:auto!important;border:1px solid #d8edf8!important;border-radius:14px!important;background:#f4fbff!important;color:#2588c4!important;display:inline-flex!important;gap:6px!important;align-items:center!important;justify-content:center!important;font-size:10px!important;box-shadow:none!important;white-space:nowrap}
#djs-screen-account-settings .djs-account-settings-list{border:1px solid #dbeef8!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 12px 30px rgba(31,88,120,.05)!important}
#djs-screen-account-settings .djs-account-settings-list>button{min-height:62px!important;padding:0 17px!important}
/* Ensure normal customer primary surfaces remain blue, never legacy red/black. */
html body #djs-portal .djs-offer-btn:not(.is-done),html body #djs-portal .djs-feedback-submit,html body #djs-portal .djs-game-modal-primary,html body #djs-portal .djs-manual-topup-submit{background:linear-gradient(135deg,#6cc6f5,#329fdd)!important;color:#fff!important;border-color:#58b9f2!important}
@media(max-width:520px){#djs-screen-offers .djs-content-wrap.djs-offers-wrap{width:calc(100% - 24px)!important}#djs-screen-offers .djs-offer-card{flex-basis:72vw!important;max-width:72vw!important}#djs-screen-account-settings .djs-account-session-card{grid-template-columns:42px 1fr;gap:9px}#djs-screen-account-settings .djs-account-session-icon{width:42px;height:42px;border-radius:14px}#djs-screen-account-settings .djs-account-page-logout{grid-column:1/-1;width:100%!important}}