/* Woof wallet full-width fix - 2026-07-10
   Fix /console/topup being trapped in a half-width grid when the side column is not used. */
body:has(.woof-topup-page) .semi-layout,
body:has(.woof-topup-page) .semi-layout-content,
body:has(.woof-topup-page) main,
body:has(.woof-topup-page) .app-content-shell,
body:has(.woof-topup-page) .layout-content,
body:has(.woof-topup-page) .content-wrapper {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

.woof-topup-page {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.woof-topup-page .woof-topup-grid {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

.woof-topup-page .woof-wallet-main-stack {
  width: 100% !important;
  max-width: none !important;
  grid-column: 1 / -1 !important;
}

.woof-topup-page .woof-wallet-card-shell,
.woof-topup-page .woof-wallet-content-space,
.woof-topup-page .woof-wallet-actions-grid,
.woof-topup-page .woof-wallet-transaction-card {
  width: 100% !important;
  max-width: none !important;
}

.woof-topup-page .woof-wallet-side-stack {
  display: none !important;
}

@media (min-width: 1024px) {
  .woof-topup-page {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}