/* Vchat 0.59.4-alpha — pricing polish + AI on-demand credit UX */

/* AI tools truly disappear when the workspace has no AI balance/access. */
.vchat-primary-nav [hidden],
.vchat-app-section[hidden]{display:none!important}

/* Persistent AI wallet shortcut in the sidebar. */
.vchat-primary-nav .vchat-ai-credit-nav{position:relative!important}
.vchat-primary-nav .vchat-ai-credit-nav em#vchat-nav-ai-credits{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;height:22px!important;margin-left:auto!important;padding:0 7px!important;border-radius:999px!important;background:#eee9ff!important;color:#6249bf!important;font-size:10px!important;font-style:normal!important;font-weight:900!important;line-height:1!important}
.vchat-primary-nav .vchat-ai-credit-nav em#vchat-nav-ai-credits.is-empty{background:#f2eff6!important;color:#8b8397!important}
.vchat-app-sidebar.is-collapsed .vchat-ai-credit-nav em#vchat-nav-ai-credits{position:absolute!important;right:4px!important;top:3px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:8px!important}

/* Price is the focal point: centered vertically and horizontally, including mobile. */
.vchat-billing-center .vchat-billing-family .vchat-billing-plan-card header{align-items:stretch!important}
.vchat-billing-center .vchat-billing-plan-pricebox{display:flex!important;align-items:baseline!important;justify-content:center!important;flex-wrap:wrap!important;width:100%!important;min-height:94px!important;margin:4px 0 2px!important;padding:18px 14px!important;border:1px solid #ebe5f5!important;border-radius:18px!important;background:linear-gradient(180deg,#faf8ff 0%,#f7f4fd 100%)!important;text-align:center!important;overflow:hidden!important}
.vchat-billing-center .vchat-billing-plan-pricebox b{display:block!important;max-width:100%!important;margin:0!important;color:#644ac7!important;font-size:clamp(28px,2.15vw,38px)!important;line-height:1!important;letter-spacing:-.05em!important;white-space:nowrap!important}
.vchat-billing-center .vchat-billing-plan-pricebox span{margin-left:2px!important;color:#81798e!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important}
.vchat-billing-center .vchat-billing-plan-card.has-ai .vchat-billing-plan-pricebox{border-color:#ded4f5!important;background:linear-gradient(180deg,#f8f4ff 0%,#f3effd 100%)!important}
.vchat-billing-center .vchat-billing-plan-card.is-featured .vchat-billing-plan-pricebox{border-color:#cfc0f4!important;box-shadow:inset 0 0 0 1px rgba(109,81,200,.03)!important}

/* Human plans can turn AI on without changing membership. */
.vchat-billing-center .vchat-ai-on-demand-note{display:flex!important;align-items:center!important;gap:10px!important;margin:-2px 0 18px!important;padding:11px 13px!important;border:1px solid #e4dcf5!important;border-radius:14px!important;background:#faf8ff!important;color:#6f6780!important;font-size:11.5px!important;line-height:1.45!important}
.vchat-billing-center .vchat-ai-on-demand-note b{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:0 9px!important;border-radius:999px!important;background:#ede7ff!important;color:#5d45ba!important;font-size:9px!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap!important}
.vchat-billing-center .vchat-ai-on-demand-note span{min-width:0!important}

/* AI wallet stays highly legible for plan credits and purchased credits. */
.vchat-billing-center .vchat-billing-usage{border-color:#dfd6f2!important;background:linear-gradient(145deg,#fff 0%,#faf7ff 100%)!important}
.vchat-billing-center .vchat-billing-usage header h2{color:#5f47bb!important}
.vchat-billing-center .vchat-billing-usage .vchat-usage-list p:last-child{margin-top:6px!important;padding-top:10px!important;border-top:1px dashed #ded6eb!important}
.vchat-billing-center .vchat-billing-usage .vchat-usage-list p:last-child b{color:#5c43b7!important;font-size:16px!important}
.vchat-billing-center .vchat-ai-topup-card:not(.is-disabled){border-color:#ddd4ef!important;box-shadow:0 10px 26px rgba(75,55,130,.05)!important}

@media(max-width:760px){
  .vchat-billing-center .vchat-billing-plan-pricebox{min-height:108px!important;padding:20px 12px!important;border-radius:18px!important}
  .vchat-billing-center .vchat-billing-plan-pricebox b{font-size:34px!important;letter-spacing:-.055em!important}
  .vchat-billing-center .vchat-billing-plan-pricebox span{font-size:13px!important}
  .vchat-billing-center .vchat-ai-on-demand-note{align-items:flex-start!important;flex-direction:column!important;gap:7px!important;padding:12px!important}
}

@media(max-width:390px){
  .vchat-billing-center .vchat-billing-plan-pricebox b{font-size:30px!important}
}