:root{--rio-blue:#256bd3;--rio-ink:#172941;--rio-muted:#72859f;--rio-glass:rgba(255,255,255,.76)}
html{background:#e9f0f9}body{background:radial-gradient(ellipse at 8% 5%,#dcecff 0,transparent 48%),linear-gradient(160deg,#f5f9ff,#e9f0fa)!important;color:var(--rio-ink);min-height:100vh}
.shell{max-width:1120px!important;margin:auto;padding:clamp(12px,3vw,28px)!important}
.shell>header{background:var(--rio-glass)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid #fff!important;border-radius:24px!important;padding:14px 20px!important;box-shadow:0 12px 30px #4060800e}
.brand-name small{color:#6385b0}.hero{border-radius:28px!important;background:linear-gradient(125deg,#122d54,#2464b4)!important;color:#fff!important;box-shadow:0 16px 36px #2b65ac24!important;padding:clamp(22px,5vw,42px)!important}
.hero h1,.hero p,.hero .small{color:#fff!important}
#dashboard{position:relative;padding-bottom:calc(125px + env(safe-area-inset-bottom,0px))!important}
#dashboard .welcome{background:#ffffffae;border:1px solid white;border-radius:20px;padding:14px 18px;margin:15px 0}
#dashboard .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.panel,#dashboard .stats>.panel{background:var(--rio-glass)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #fff!important;border-radius:24px!important;box-shadow:0 8px 24px #41678c0d!important;padding:clamp(15px,3vw,24px)!important}
#dashboard nav.tabs{position:fixed!important;z-index:90;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(94vw,520px)!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px!important;padding:8px!important;min-height:unset!important;border-radius:26px!important;background:#ffffffdb!important;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid #fff!important;box-shadow:0 14px 38px #1e416b2b!important}
#dashboard nav.tabs .tab{min-width:0!important;min-height:60px!important;height:auto!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px!important;border-radius:18px!important;padding:7px 2px!important;background:transparent!important;color:#71849d!important;font-size:11px!important;line-height:1.2}
#dashboard nav.tabs .tab.selected{background:#e7f1ff!important;color:#1766cb!important;font-weight:800}
#dashboard nav.tabs .tab .rio-nav-svg{width:23px!important;height:23px!important;margin:0!important;color:inherit!important;min-width:23px!important;min-height:23px!important}
#dashboard nav.tabs .tab .rio-ico{font-size:28px;line-height:23px}
#dashboard [id^="page-"]>h2{font-size:clamp(21px,4vw,29px);letter-spacing:-.5px;margin:25px 0 17px}
#dashboard button:not(.tab),#code-form button{border-radius:15px}
#dashboard .service{border-radius:25px!important}
#dashboard .progress{border-radius:20px;overflow:hidden}
#dashboard .bar{border-radius:20px;background:linear-gradient(90deg,#2c77e4,#80baff)!important}
.rio-home-hero{border-radius:28px;background:linear-gradient(135deg,#102b51,#2364b5);padding:clamp(22px,4vw,34px);color:white;margin-top:18px;box-shadow:0 16px 36px #1c5aaf25}
.rio-kicker{font-size:11px;letter-spacing:1px;color:#b8d6ff}.rio-home-hero h2{font-size:clamp(23px,5vw,34px);margin:13px 0}.rio-home-hero p{color:#d3e5ff;font-size:13px}
.rio-home-balance{margin-top:20px;padding:16px;background:#ffffff1c;border:1px solid #ffffff38;border-radius:18px;font-size:12px}
.rio-home-balance strong{display:block;font-size:29px;margin:8px 0 2px}.rio-home-balance small{color:#d3e5ff}
.rio-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}
.rio-quick-grid button{background:#ffffffca!important;border:1px solid white!important;border-radius:23px!important;min-height:125px;padding:18px!important;text-align:right;box-shadow:0 6px 20px #3b63880e;color:#192e48!important}
.rio-quick-grid span{display:block;font-size:26px;color:#2670d4;margin-bottom:12px}.rio-quick-grid strong,.rio-quick-grid small{display:block}.rio-quick-grid small{color:#758aa5;margin-top:7px;font-size:11px}
#page-shop #shop-catalog,#page-services #services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px}
#page-wallet .panel,#page-account .panel{max-width:100%}
#login{max-width:520px;margin:28px auto}
#dashboard [hidden],#login[hidden],#page-home[hidden]{display:none!important}
@media(max-width:480px){.shell{padding:10px!important}.shell>header{padding:11px 14px!important}#dashboard .stats{gap:8px}#dashboard nav.tabs{width:calc(100vw - 20px)!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))}.rio-home-hero{padding:22px}.rio-quick-grid{gap:9px}}
@media(prefers-reduced-motion:no-preference){.panel,.rio-quick-grid button{transition:transform .18s,box-shadow .18s}.rio-quick-grid button:active{transform:scale(.97)}}

body:has(#dashboard:not([hidden])) main>.hero{display:none!important}
#dashboard nav.tabs .tab:focus-visible,.rio-quick-grid button:focus-visible{outline:3px solid #256bd3;outline-offset:2px}
#page-home .rio-home-hero{margin-top:18px}


/* RIOPING_DOCK_CENTER_FIX_V1 */
@media (max-width: 768px) {
  .rio-bottom-dock,
  .rio-floating-dock,
  .rio-ios-dock {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: max-content !important;
    max-width: calc(100vw - 24px) !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    bottom: max(14px, env(safe-area-inset-bottom)) !important;
    z-index: 999 !important;
  }
}


/* RIOPING_REAL_DOCK_CENTER_V2 */
@media (max-width: 768px) {
  #dashboard nav.tabs {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    width: calc(100vw - 24px) !important;
    max-width: 460px !important;

    margin: 0 !important;
    box-sizing: border-box !important;

    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 999 !important;

    display: flex !important;
    align-items: stretch !important;
    justify-content: space-around !important;
    gap: 4px !important;

    direction: rtl !important;
  }

  #dashboard nav.tabs .tab {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}


/* RIOPING_CONTRAST_FIX_V1 */

/* Main text */
#dashboard {
  color: #243A58;
}

#dashboard h1,
#dashboard h2,
#dashboard h3,
#dashboard strong {
  color: #183455;
}

/* Secondary text */
#dashboard .muted,
#dashboard .stat-label,
#dashboard .label {
  color: #526B88 !important;
  opacity: 1 !important;
}

/* Bottom navigation */
#dashboard nav.tabs .tab {
  color: #425D7C !important;
  opacity: 1 !important;
}

#dashboard nav.tabs .tab.selected {
  color: #1556A8 !important;
}

#dashboard nav.tabs .tab .rio-nav-svg {
  color: inherit !important;
}

/* Dark blue hero */
#dashboard .rio-home-hero,
#dashboard .rio-home-hero h1,
#dashboard .rio-home-hero h2,
#dashboard .rio-home-hero h3,
#dashboard .rio-home-hero p,
#dashboard .rio-home-hero strong,
#dashboard .rio-home-hero small {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

#dashboard .rio-home-hero .muted {
  color: #DCEAFF !important;
}


/* RIO_BALANCE_CONTRAST_V2 */
#dashboard .rio-home-hero .rio-home-balance {
    color: #ffffff !important;
    opacity: 1 !important;
}

#dashboard .rio-home-hero .rio-home-balance * {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* RIO_WALLET_TEXT_FINAL */
#dashboard .stats .panel .small {
  color: #183455 !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

#dashboard .rio-home-hero .rio-home-balance {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

#dashboard .rio-home-hero .rio-home-balance small {
  color: #ffffff !important;
  opacity: 1 !important;
}