/* Home screen refresh (2026-09-28): compact wallets, labelled service tiles, News badge. Loaded last. */
.dashboard-screen .hello-row{margin:0 2px 14px}

/* Wallet cards */
.dashboard-screen .home-wallets{border-radius:22px}
.dashboard-screen .home-wallets .wallet-slide{min-height:0}
.home-wallet{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px 16px 14px;border:3px solid transparent;border-radius:22px;color:#fff;overflow:hidden;isolation:isolate;background:linear-gradient(125deg,#23262a,#0b1216 70%,#10362d) padding-box,conic-gradient(from 210deg,#0099f4,#66e333,#00d891,#006cff,#42e77b,#0099f4) border-box}
.home-wallet:before{content:"";position:absolute;z-index:-1;width:62%;height:150%;right:-30%;top:-30%;transform:rotate(30deg);border-radius:0 0 0 85%;background:linear-gradient(160deg,#0065ea 10%,#00a7c4 49%,#23d635 77%,#0e5451);opacity:.55;pointer-events:none}
.home-wallet-cash{background:linear-gradient(125deg,#2b2f33,#15191c 70%,#1d2a33) padding-box,conic-gradient(from 210deg,#0099f4,#66e333,#00d891,#006cff,#42e77b,#0099f4) border-box}
.home-wallet-cash:before{background:linear-gradient(160deg,#5b6770,#2b8fb3 60%,#1e3b4a);opacity:.45}
.home-wallet .wallet-watermark{position:absolute;right:24%;top:22%;width:92px;height:92px;opacity:.22;z-index:-1;pointer-events:none}
.hw-brand{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.03em;line-height:1.2}
.hw-brand b{background:linear-gradient(100deg,#4fc32b,#00b7a0);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-wallet-cash .hw-brand b{background:none;color:#8fd3f0}
.hw-brand em{font-style:normal;font-size:9.5px;font-weight:600;color:#aeb4bb}
.hw-balance{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.hw-balance>div:first-child{min-width:0}
.hw-balance small{display:block;font-size:11.5px;color:#c5cad1}
.dashboard-screen .home-wallet h1{margin:2px 0 0;font-size:31px;line-height:1.1;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-unit{display:block;margin-top:2px;font-size:11.5px;color:#aeb4bb}
.hw-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.hw-eye{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff2b;background:#ffffff14;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.hw-eye svg{width:18px;height:18px}
.dashboard-screen .hw-currency{position:static;display:flex;gap:2px;padding:2px;margin:0;border-radius:99px;background:#ffffff14;border:1px solid #ffffff24}
.dashboard-screen .hw-currency button{min-width:0;height:24px;padding:0 9px;border:0;border-radius:99px;background:transparent;color:#cfd4da;font-size:10.5px;font-weight:700;cursor:pointer}
.dashboard-screen .hw-currency button.active{background:#fff;color:#0b0b0c}
.hw-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.hw-actions a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#e6e8eb;text-decoration:none;font-size:11px;font-weight:600;line-height:1.1;text-align:center;min-width:0}
.hw-actions i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ffffff14;border:1px solid #ffffff22;transition:transform .12s ease,background .12s ease}
.hw-actions i svg{width:19px;height:19px}
.hw-actions a.primary i{background:linear-gradient(120deg,#36ea37,#00cbb3 35%,#008cff 75%,#0057f5);border-color:#ffffff55;box-shadow:0 4px 14px #00cd8f33}
.hw-actions a:active i{transform:scale(.92)}
.hw-actions a:focus-visible{outline:none}.hw-actions a:focus-visible i{outline:2px solid #fff;outline-offset:2px}
.dashboard-screen .hw-pager{margin:4px 0 0;gap:0}
.dashboard-screen .hw-pager button{width:26px;height:22px}
.dashboard-screen .hw-pager button:after{left:9px;top:8px;width:7px;height:7px;transition:width .2s ease,left .2s ease}
.dashboard-screen .hw-pager button.active:after{left:4px;width:18px;border-radius:9px;background:#0b0b0c}

/* Services tiles with real labels */
.home-section-head{display:flex;justify-content:space-between;align-items:baseline;margin:10px 2px 10px}
.home-section-head h2{margin:0;font-size:17px;font-weight:700;color:#0b0b0c}
.dashboard-screen .home-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px;margin:0 0 18px}
.dashboard-screen .home-tiles .service-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0;border:0;background:none;font:inherit;color:#1f2328;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dashboard-screen .home-tiles .service-tile img{width:100%;max-width:70px;height:auto;aspect-ratio:1/1;border:0;border-radius:19px;background:#000;box-shadow:0 6px 14px #00000024;transition:transform .12s ease,box-shadow .12s ease}
.dashboard-screen .home-tiles .service-tile:active img{transform:scale(.93);box-shadow:0 2px 6px #0000002e}
.dashboard-screen .home-tiles .service-tile:focus-visible{outline:none}
.dashboard-screen .home-tiles .service-tile:focus-visible img{outline:2px solid #0b0b0c;outline-offset:3px}
.dashboard-screen .home-tiles .service-tile .tile-label{height:auto;margin:0;padding:0;background:none;border-radius:0;place-items:initial;display:block;max-width:100%;font-size:12px;font-weight:600;line-height:1.15;color:#1f2328;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile-badge{position:absolute;top:-5px;left:calc(50% + 22px);min-width:20px;height:20px;padding:0 5px;border-radius:10px;border:2px solid #fff;background:#ef4444;color:#fff;font-size:10.5px;font-weight:700;line-height:16px;text-align:center;box-sizing:border-box}
.dashboard-screen .image-slider{margin-top:6px}

@media (max-width:360px){
  .home-wallet{padding:12px 13px}
  .dashboard-screen .home-wallet h1{font-size:26px}
  .hw-actions i{width:38px;height:38px;border-radius:12px}
  .hw-actions a{font-size:10px}
  .dashboard-screen .home-tiles .service-tile .tile-label{font-size:11px}
  .dashboard-screen .home-tiles{gap:12px 6px}
  .tile-badge{left:calc(50% + 16px)}
}
@media (prefers-reduced-motion:reduce){.hw-actions i,.dashboard-screen .home-tiles .service-tile img{transition:none}}