/* DjimlyStore v2.39.20 — Light Blue OS + Offers/Giveaway polish */
:root{
  --djs-blue:#58b9f2!important;--djs-blue-dark:#2494d7!important;
  --djs-orange:#58b9f2!important;--djs-orange-dark:#2494d7!important;
  --djs-red:#58b9f2!important;--djs-red-dark:#2494d7!important;
  --djs-sky:#58b9f2!important;
  --djs-accent:#58b9f2!important;--djs-accent-strong:#2494d7!important;--djs-accent-soft:#eaf7ff!important;
}
/* Neutral Account header: remove the yellow band entirely while preserving settings. */
html body.djs-account-statusbar,html body.djs-account-statusbar #djs-portal,html body.djs-account-statusbar #djs-screen-home,
#djs-screen-home,#djs-screen-home:before,#djs-screen-home .djs-account-reference-topbar{background:#fff!important;background-image:none!important;}
#djs-screen-home .djs-account-settings-pentagon{color:#17191e!important;background:transparent!important;}
/* Consistent light-blue accents throughout customer portal. */
html body #djs-portal .djs-btn-primary,html body #djs-portal .djs-action-pay,html body #djs-portal .djs-ctx-pay,
html body #djs-portal .djs-pay-btn:not(.is-danger),html body #djs-portal .djs-primary-btn,
html body #djs-portal button[class*="primary"]:not(.danger):not(.is-danger),
html body #djs-portal .djs-tab.active,html body #djs-portal .djs-pill.active,html body #djs-portal .djs-region-pill.active{
  background:linear-gradient(135deg,#73c9f7,#43abe8)!important;border-color:#58b9f2!important;color:#fff!important;box-shadow:0 10px 26px rgba(88,185,242,.22)!important;
}
html body #djs-portal input:focus,html body #djs-portal select:focus,html body #djs-portal textarea:focus{border-color:#58b9f2!important;box-shadow:0 0 0 4px rgba(88,185,242,.12)!important;}
/* Preserve semantic danger only where it truly means destructive/error. */
html body #djs-portal .danger,html body #djs-portal .is-danger,html body #djs-portal .djs-btn-danger,
html body #djs-portal .djs-ref-setting-row.danger,html body #djs-portal .djs-alert-error,
html body #djs-toast-container .djs-toast--error{--djs-red:#ef4444!important;--djs-red-dark:#dc2626!important;}
html body #djs-portal .djs-btn-danger{background:#ef4444!important;color:#fff!important;border-color:#dc2626!important;}
/* Offers: bright, readable, attention-focused, personalized. */
#djs-screen-offers .djs-scroller{background:linear-gradient(180deg,#f6fbff 0%,#fff 54%,#f4faff 100%)!important;}
#djs-screen-offers .djs-offers-hero{background:linear-gradient(135deg,#e7f6ff 0%,#cfeeff 52%,#edf9ff 100%)!important;color:#12324a!important;border:1px solid #bee5fb!important;box-shadow:0 18px 46px rgba(64,156,210,.16)!important;}
#djs-screen-offers .djs-offers-hero-copy small{background:rgba(255,255,255,.72)!important;border-color:rgba(88,185,242,.35)!important;color:#2588c4!important;}
#djs-screen-offers .djs-offers-hero-copy h1{color:#102b3d!important;text-shadow:none!important;}
#djs-screen-offers .djs-offers-hero-copy p{color:#527187!important;}
#djs-screen-offers .djs-offers-hero-badge{background:rgba(255,255,255,.66)!important;border-color:#b9e3fa!important;color:#2494d7!important;box-shadow:none!important;}
#djs-screen-offers .djs-offers-hero-badge .ms{color:#58b9f2!important;text-shadow:none!important;}
#djs-screen-offers .djs-offers-personal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 14px;}
#djs-screen-offers .djs-offers-personal-summary>div{min-width:0;background:#fff;border:1px solid #dbeef9;border-radius:20px;padding:13px 10px;box-shadow:0 10px 28px rgba(23,76,107,.06);display:grid;grid-template-columns:32px 1fr;align-items:center;column-gap:8px;}
#djs-screen-offers .djs-offers-personal-summary .ms{grid-row:1/span 2;width:32px;height:32px;border-radius:11px;background:#eaf7ff;color:#2494d7;display:grid;place-items:center;font-size:19px;}
#djs-screen-offers .djs-offers-personal-summary small{font-size:9px;color:#8297a5;font-weight:900;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#djs-screen-offers .djs-offers-personal-summary b{font-size:16px;color:#142d3d;font-weight:1000;}
#djs-screen-offers .djs-offer-filter{background:#fff!important;color:#587486!important;border-color:#d5eaf6!important;}
#djs-screen-offers .djs-offer-filter.active{background:#58b9f2!important;color:#fff!important;border-color:#58b9f2!important;box-shadow:0 10px 24px rgba(88,185,242,.22)!important;}
#djs-screen-offers .djs-offer-card{background:#fff!important;color:#173043!important;border:1px solid #dceef8!important;box-shadow:0 18px 50px rgba(25,83,116,.12)!important;min-height:auto!important;}
#djs-screen-offers .djs-offer-photo{height:196px!important;background:linear-gradient(135deg,#f7fcff,#e7f6ff)!important;border-color:#c8e9fa!important;}
#djs-screen-offers .djs-offer-photo img{object-fit:contain!important;padding:12px!important;background:transparent!important;}
#djs-screen-offers .djs-offer-body{min-height:0!important;}
#djs-screen-offers .djs-offer-body h2{color:#102b3d!important;font-size:21px!important;}
#djs-screen-offers .djs-offer-body p,#djs-screen-offers .djs-offer-progress small{color:#718897!important;}
#djs-screen-offers .djs-offer-game{color:#2494d7!important;}
#djs-screen-offers .djs-offer-chip{background:#eaf7ff!important;color:#2588c4!important;}
#djs-screen-offers .djs-offer-card--available .djs-offer-chip{background:#e5f9f1!important;color:#159363!important;}
#djs-screen-offers .djs-offer-reward{background:#f5fbff!important;border-color:#d7edf8!important;}
#djs-screen-offers .djs-offer-reward .ms{background:#58b9f2!important;color:#fff!important;}
#djs-screen-offers .djs-offer-reward b{color:#173043!important;}#djs-screen-offers .djs-offer-reward small{color:#718897!important;}
#djs-screen-offers .djs-offer-progress-head{color:#718897!important;}#djs-screen-offers .djs-offer-progress-head b{color:#173043!important;}
#djs-screen-offers .djs-offer-bar i{background:linear-gradient(90deg,#58b9f2,#8fd7fa)!important;box-shadow:none!important;}
#djs-screen-offers .djs-offer-btn,#djs-screen-offers .djs-offer-btn.is-locked{background:linear-gradient(135deg,#58b9f2,#2494d7)!important;color:#fff!important;box-shadow:0 12px 28px rgba(88,185,242,.23)!important;}
#djs-screen-offers .djs-offer-btn.is-done{background:linear-gradient(135deg,#69cda7,#2da77a)!important;}
#djs-screen-offers .djs-offer-input-row input{background:#f8fcff!important;color:#173043!important;border-color:#cfe8f5!important;}
#djs-screen-offers .djs-offer-inline-form label{color:#2494d7!important;}
#djs-screen-offers .djs-offers-attention{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;margin:4px 0 8px;padding:15px;border:1px solid #d7edf8;border-radius:22px;background:#f7fcff;}
#djs-screen-offers .djs-offers-attention>.ms{width:46px;height:46px;border-radius:16px;background:#e3f5ff;color:#2494d7;display:grid;place-items:center;font-size:25px;}
#djs-screen-offers .djs-offers-attention b{display:block;color:#173043;font-size:14px;}#djs-screen-offers .djs-offers-attention p{margin:4px 0 0;color:#718897;font-size:11.5px;line-height:1.45;}
#djs-screen-offers .djs-offers-empty{text-align:center;padding:34px 18px;border:1px dashed #cce8f7;border-radius:24px;background:#f8fcff;color:#718897;}
#djs-screen-offers .djs-offers-empty>.ms{font-size:38px;color:#58b9f2;}#djs-screen-offers .djs-offers-empty h3{color:#173043;margin:8px 0 5px;}#djs-screen-offers .djs-offers-empty p{margin:0 0 14px;}
#djs-screen-offers .djs-offers-faq{background:#fff!important;border:1px solid #dbeef9!important;color:#173043!important;box-shadow:0 12px 36px rgba(25,83,116,.07)!important;}
@media(max-width:420px){#djs-screen-offers .djs-offers-personal-summary>div{grid-template-columns:1fr;text-align:center;justify-items:center;gap:4px;padding:10px 5px}#djs-screen-offers .djs-offers-personal-summary .ms{grid-row:auto}.djs-offers-personal-summary small{font-size:8px!important}}

/* Remaining customer-facing legacy red accents -> light blue. */
#djs-screen-vouchers .djs-voucher-main-btn,#djs-portal .djs-voucher-popup-btn.is-main,
#djs-portal .djs-wallet-deposit-submit-p3{background:#58b9f2!important;border-color:#58b9f2!important;color:#fff!important;box-shadow:0 10px 24px rgba(88,185,242,.20)!important;}
#djs-portal .djs-voucher-popup-head small,#djs-portal .djs-voucher-popup-empty .ms,
#djs-portal .djs-wallet-deposit-p3-head>span,#djs-portal .djs-wallet-company-method>.ms:first-child,
#djs-portal .djs-virtual-eta>.ms{color:#2494d7!important;}
#djs-portal .djs-wallet-company-method.active{border-color:#58b9f2!important;background:#f2faff!important;}
#djs-screen-home .djs-account-reference-balances em,#djs-portal .djs-account-rec-copy strong{background:#58b9f2!important;color:#fff!important;}
/* Offers remain intentionally bright/readable even when the global app is in dark appearance. */
html[data-theme="dark"] #djs-screen-offers .djs-scroller,body.djs-dark #djs-screen-offers .djs-scroller{background:linear-gradient(180deg,#f6fbff 0%,#fff 54%,#f4faff 100%)!important;color:#173043!important;}
html[data-theme="dark"] #djs-screen-offers .djs-offer-card,body.djs-dark #djs-screen-offers .djs-offer-card,
html[data-theme="dark"] #djs-screen-offers .djs-offers-stats>div,body.djs-dark #djs-screen-offers .djs-offers-stats>div,
html[data-theme="dark"] #djs-screen-offers .djs-offers-faq,body.djs-dark #djs-screen-offers .djs-offers-faq{background:#fff!important;color:#173043!important;border-color:#dceef8!important;}
