/* Reference dashboard. Account data and wallet controls remain live. */
.dashboard-screen{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:130px}
.dashboard-screen .topbar{height:64px;margin-bottom:22px}
.reference-wordmark{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}
.brand-symbol{display:block;flex-shrink:0;width:47px;height:47px;background:linear-gradient(120deg,#4fc32b 8%,#00b771 37%,#02a9e9 60%,#0061dc 95%);-webkit-mask:url('../images/ultimate-logo-transparent.png') 50% 27% / 170% 170% no-repeat;mask:url('../images/ultimate-logo-transparent.png') 50% 27% / 170% 170% no-repeat}
.brand-name{font-size:14px;font-weight:750;line-height:1.2;white-space:nowrap;color:#111}
.brand-name strong{display:block;font-size:15px;font-weight:700;color:#17a85b;background:linear-gradient(90deg,#48c62b,#009eaf 60%,#006bea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.dashboard-screen .hello-row{margin:0 4px 19px;gap:13px}.dashboard-screen .hello-row .avatar{width:47px;height:47px}.dashboard-screen .hello-row small{font-size:14px}.dashboard-screen .hello-row strong{font-size:19px;line-height:1.3}
.dashboard-screen .wallet-carousel{border-radius:23px;overflow-y:hidden;box-shadow:0 0 12px #009bcc18}
.dashboard-screen .wallet-slide{box-sizing:border-box;aspect-ratio:auto;min-height:264px}
.dashboard-screen .wallet-black,.dashboard-screen .wallet-gray{border:3px solid transparent;border-radius:23px;padding:18px;grid-template-columns:minmax(0,1fr) 43px;grid-template-rows:auto 1fr auto;gap:16px 10px;background:linear-gradient(125deg,#242627,#0a1115 72%,#123d32) padding-box,conic-gradient(from 210deg,#0099f4,#66e333,#00d891,#006cff,#42e77b,#0099f4) border-box;box-shadow:inset 0 0 0 1px #ffffff20;isolation:isolate}
.dashboard-screen .wallet-black:after,.dashboard-screen .wallet-gray:after{display:none}
.dashboard-screen .wallet-black:before{content:"";position:absolute;z-index:-1;width:60%;height:135%;right:-26%;top:-24%;transform:rotate(30deg);border:0;border-radius:0 0 0 85%;background:linear-gradient(160deg,#0065ea 10%,#00a7c4 49%,#23d635 77%,#0e5451);box-shadow:none;opacity:.8;pointer-events:none}
.dashboard-screen .wallet-black .wallet-watermark{position:absolute;right:18%;top:25%;width:110px;height:110px;opacity:.3;pointer-events:none;z-index:-1}
.dashboard-screen .wallet-black .card-brand,.dashboard-screen .wallet-gray .card-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 0 12px;border-bottom:1px solid #ffffff15;font-size:11px;line-height:1.3;font-weight:650}
.dashboard-screen .card-brand b{color:#30df40;background:linear-gradient(90deg,#40e820,#00bb9e,#168aff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.dashboard-screen .wallet-black .card-edition,.dashboard-screen .wallet-gray .card-edition{font-size:9px;font-weight:400;color:#c5c9cc}
.dashboard-screen .wallet-black small,.dashboard-screen .wallet-gray small{font-size:12px;color:#dedfe0;font-weight:400}
.dashboard-screen .wallet-black h1{font-size:34px;margin:5px 0 6px;line-height:1.15;min-height:39px;font-weight:650}
.dashboard-screen .wallet-black p,.dashboard-screen .wallet-gray p{font-size:12px;color:#d6dadd}
.dashboard-screen .wallet-black .ghost,.dashboard-screen .wallet-gray .ghost{width:43px;height:43px;align-self:start;margin-top:0;background:#1c2329c9;border:1px solid #ffffff2b;color:#fff}
.dashboard-screen .wallet-black .credit-actions,.dashboard-screen .wallet-gray .credit-actions{gap:8px;margin:0;align-self:end;grid-row:3}
.dashboard-screen .wallet-black .pill,.dashboard-screen .wallet-gray .pill{min-height:42px;font-size:12px;padding:7px 5px;font-weight:500}
.dashboard-screen .wallet-black .pill.outline-light.wallet-accent-action,.dashboard-screen .wallet-gray .pill.outline-light.wallet-accent-action{background:linear-gradient(105deg,#36ea37,#00cbb3 27%,#008cff 65%,#0057f5);border:1px solid #ffffff65;box-shadow:0 0 13px #00cd8f2b;color:#fff}
.dashboard-screen .wallet-gray{background:linear-gradient(125deg,#757d83,#414b53 80%,#345d57) padding-box,linear-gradient(125deg,#62d453,#1bbcca,#387ceb) border-box;grid-template-rows:auto 1fr auto auto}
.dashboard-screen .wallet-gray{row-gap:8px}.dashboard-screen .wallet-gray .credit-actions{grid-row:4}.dashboard-screen .wallet-gray .cash-currency{grid-row:3}.dashboard-screen .wallet-gray .card-brand svg{width:14px;height:14px}.dashboard-screen .wallet-gray .cash-card-brand{gap:4px}
.dashboard-screen .wallet-pager{margin:5px 0 0}.dashboard-screen .wallet-pager button:after{width:7px;height:7px}.dashboard-screen .wallet-pager button.active:after{background:#0074ee}
.dashboard-screen .wallet-swipe-hint{margin:0 0 20px;font-size:11px;color:#71777d}
.dashboard-screen .service-grid{gap:12px 10px;margin:0 0 20px}.dashboard-screen .service-tile img{border-radius:13px;box-shadow:0 2px 5px #0000000d}
.dashboard-screen .image-slider .banner-track{border:3px solid transparent;border-radius:21px;background:linear-gradient(#111,#111) padding-box,linear-gradient(120deg,#6ae737,#03d5c4,#068dff) border-box;box-shadow:0 0 12px #04bddd20}
.dashboard-screen .image-slider .banner-track:after{display:none}.dashboard-screen .image-slider img{border-radius:17px}
.dashboard-screen .discover-slide{position:relative}.dashboard-screen .discover-slide a{display:block;position:relative;width:100%;height:100%;color:#fff}.dashboard-screen .image-slider .discover-slide img{object-position:center 68%}
.discover-copy{position:absolute;top:15px;left:18px;text-shadow:0 1px 5px #00374480;line-height:1.05}.discover-copy>span{display:block;font-size:19px;font-weight:400}.discover-copy strong{display:block;margin-top:3px;font-size:27px;font-weight:750}
.dashboard-screen .bottom-nav{height:calc(85px + env(safe-area-inset-bottom));padding:10px 7px calc(10px + env(safe-area-inset-bottom));border-radius:23px 23px 0 0;border:1px solid #e8edf0;border-bottom:0;background:#fffffff5;box-shadow:0 -4px 17px #00000009}
.dashboard-screen .bottom-nav a{gap:5px;color:#6d7279}.dashboard-screen .bottom-nav a svg{width:24px;height:24px}.dashboard-screen .bottom-nav small{font-size:11px}.dashboard-screen .bottom-nav a.active{color:#0677ed}.dashboard-screen .bottom-nav a.active:not(.scan) svg{fill:#0789ef;stroke:#19bc89}
.dashboard-screen .bottom-nav .scan span{width:52px;height:52px;margin-top:-20px;border:4px solid #fff;box-sizing:content-box;box-shadow:none}.dashboard-screen .bottom-nav .scan svg{width:25px;height:25px;stroke:#fff}.dashboard-screen .bottom-nav .scan small{margin-top:-4px}
.dashboard-screen .bottom-nav small{white-space:nowrap}
@media(max-width:350px){.dashboard-screen .bottom-nav small{font-size:10px}.dashboard-screen .bottom-nav a[href="transactions.php"] small{font-size:9px}}
@media(min-width:480px){.dashboard-screen .wallet-black h1{font-size:42px}.dashboard-screen .wallet-black .wallet-watermark{width:140px;height:140px}.dashboard-screen .wallet-black .card-brand,.dashboard-screen .wallet-gray .card-brand{font-size:13px}.dashboard-screen .wallet-black .pill,.dashboard-screen .wallet-gray .pill{font-size:14px;min-height:48px}}
@media(max-width:350px){.reference-wordmark{gap:5px}.brand-symbol{width:37px;height:37px}.brand-name{font-size:11px}.brand-name strong{font-size:13px}.dashboard-screen .wallet-black,.dashboard-screen .wallet-gray{padding:14px;gap:13px 7px}.dashboard-screen .wallet-black .card-brand,.dashboard-screen .wallet-gray .card-brand{font-size:9px}.dashboard-screen .wallet-black .card-edition,.dashboard-screen .wallet-gray .card-edition{font-size:8px}.dashboard-screen .wallet-black .pill,.dashboard-screen .wallet-gray .pill{font-size:10px}.dashboard-screen .service-grid{gap:10px 8px}.dashboard-screen .wallet-black .wallet-watermark{width:95px;height:95px}.dashboard-screen .wallet-black h1{font-size:31px}}