/* RioPing V18.9.4 — mobile services UI, isolated to #page-services */
@media(max-width:800px){
#page-services.rio-ms93-page{direction:rtl;min-width:0;padding:0 0 120px;color:#25183f}
#page-services.rio-ms93-page > h2{display:none!important}
#page-services .rio-ms93-head{display:grid!important;gap:17px!important;margin:12px 0 20px!important;width:100%;min-width:0}
#page-services .rio-ms93-wallet{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:20px 16px!important;border:1px solid #b27cff!important;border-radius:26px!important;background:linear-gradient(120deg,#b15dff 0%,#8126ed 54%,#5312c9 100%)!important;box-shadow:0 16px 32px #6934bf30!important;min-width:0}
#page-services .rio-ms93-wallet-text{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;align-items:flex-start!important}
#page-services .rio-ms93-wallet-text *{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;opacity:1!important}
#page-services .rio-ms93-wallet-text>span{font-size:13px!important}
#page-services .rio-ms93-balance{font:800 clamp(16px,4.4vw,25px)/1.5 system-ui,sans-serif!important;direction:ltr!important;text-align:right!important;overflow-wrap:anywhere!important;max-width:100%!important}
#page-services .rio-ms93-wallet-text>small{font-size:12px!important}
#page-services .rio-ms93-actions{display:grid!important;gap:9px!important;align-content:center!important}
#page-services .rio-ms93-wallet-btn{display:block!important;width:112px!important;max-width:112px!important;border:1px solid #ffffff65!important;border-radius:15px!important;padding:11px 6px!important;background:#ffffff24!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;font-size:12px!important;font-weight:600!important;min-height:43px!important}
#page-services .rio-ms93-heading{display:block!important;margin:7px 0 0!important;text-align:right!important}
#page-services .rio-ms93-heading h2{font-size:clamp(23px,6vw,30px)!important;font-weight:800!important;color:#281643!important;margin:0 0 8px!important}
#page-services .rio-ms93-heading p{font-size:13px!important;color:#80748f!important;margin:0!important}
#page-services .rio-ms93-tools{display:block!important;width:100%!important}
#page-services .rio-ms93-search{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;border:1px solid #e3d9f1!important;border-radius:17px!important;padding:14px 16px!important;background:#fff!important;color:#261b3c!important;font:inherit!important;box-shadow:0 5px 14px #6535a00a!important;min-height:50px!important}
#page-services .rio-ms93-filters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
#page-services .rio-ms93-filter{display:block!important;min-width:0!important;width:100%!important;min-height:47px!important;padding:10px 3px!important;border:1px solid #e1d5ee!important;border-radius:15px!important;background:#fff!important;color:#765c91!important;-webkit-text-fill-color:#765c91!important;box-shadow:none!important;font-size:13px!important;font-weight:600!important}
#page-services .rio-ms93-filter[aria-pressed="true"]{background:linear-gradient(120deg,#ae59fa,#6b1ade)!important;border-color:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 7px 18px #6c2ab02d!important}
#page-services #services{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important;min-width:0!important}
#page-services #services > article.rio-ms93-card{box-sizing:border-box!important;display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:17px 15px!important;border:1px solid #e5d9f0!important;border-radius:25px!important;background:linear-gradient(145deg,#fff,#fdfaff)!important;box-shadow:0 9px 26px #50368b12!important;overflow:hidden!important;color:#291c42!important}
#page-services #services > article.rio-ms93-card[hidden]{display:none!important}
#page-services .rio-ms93-card-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding-bottom:14px!important;border-bottom:1px solid #eee6f6!important}
#page-services .rio-ms93-id{font:800 17px/1.4 system-ui,sans-serif!important;color:#291a48!important;overflow-wrap:anywhere!important;text-align:left!important}
#page-services .rio-ms93-status{display:inline-flex!important;align-items:center!important;flex-shrink:0!important;border-radius:22px!important;padding:8px 12px!important;background:#e8f8ef!important;color:#17814b!important;font-size:12px!important;white-space:nowrap!important}
#page-services .rio-ms93-status.is-expired{background:#fff0f1!important;color:#bc3656!important}
#page-services .rio-ms93-provider{display:flex!important;align-items:center!important;gap:10px!important;margin:17px 0!important;color:#2c2048!important;font-size:15px!important}
#page-services .rio-ms93-symbol{display:grid!important;place-items:center!important;flex:0 0 43px!important;width:43px!important;height:43px!important;border-radius:14px!important;background:#f0e2ff!important;color:#7c2ed8!important;font-size:26px!important}
#page-services .rio-ms93-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 15px!important}
#page-services .rio-ms93-metric{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important;min-height:85px!important;padding:8px 4px!important;background:#f8f4ff!important;border-radius:15px!important;text-align:center!important}
#page-services .rio-ms93-metric span{font-size:11px!important;color:#847894!important}
#page-services .rio-ms93-metric strong{font-size:12px!important;color:#281b42!important;overflow-wrap:anywhere!important}
#page-services .rio-ms93-progress{height:9px!important;overflow:hidden!important;border-radius:30px!important;background:#eee7f8!important}
#page-services .rio-ms93-progress > span{display:block!important;height:100%!important;border-radius:30px!important;background:linear-gradient(90deg,#b76dff,#7320dd)!important}
#page-services .rio-ms93-usage{margin:7px 0 14px!important;color:#847894!important;font-size:12px!important;text-align:right!important}
#page-services .rio-ms93-footer{display:grid!important;gap:12px!important}
#page-services .rio-ms93-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;min-width:0!important}
#page-services .rio-ms93-copy .subscription-url{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:12px 9px!important;border:1px solid #e5d9ef!important;border-radius:14px!important;background:#fbf8ff!important;color:#291c42!important;font:12px/1.5 system-ui,sans-serif!important;direction:ltr!important;text-overflow:ellipsis!important}
#page-services .rio-ms93-copy-btn{min-height:44px!important;margin:0!important;padding:10px!important;border:0!important;border-radius:14px!important;background:linear-gradient(120deg,#a853f7,#721cdb)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:12px!important;white-space:normal!important;max-width:142px!important}
#page-services .rio-ms93-details{border-top:1px solid #eee7f5!important;padding-top:9px!important;color:#7433ae!important;font-size:13px!important}
#page-services .rio-ms93-details summary{cursor:pointer!important;padding:8px 0!important}
#page-services .rio-ms93-detail-list > div{display:flex!important;justify-content:space-between!important;gap:10px!important;padding:9px 3px!important;border-bottom:1px solid #f0eaf6!important;color:#4c4162!important}
#page-services .rio-ms93-detail-list strong{max-width:62%!important;overflow-wrap:anywhere!important;color:#2a1e44!important}
/* The original dashboard stats are still used for data; hide only on services tab. */
#dashboard:has(#page-services:not([hidden])) > .stats{display:none!important}
}
@media(min-width:801px){#page-services .rio-ms93-head{display:none!important}}

/* V18.9.4: only one wallet, title and search/filter toolbar. */
@media(max-width:800px){
#page-services.rio-ms93-page > .rio-ms-header,
#page-services.rio-ms93-page > .rio-ms-wallet,
#page-services.rio-ms93-page > .rio-ms-heading,
#page-services.rio-ms93-page > .rio-ms-tools,
#page-services.rio-ms93-page > .rio-ms-filters {display:none!important}
#page-services.rio-ms93-page > h2 {display:none!important}
#page-services.rio-ms93-page .rio-ms93-wallet-text strong{color:#fff!important;opacity:1!important;text-shadow:0 1px 2px #43109466!important}
#page-services.rio-ms93-page .rio-ms93-wallet-text span,
#page-services.rio-ms93-page .rio-ms93-wallet-text small{color:#fff!important;opacity:1!important}
#page-services.rio-ms93-page .rio-ms93-filter{cursor:pointer}
#page-services.rio-ms93-page #services > article[hidden]{display:none!important}
}