/* COMMUNEX red/white reference theme — loaded after all page styles. */
:root{--rx-red:#e0000b;--rx-red-bright:#f00815;--rx-red-dark:#a80008;--rx-ink:#131313;--rx-muted:#70747a;--rx-line:#d7d9dd;--rx-silver:#eef0f3}
html,body{background:#e7e9ec!important;color:var(--rx-ink)!important}body{font-family:Inter,"Segoe UI",Arial,sans-serif!important}
.mobile-app-container{background:linear-gradient(180deg,#fff 0,#fff 78%,#f3f4f6 100%)!important;border-left:1px solid rgba(183,0,9,.08)!important;border-right:1px solid rgba(183,0,9,.08)!important;box-shadow:0 0 42px rgba(75,0,4,.16)!important;max-width:480px!important;min-height:100vh!important;padding:116px 14px 104px!important}
.mobile-app-container .dashboard-body{color:var(--rx-ink)!important;color-scheme:light!important}

/* Header: red shell, centred dynamic logo, white motto ribbon and reference wave. */
.cx-header{align-items:center!important;background:linear-gradient(152deg,#f40a17 0,#d2000b 52%,#a40008 100%)!important;box-shadow:0 7px 18px rgba(111,0,6,.22)!important;display:grid!important;gap:8px!important;grid-template-columns:42px minmax(0,1fr) 42px!important;height:116px!important;max-width:480px!important;overflow:visible!important;padding:9px 14px 22px!important}
.cx-header:before{background:repeating-radial-gradient(ellipse at center,transparent 0 9px,rgba(255,255,255,.17) 10px 11px),repeating-linear-gradient(90deg,transparent 0 16px,rgba(255,255,255,.09) 17px 18px)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:50%!important;bottom:-9px!important;content:""!important;height:88px!important;opacity:.7!important;pointer-events:none!important;position:absolute!important;right:-42px!important;transform:rotate(-10deg)!important;width:190px!important;z-index:0!important}
.cx-header:after{display:none!important}
.cx-header>*{position:relative!important;z-index:3!important}
.cx-header__menu{color:#fff!important;font-size:24px!important;height:42px!important;padding:0!important;text-align:left!important;text-shadow:0 2px 2px rgba(75,0,4,.25)!important;width:42px!important}
.cx-header .cx-brand{align-items:center!important;gap:2px!important;justify-content:center!important;min-width:0!important;overflow:visible!important}
.cx-header .cx-brand img{filter:drop-shadow(0 3px 2px rgba(67,0,3,.35))!important;height:50px!important;max-height:50px!important;object-fit:cover!important;object-position:center!important;width:min(100%,220px)!important}
.rx-brand-ribbon{align-self:center!important;background:#fff!important;border:1px solid rgba(255,255,255,.96)!important;border-radius:999px!important;color:#cb000a!important;display:block!important;font-size:6px!important;font-weight:900!important;letter-spacing:.035em!important;line-height:1!important;margin:-1px 0 0!important;max-width:188px!important;min-width:150px!important;overflow:hidden!important;padding:3px 11px!important;text-align:center!important;text-overflow:ellipsis!important;text-shadow:none!important;white-space:nowrap!important}
.cx-header__tools{display:flex!important;gap:0!important;justify-content:flex-end!important}.cx-header__bell{border:0!important;color:#fff!important;font-size:22px!important;height:42px!important;text-shadow:0 2px 2px rgba(75,0,4,.3)!important;width:42px!important}.cx-header__bell span{background:#fff!important;border:2px solid #d9000b!important;right:3px!important;top:5px!important}.cx-header__profile{display:none!important}

/* Dashboard profile card. */
.rx-profile{align-items:center!important;background:linear-gradient(108deg,#fff 0,#fff 55%,#fff8f8 100%)!important;border:1px solid #dedfe2!important;border-radius:0 0 22px 22px!important;box-shadow:0 7px 15px rgba(61,0,3,.12)!important;display:flex!important;gap:13px!important;height:101px!important;isolation:isolate!important;margin:0 0 4px!important;min-height:101px!important;overflow:hidden!important;padding:17px 16px 11px!important;position:relative!important}
.rx-profile:before{background:transparent!important;border-bottom:7px solid var(--rx-red)!important;border-radius:50%!important;box-shadow:0 5px 0 #f4b3b7!important;content:""!important;height:76px!important;left:-38px!important;opacity:1!important;position:absolute!important;top:-59px!important;transform:rotate(-7deg)!important;width:290px!important;z-index:0!important}
.rx-profile:after{background:radial-gradient(ellipse at 78% 18%,rgba(210,0,11,.4) 0,rgba(210,0,11,.17) 25%,transparent 55%),linear-gradient(78deg,transparent 0 47%,rgba(210,0,11,.18) 48%,transparent 49% 100%),radial-gradient(ellipse at 62% 50%,transparent 0 31%,rgba(210,0,11,.18) 32%,transparent 33% 48%,rgba(210,0,11,.15) 49%,transparent 50%),radial-gradient(circle,rgba(210,0,11,.58) 0 .65px,transparent .95px) 0 0/4px 4px!important;border:0!important;border-radius:50%!important;content:""!important;height:108px!important;opacity:.72!important;position:absolute!important;right:-18px!important;top:-4px!important;transform:none!important;width:160px!important;-webkit-mask-image:radial-gradient(ellipse at 62% 50%,#000 0 59%,rgba(0,0,0,.72) 69%,transparent 76%)!important;mask-image:radial-gradient(ellipse at 62% 50%,#000 0 59%,rgba(0,0,0,.72) 69%,transparent 76%)!important;z-index:0!important}
.rx-profile>*{position:relative!important;z-index:2!important}
.rx-avatar{align-items:center!important;background:linear-gradient(145deg,#e60612,#b60009)!important;border:5px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 2px #c9000a,0 0 0 5px #dfe1e4,0 5px 10px rgba(104,0,5,.22)!important;color:#fff!important;display:flex!important;flex:0 0 61px!important;font-size:25px!important;height:61px!important;justify-content:center!important;width:61px!important}
.rx-profile__copy{display:flex!important;flex:1!important;flex-direction:column!important;min-width:0!important;z-index:3!important}.rx-profile__copy small{color:#1b1b1b!important;font-size:12px!important;font-weight:650!important;line-height:1.15!important}.rx-profile__copy strong{color:#111!important;font-size:14px!important;font-weight:850!important;line-height:1.25!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.rx-profile__copy strong span{background:transparent!important;color:#111!important;font:inherit!important;margin:0!important;min-width:0!important;padding:0!important}
.rx-profile__copy>span{align-self:flex-start!important;background:linear-gradient(180deg,#f20b17,#c10009)!important;border-radius:999px!important;box-shadow:inset 0 1px rgba(255,255,255,.3)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;line-height:1!important;margin-top:5px!important;min-width:78px!important;padding:5px 13px!important;text-align:center!important}

/* Glossy balance ribbon. */
.rx-balance{align-items:center!important;background:linear-gradient(156deg,#f30815 0,#d0000b 51%,#a20008 100%)!important;border:1px solid #c9000a!important;border-radius:18px!important;box-shadow:0 7px 13px rgba(132,0,7,.27),inset 0 1px rgba(255,255,255,.45)!important;color:#fff!important;display:flex!important;height:78px!important;isolation:isolate!important;margin:0 0 9px!important;min-height:78px!important;overflow:hidden!important;padding:9px 13px!important;position:relative!important}
.rx-balance:before{background:rgba(105,0,6,.23)!important;border-radius:50% 50% 0 0!important;bottom:-59px!important;content:""!important;height:88px!important;left:-8%!important;position:absolute!important;transform:rotate(3deg)!important;width:118%!important;z-index:0!important}.rx-balance:after{background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,0))!important;border-radius:50%!important;content:""!important;height:102px!important;position:absolute!important;right:-24px!important;top:-58px!important;width:155px!important;z-index:0!important}.rx-balance>*{position:relative!important;z-index:2!important}
.rx-balance__icon{align-items:center!important;background:transparent!important;border-radius:0!important;color:#fff!important;display:flex!important;font-size:32px!important;height:48px!important;justify-content:center!important;width:56px!important}.rx-balance__copy{display:flex!important;flex:1!important;flex-direction:column!important;line-height:1!important;padding:0 9px!important}.rx-balance__copy small{color:#fff!important;font-size:12px!important;font-weight:500!important}.rx-balance__copy strong{color:#fff!important;font-size:25px!important;font-weight:850!important;letter-spacing:-.025em!important;margin-top:4px!important;white-space:nowrap!important}.rx-balance__copy em{color:#fff!important;font-size:11px!important;font-style:normal!important;font-weight:750!important;letter-spacing:0!important}.rx-balance__toggle{background:transparent!important;border:0!important;border-left:1px solid rgba(255,255,255,.62)!important;color:#fff!important;font-size:16px!important;height:42px!important;padding:0 4px 0 17px!important}

/* Reference 4 x 2 service tile grid. */
.rx-action-grid{display:grid!important;gap:7px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:0 0 9px!important}.rx-action-card{align-items:center!important;background:linear-gradient(145deg,#fff 0,#f8f9fa 54%,#e9ebee 100%)!important;border:1px solid #d7dade!important;border-radius:11px!important;box-shadow:0 4px 8px rgba(33,33,33,.13),inset 0 1px #fff!important;color:#151515!important;display:flex!important;flex-direction:column!important;gap:4px!important;height:61px!important;justify-content:center!important;min-height:61px!important;overflow:hidden!important;padding:5px 2px!important;position:relative!important;text-align:center!important}.rx-action-card:before{background:linear-gradient(90deg,#f20b17,#bc0009)!important;border-radius:0 0 50% 50%!important;content:""!important;height:3px!important;left:20%!important;position:absolute!important;top:0!important;width:60%!important}.rx-action-card:after{background:linear-gradient(135deg,rgba(255,255,255,.9),transparent)!important;content:""!important;height:34px!important;pointer-events:none!important;position:absolute!important;right:-25px!important;top:-18px!important;transform:rotate(35deg)!important;width:65px!important}.rx-action-card:hover{border-color:#e0000b!important;color:#c00009!important;transform:translateY(-1px)!important}.rx-action-card>span{align-items:center!important;color:#df000b!important;display:flex!important;font-size:21px!important;height:27px!important;justify-content:center!important;position:relative!important;z-index:2!important}.rx-action-card img{height:24px!important;max-width:28px!important;object-fit:contain!important;width:auto!important}.rx-action-card strong{color:#151515!important;font-size:8.5px!important;font-weight:750!important;line-height:1.08!important;overflow-wrap:anywhere!important;position:relative!important;z-index:2!important}

/* Compact plan card with red ribbon and silver rank steps. */
.rx-plan{background:#fff!important;border:1px solid #d9dbde!important;border-radius:15px!important;box-shadow:0 7px 16px rgba(65,0,3,.14)!important;height:210px!important;overflow:hidden!important}.rx-plan__title{align-items:center!important;background:linear-gradient(145deg,#f00915,#c00009)!important;box-shadow:inset 0 -3px 0 rgba(128,0,7,.22)!important;color:#fff!important;display:flex!important;font-size:13px!important;font-weight:850!important;height:37px!important;justify-content:flex-start!important;min-height:37px!important;overflow:hidden!important;padding:0 13px!important;position:relative!important}.rx-plan__title:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)!important;content:""!important;height:70px!important;left:-34px!important;position:absolute!important;top:-40px!important;transform:rotate(-18deg)!important;width:180px!important}.rx-plan__title:after{background:#fff!important;border-radius:62% 0 0 0!important;border-top:4px solid rgba(237,7,18,.2)!important;bottom:-28px!important;box-shadow:-10px -4px 0 rgba(153,0,8,.12)!important;content:""!important;height:45px!important;position:absolute!important;right:-4px!important;transform:rotate(-6deg)!important;width:145px!important}.rx-plan__title span{align-items:center!important;display:flex!important;gap:8px!important;position:relative!important;z-index:3!important}.rx-plan__title i{font-size:16px!important}
.rx-plan__rows{padding:2px 12px 0!important}.rx-plan__rows>div{align-items:center!important;border-bottom:1px solid #dfe1e4!important;display:flex!important;height:28px!important;justify-content:space-between!important;min-height:28px!important}.rx-plan__rows span{align-items:center!important;color:#1c1c1c!important;display:flex!important;font-size:10px!important;font-weight:650!important;gap:7px!important}.rx-plan__rows span i{color:#df000b!important;font-size:10px!important;text-align:center!important;width:14px!important}.rx-plan__rows strong{color:#d0000a!important;font-size:10px!important;font-weight:750!important;max-width:49%!important;text-align:right!important;white-space:nowrap!important}
.rx-ranks{display:grid!important;gap:6px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:8px 9px 10px!important}.rx-ranks a{align-items:center!important;background:linear-gradient(145deg,#fff,#eceff2)!important;border:1px solid #cdd0d4!important;border-radius:10px!important;color:#111!important;display:flex!important;flex-direction:column!important;height:44px!important;justify-content:center!important;min-height:44px!important;overflow:visible!important;padding:4px 1px!important;position:relative!important}.rx-ranks a:not(:last-child):after{color:#d6000b!important;content:'››'!important;font-size:10px!important;font-weight:900!important;position:absolute!important;right:-9px!important;top:14px!important;z-index:3!important}.rx-ranks a.is-active{background:linear-gradient(160deg,#ef0713,#b80009)!important;border-color:#a90008!important;box-shadow:0 5px 11px rgba(134,0,7,.22)!important;color:#fff!important}.rx-ranks span{font-size:8.5px!important;line-height:1.1!important}.rx-ranks strong{font-size:7.5px!important;line-height:1.1!important;margin-top:3px!important;white-space:nowrap!important}

/* Six-position reference navigation; entries and labels still come from Admin. */
.cx-bottom-nav{align-items:stretch!important;backdrop-filter:blur(16px)!important;background:linear-gradient(158deg,#ef0713,#bd0009)!important;border:1px solid #a60008!important;border-radius:17px!important;bottom:7px!important;box-shadow:0 -6px 18px rgba(109,0,6,.22)!important;display:grid!important;grid-auto-columns:1fr!important;grid-auto-flow:column!important;height:82px!important;max-width:460px!important;overflow:hidden!important;padding:5px!important;width:calc(100% - 20px)!important}.cx-bottom-nav:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)!important;content:""!important;height:3px!important;left:8%!important;position:absolute!important;top:0!important;width:84%!important}.cx-bottom-nav__item{color:#fff!important;display:flex!important;flex-direction:column!important;gap:4px!important;justify-content:center!important;min-width:0!important;padding:3px 1px!important}.cx-bottom-nav__item>span{color:#fff!important;font-size:18px!important;height:23px!important}.cx-bottom-nav__item img{height:21px!important;object-fit:contain!important;width:21px!important}.cx-bottom-nav__item small{color:inherit!important;font-size:8px!important;line-height:1!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.cx-bottom-nav__item.active{background:#fff!important;border-radius:14px!important;box-shadow:0 4px 11px rgba(81,0,4,.24)!important;color:#d6000b!important;margin:0!important}.cx-bottom-nav__item.active>span,.cx-bottom-nav__item.active small,.cx-bottom-nav__item.active *{color:#d6000b!important;-webkit-text-fill-color:#d6000b!important}

/* Shared page details beyond the dashboard. */
.mobile-app-container .dashboard-body>.section-header:first-child,.mobile-app-container .profile-header~.section-header{background:#fff!important;border:1px solid rgba(210,0,12,.18)!important;border-radius:14px!important;box-shadow:0 5px 14px rgba(76,0,4,.07)!important;min-height:55px!important;overflow:hidden!important;padding:13px!important;position:relative!important}.mobile-app-container .dashboard-body>.section-header:first-child:before,.mobile-app-container .profile-header~.section-header:before{background:linear-gradient(90deg,#ed0713,#b40009)!important;content:""!important;height:5px!important;left:0!important;position:absolute!important;top:0!important;width:42%!important}.mobile-app-container .dashboard-body>.section-header:first-child>*{position:relative!important;z-index:2!important}.mobile-app-container .dashboard-body>.section-header:first-child .section-header__title,.mobile-app-container .profile-header~.section-header .section-header__title{color:#171717!important;font-size:18px!important;font-weight:850!important}
.mobile-app-container .wallet-stats{display:grid!important;gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:12px!important}.mobile-app-container .wallet-stat{background:linear-gradient(145deg,#fff,#f4f5f7)!important;border:1px solid rgba(210,0,12,.2)!important;border-radius:13px!important;box-shadow:0 5px 13px rgba(75,0,4,.06)!important;padding:12px!important}.mobile-app-container .wallet-stat__label{color:#6f7378!important;font-size:11px!important}.mobile-app-container .wallet-stat__value{color:#d0000a!important;font-size:16px!important;font-weight:800!important;margin-top:4px!important}
.mobile-app-container .profile-header{align-items:center!important;background:linear-gradient(145deg,#fff,#f4f5f7)!important;border:1px solid rgba(210,0,12,.2)!important;border-radius:16px!important;box-shadow:0 6px 16px rgba(75,0,4,.08)!important;display:flex!important;gap:13px!important;margin-bottom:12px!important;min-height:96px!important;overflow:hidden!important;padding:14px!important;position:relative!important}.mobile-app-container .profile-avatar{align-items:center!important;background:linear-gradient(145deg,#ed0713,#b00008)!important;border:4px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 2px #d8000b!important;color:#fff!important;display:flex!important;flex:0 0 58px!important;font-size:23px!important;height:58px!important;justify-content:center!important}.mobile-app-container .profile-info__name{color:#171717!important;font-size:17px!important;font-weight:850!important}.mobile-app-container .profile-info__id{color:#d0000a!important;font-size:11px!important;margin-top:4px!important}

/* Final optical sizing from the accepted reference. */
.rx-action-card>span{font-size:24px!important}.rx-action-card strong{font-size:10px!important}.rx-plan__rows span,.rx-plan__rows strong{font-size:11px!important}.rx-ranks span{font-size:9.5px!important}.rx-ranks strong{font-size:8.5px!important}
@media(max-width:480px){.mobile-app-container{padding-left:14px!important;padding-right:14px!important;padding-top:116px!important}.cx-header{height:116px!important;padding:9px 14px 22px!important}.cx-header .cx-brand img{height:48px!important;max-height:48px!important;object-fit:cover!important;width:min(100%,216px)!important}}
@media(max-width:370px){.mobile-app-container{padding-left:10px!important;padding-right:10px!important}.cx-header{grid-template-columns:36px minmax(0,1fr) 36px!important;padding-left:10px!important;padding-right:10px!important}.cx-header .cx-brand img{height:43px!important;max-height:43px!important;width:min(100%,190px)!important}.rx-brand-ribbon{max-width:164px!important;min-width:138px!important}.rx-profile{padding-left:12px!important}.rx-avatar{flex-basis:57px!important;height:57px!important;width:57px!important}.rx-profile__copy small{font-size:11px!important}.rx-profile__copy strong{font-size:12px!important}.rx-action-grid{gap:5px!important}.rx-action-card strong{font-size:7.6px!important}.rx-ranks{gap:4px!important}.rx-ranks strong{font-size:6.8px!important}}

/* Reference-locked artwork and proportions. */
.rx-profile{background-color:#fff!important;background-image:linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)),url('../images/rx-profile-globe-wave.png')!important;background-position:center,45px center!important;background-repeat:no-repeat!important;background-size:100% 100%,cover!important}
.rx-profile:before,.rx-profile:after{display:none!important}
.rx-avatar{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.rx-avatar img{display:block!important;height:100%!important;max-width:none!important;object-fit:contain!important;width:100%!important}
.rx-action-card:before{display:none!important}
.rx-action-grid>.rx-action-card:nth-last-child(2):nth-child(4n+1){grid-column:2!important}.rx-action-grid>.rx-action-card:nth-last-child(2):nth-child(4n+1)+.rx-action-card{grid-column:3!important}

/* Every genuinely red surface uses white foreground content. */
.rx-balance,.rx-balance *,
.rx-plan__title,.rx-plan__title *,
.rx-ranks a.is-active,.rx-ranks a.is-active *,
.rx-profile__copy>span,
.cx-bottom-nav,.cx-bottom-nav .cx-bottom-nav__item:not(.active),.cx-bottom-nav .cx-bottom-nav__item:not(.active) *,
.cx-panel>.cx-panel__heading,.cx-panel>.cx-panel__heading *,
.card.custom--card>.card-header,.card.custom--card>.card-header *,
.custom--card>.card-header,.custom--card>.card-header *,
.cx-primary-btn,.cx-primary-btn *,
.mobile-btn:not(.mobile-btn--secondary),.mobile-btn:not(.mobile-btn--secondary) *,
.btn--base,.btn--base *,
.bg--base,.bg--base *,
.page-item.active .page-link,
.cx-level>span,.cx-level>span *,
.cx-row__avatar,.cx-row__avatar *,
.cx-q-mark span,.cx-q-mark span *,
.cx-invite__copy,.cx-invite__copy *,
.mobile-app-container .cx-appreciation-hero,.mobile-app-container .cx-appreciation-hero *,
.service-card__icon,.service-card__icon *{color:#fff!important;-webkit-text-fill-color:#fff!important}
.mobile-app-container .cx-appreciation-status,.mobile-app-container .cx-appreciation-status *{color:#c6000a!important;-webkit-text-fill-color:#c6000a!important}

@media(max-width:370px){
    .mobile-app-container{padding:100px 10px 84px!important}
    .cx-header{height:100px!important;padding:5px 10px 16px!important}
    .cx-header:before{bottom:-4px!important;height:78px!important;width:165px!important}
    .cx-header .cx-brand img{height:49px!important;max-height:49px!important;width:230px!important}
    .rx-brand-ribbon{font-size:5.5px!important;max-width:180px!important;min-width:166px!important;padding:3px 9px!important}
    .rx-profile{border-radius:0 0 20px 20px!important;gap:9px!important;height:94px!important;margin-bottom:3px!important;min-height:94px!important;padding:12px 10px 8px 8px!important}
    .rx-avatar{flex-basis:72px!important;height:72px!important;width:72px!important}
    .rx-profile__copy small{font-size:12px!important;line-height:1.08!important}
    .rx-profile__copy strong{font-size:12px!important;line-height:1.12!important}
    .rx-profile__copy>span{font-size:10px!important;margin-top:4px!important;min-width:77px!important;padding:4px 11px!important}
    .rx-balance{border-radius:14px!important;height:66px!important;margin-bottom:8px!important;min-height:66px!important;padding:7px 9px!important}
    .rx-balance__icon{font-size:27px!important;height:45px!important;width:57px!important}
    .rx-balance__copy{padding:0 7px!important}.rx-balance__copy small{font-size:12px!important}.rx-balance__copy strong{font-size:24px!important}.rx-balance__copy em{font-size:11px!important}
    .rx-balance__toggle{font-size:16px!important;height:36px!important;padding-left:13px!important}
    .rx-action-grid{gap:6px 5px!important;margin-bottom:10px!important}
    .rx-action-card{border-radius:10px!important;height:55px!important;min-height:55px!important;padding:4px 2px!important}
    .rx-action-card>span{font-size:22px!important;height:25px!important}.rx-action-card strong{font-size:9.5px!important}
    .rx-plan{border-radius:13px!important;height:185px!important}
    .rx-plan__title{font-size:13px!important;height:34px!important;min-height:34px!important;padding:0 11px!important}
    .rx-plan__rows{padding:1px 10px 0!important}.rx-plan__rows>div{height:24px!important;min-height:24px!important}.rx-plan__rows span,.rx-plan__rows strong{font-size:10.5px!important}
    .rx-ranks{gap:5px!important;padding:6px 7px 8px!important}.rx-ranks a{height:42px!important;min-height:42px!important}.rx-ranks span{font-size:9px!important}.rx-ranks strong{font-size:8px!important}
    .cx-bottom-nav{border-radius:16px!important;bottom:7px!important;height:72px!important;padding:4px!important;width:calc(100% - 12px)!important}
    .cx-bottom-nav__item{gap:3px!important}.cx-bottom-nav__item>span{font-size:18px!important;height:22px!important}.cx-bottom-nav__item small{font-size:8px!important}.cx-bottom-nav__item.active{border-radius:13px!important}
}

/* Complete dashboard sections retained from the full COMMUNEX user flow. */
.rx-wallet-head{align-items:center!important;background:linear-gradient(156deg,#f30815 0,#d0000b 55%,#a80008 100%)!important;border:1px solid #bd0009!important;border-radius:14px!important;box-shadow:0 6px 13px rgba(120,0,6,.2)!important;color:#fff!important;display:flex!important;gap:10px!important;margin:0 0 8px!important;min-height:58px!important;overflow:hidden!important;padding:8px 13px!important;position:relative!important}.rx-wallet-head:after{background:rgba(255,255,255,.17)!important;border-radius:50%!important;content:""!important;height:90px!important;position:absolute!important;right:-20px!important;top:-52px!important;width:150px!important}.rx-wallet-head>*{position:relative!important;z-index:2!important}.rx-wallet-head__icon{align-items:center!important;background:#fff!important;border-radius:10px!important;color:#d5000b!important;display:flex!important;flex:0 0 39px!important;font-size:18px!important;height:39px!important;justify-content:center!important}.rx-wallet-head__copy{display:flex!important;flex:1!important;flex-direction:column!important;min-width:0!important}.rx-wallet-head__copy strong{color:#fff!important;font-size:14px!important;font-weight:850!important}.rx-wallet-head__copy small{color:#fff!important;font-size:9px!important;opacity:.9!important}.rx-wallet-head__chevron{color:#fff!important;font-size:13px!important}
.rx-wallet-grid{display:grid!important;gap:7px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 0 9px!important}.rx-wallet-card{align-items:center!important;background:linear-gradient(145deg,#fff,#f1f3f5)!important;border:1px solid #d6d9dd!important;border-radius:13px!important;box-shadow:0 4px 9px rgba(38,38,38,.1)!important;color:#161616!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:92px!important;overflow:hidden!important;padding:10px 21px 9px 8px!important;position:relative!important;text-align:center!important}.rx-wallet-card:before{background:linear-gradient(90deg,#ed0713,#b50009)!important;content:""!important;height:3px!important;left:18%!important;position:absolute!important;top:0!important;width:64%!important}.rx-wallet-card__icon{align-items:center!important;color:#dc000b!important;display:flex!important;font-size:22px!important;height:28px!important;justify-content:center!important}.rx-wallet-card__icon img{height:25px!important;max-width:34px!important;object-fit:contain!important}.rx-wallet-card__label{color:#252525!important;font-size:9px!important;font-weight:650!important;margin-top:2px!important}.rx-wallet-card__amount{color:#d0000a!important;font-size:15px!important;font-weight:850!important;line-height:1.15!important;margin-top:4px!important}.rx-wallet-card__amount small{color:#d0000a!important;font-size:8px!important}.rx-wallet-card__chevron{color:#d0000a!important;font-size:9px!important;position:absolute!important;right:9px!important;top:50%!important;transform:translateY(-50%)!important}.rx-wallet-card--display{cursor:default!important}
.rx-plan{height:auto!important;min-height:0!important;margin-bottom:10px!important}.rx-plan__title{justify-content:space-between!important}.rx-plan__title>a{align-items:center!important;color:#fff!important;display:flex!important;font-size:8px!important;font-weight:700!important;gap:4px!important;position:relative!important;z-index:3!important}.rx-plan__rows>div{height:26px!important;min-height:26px!important}.rx-ranks{padding-bottom:9px!important}
.rx-transactions{background:#fff!important;border:1px solid #d9dbde!important;border-radius:14px!important;box-shadow:0 6px 14px rgba(65,0,3,.12)!important;margin:0 0 10px!important;overflow:hidden!important}.rx-transactions__head{align-items:center!important;background:linear-gradient(145deg,#ef0713,#bd0009)!important;color:#fff!important;display:flex!important;height:38px!important;justify-content:space-between!important;padding:0 12px!important}.rx-transactions__head>span{align-items:center!important;color:#fff!important;display:flex!important;font-size:12px!important;gap:7px!important}.rx-transactions__head a{color:#fff!important;font-size:8px!important}.rx-transaction-list{padding:6px!important}.rx-transaction{align-items:center!important;border-bottom:1px solid #e1e3e6!important;color:#171717!important;display:flex!important;gap:8px!important;min-height:56px!important;padding:7px 5px!important}.rx-transaction:last-child{border-bottom:0!important}.rx-transaction__icon{align-items:center!important;background:linear-gradient(145deg,#d8ffe3,#70d98e)!important;border:1px solid #53bd72!important;border-radius:50%!important;color:#087128!important;display:flex!important;flex:0 0 36px!important;height:36px!important;justify-content:center!important}.rx-transaction__icon--out{background:linear-gradient(145deg,#ffe0e1,#ff979d)!important;border-color:#eb7078!important;color:#a60009!important}.rx-transaction__copy{display:flex!important;flex:1!important;flex-direction:column!important;min-width:0!important}.rx-transaction__copy strong{color:#181818!important;font-size:9px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.rx-transaction__copy small{color:#74787d!important;font-size:7px!important;margin-top:3px!important}.rx-transaction__amount{font-size:8px!important;font-weight:850!important;white-space:nowrap!important}.rx-transaction__amount.positive{color:#058b38!important}.rx-transaction__amount.negative{color:#cc000a!important}.rx-transaction__amount small{color:inherit!important;font-size:7px!important}.rx-transaction-empty{align-items:center!important;color:#73777d!important;display:flex!important;font-size:9px!important;gap:8px!important;justify-content:center!important;min-height:64px!important}.rx-disclaimer{color:#777b80!important;font-size:7.5px!important;line-height:1.45!important;margin:2px auto 8px!important;max-width:300px!important;text-align:center!important}

/* Red/white authentication screens: compact, complete and gap-free. */
body:has(.login-container){background:#eef0f3!important;color:#171717!important}
.login-container{background:linear-gradient(180deg,#fff 0,#fff 82%,#eef0f3 100%)!important;display:flex!important;isolation:isolate!important;justify-content:flex-start!important;max-width:480px!important;min-height:100dvh!important;overflow:hidden!important;padding:24px 20px 34px!important;position:relative!important}.login-container:before{background:linear-gradient(150deg,#f40a17 0,#d0000b 56%,#a80008 100%)!important;content:""!important;height:215px!important;left:0!important;position:absolute!important;right:0!important;top:0!important;z-index:0!important}.login-container:after{background:#fff!important;border-radius:50% 50% 0 0!important;box-shadow:0 -5px 0 rgba(255,255,255,.32)!important;content:""!important;height:75px!important;left:-12%!important;position:absolute!important;top:174px!important;transform:rotate(-4deg)!important;width:125%!important;z-index:1!important}.login-container>*{position:relative!important;z-index:2!important}.login-container:before{background-image:repeating-radial-gradient(ellipse at 88% 45%,transparent 0 10px,rgba(255,255,255,.1) 11px 12px),linear-gradient(150deg,#f40a17 0,#d0000b 56%,#a80008 100%)!important}.login-logo{align-items:center!important;display:flex!important;height:76px!important;justify-content:center!important;margin:0 auto 2px!important;width:100%!important}.login-logo .cx-brand--auth img{filter:drop-shadow(0 4px 4px rgba(72,0,4,.28))!important;height:72px!important;max-height:72px!important;max-width:270px!important;object-fit:contain!important;width:min(78vw,270px)!important}.login-title{margin:0 0 17px!important;text-align:center!important}.login-title h1{color:#fff!important;font-size:25px!important;font-weight:850!important;line-height:1.08!important;margin:0!important;text-shadow:0 2px 3px rgba(74,0,4,.28)!important}.login-title p{color:#fff!important;font-size:11px!important;margin:6px 0 0!important;opacity:.92!important}.login-form{background:#fff!important;border:1px solid rgba(210,0,12,.22)!important;border-radius:18px!important;box-shadow:0 16px 36px rgba(80,0,4,.14)!important;margin:0!important;overflow:hidden!important;padding:23px 16px 17px!important;position:relative!important;width:100%!important}.login-form:before{height:7px!important;width:72%!important}.login-form:after{height:105px!important;right:-58px!important;top:-58px!important;width:145px!important}.mobile-form-group{margin-bottom:11px!important}.mobile-input-wrapper .mobile-input,.login-form .form--control,.login-form .select2-selection--single{background:#fff!important;border:1px solid #cfd3d8!important;border-radius:11px!important;box-shadow:none!important;color:#171717!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:13px!important;height:46px!important;min-height:46px!important}.mobile-input-wrapper .mobile-input{padding-left:43px!important}.mobile-input-wrapper .input-icon{color:#d9000b!important;left:12px!important}.mobile-input::placeholder{color:#7a7e84!important;opacity:1!important}.login-form .select2-container{width:100%!important}.login-form .select2-container--default .select2-selection--single .select2-selection__rendered{color:#171717!important;font-size:13px!important;line-height:44px!important;padding-left:43px!important}.login-form .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px!important}.login-form .mobile-btn,.login-secondary-action{align-items:center!important;background:linear-gradient(150deg,#ef0713,#c4000a)!important;border:1px solid #b50009!important;border-radius:11px!important;box-shadow:0 8px 16px rgba(166,0,8,.2)!important;color:#fff!important;display:flex!important;font-size:11px!important;font-weight:850!important;height:46px!important;justify-content:center!important;padding:0 14px!important;text-align:center!important;width:100%!important}.login-secondary-action{margin-top:13px!important}.login-footer{align-items:center!important;color:#74787d!important;display:flex!important;flex-wrap:wrap!important;font-size:10px!important;gap:4px!important;justify-content:center!important;margin-top:13px!important}.login-footer a{color:#c9000a!important;font-size:10px!important;font-weight:700!important}.login-footer--account{margin-top:14px!important}.mobile-phone-field{display:flex!important;gap:8px!important}.mobile-phone-field .mobile-code{align-items:center!important;background:#fff!important;border:1px solid #cfd3d8!important;border-radius:11px!important;color:#d0000a!important;cursor:pointer!important;display:flex!important;font-size:12px!important;font-weight:750!important;justify-content:center!important;min-width:64px!important;padding:0 10px!important}.mobile-phone-field .mobile-input{flex:1!important;min-width:0!important;padding-left:13px!important}.auth-agreement-wrap{margin-bottom:15px!important}.auth-agreement{align-items:flex-start!important;color:#6d7177!important;display:flex!important;font-size:9px!important;gap:8px!important}.auth-agreement input{accent-color:#d6000b!important;margin-top:2px!important}.auth-agreement a{color:#c8000a!important;font-weight:700!important}.auth-exists-modal{background:#fff!important;border:1px solid rgba(210,0,12,.25)!important;color:#171717!important}.auth-exists-modal .modal-header,.auth-exists-modal .modal-footer{border-color:#e0e2e5!important}.auth-exists-modal .modal-title,.auth-exists-modal .close{color:#171717!important}.auth-exists-modal .modal-body{color:#6f7378!important}
@media(max-width:370px){.rx-wallet-card{min-height:84px!important}.login-container{padding:18px 16px 30px!important}.login-container:before{height:198px!important}.login-container:after{top:160px!important}.login-logo{height:68px!important}.login-logo .cx-brand--auth img{height:64px!important;max-height:64px!important}.login-title{margin-bottom:14px!important}.login-title h1{font-size:23px!important}.login-form{padding:21px 13px 15px!important}}

/* Login alignment pass: centre the card stack and balance the dynamic logo/title. */
:is(.login-container--login,.login-container--register){align-items:center!important;padding:16px 16px 34px!important}
:is(.login-container--login,.login-container--register) .login-hero{align-items:center!important;display:flex!important;flex:0 0 160px!important;flex-direction:column!important;justify-content:flex-start!important;margin:0 auto!important;max-width:400px!important;width:100%!important}
:is(.login-container--login,.login-container--register) .login-logo{align-items:center!important;display:flex!important;height:82px!important;justify-content:center!important;margin:0 auto!important;overflow:visible!important;width:100%!important}
:is(.login-container--login,.login-container--register) .login-logo .cx-brand--auth{align-items:center!important;display:flex!important;height:78px!important;justify-content:center!important;overflow:hidden!important;width:min(68vw,240px)!important}
:is(.login-container--login,.login-container--register) .login-logo .cx-brand--auth img{display:block!important;filter:drop-shadow(0 4px 4px rgba(72,0,4,.28))!important;height:100%!important;max-height:none!important;max-width:none!important;object-fit:cover!important;object-position:center!important;width:100%!important}
:is(.login-container--login,.login-container--register) .login-title{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:0!important;min-height:75px!important;text-align:center!important;width:100%!important}
:is(.login-container--login,.login-container--register) .login-title h1{color:#fff!important;font-size:25px!important;font-weight:900!important;letter-spacing:-.025em!important;line-height:1.02!important;margin:0!important;max-width:100%!important;text-align:center!important}
.login-container--login .login-title h1 span{display:block!important}
:is(.login-container--login,.login-container--register) .login-title p{color:#fff!important;font-size:11px!important;line-height:1.2!important;margin:7px 0 0!important;opacity:.95!important;text-align:center!important}
:is(.login-container--login,.login-container--register) .login-card-stack{align-items:center!important;display:flex!important;flex-direction:column!important;margin:11px auto 0!important;max-width:400px!important;width:100%!important}
:is(.login-container--login,.login-container--register) .login-form,.login-container--login .login-secondary-action{margin-left:auto!important;margin-right:auto!important;width:100%!important}
@media(max-width:370px){:is(.login-container--login,.login-container--register){padding:13px 14px 30px!important}:is(.login-container--login,.login-container--register) .login-hero{flex-basis:153px!important}:is(.login-container--login,.login-container--register) .login-logo{height:76px!important}:is(.login-container--login,.login-container--register) .login-logo .cx-brand--auth{height:72px!important;width:min(70vw,225px)!important}:is(.login-container--login,.login-container--register) .login-title{min-height:73px!important}:is(.login-container--login,.login-container--register) .login-title h1{font-size:23px!important}:is(.login-container--login,.login-container--register) .login-card-stack{margin-top:10px!important}}

/* Match the accepted black/gold authentication screen's vertical placement. */
:is(.login-container--login,.login-container--register){padding:clamp(112px,22vh,190px) 14px 34px!important}
:is(.login-container--login,.login-container--register):before{height:calc(clamp(112px,22vh,190px) + 265px)!important}
:is(.login-container--login,.login-container--register):after{top:calc(clamp(112px,22vh,190px) + 224px)!important}
:is(.login-container--login,.login-container--register) .login-hero{flex-basis:205px!important}
:is(.login-container--login,.login-container--register) .login-title{margin-top:48px!important}
:is(.login-container--login,.login-container--register) .login-card-stack{margin-top:24px!important}
@media(max-width:370px){:is(.login-container--login,.login-container--register) .login-hero{flex-basis:205px!important}:is(.login-container--login,.login-container--register) .login-title{margin-top:48px!important}:is(.login-container--login,.login-container--register) .login-card-stack{margin-top:24px!important}}
