/* Mood mobile-native v3 — account (#accountModal) */

@media (max-width: 1023px) {
  body.mood-mobile-v3.mood-account-page-mode .acc-nav {
    position: sticky;
    top: calc(var(--header-stack-offset, var(--mood-header-h)) - 1px);
    z-index: var(--z-mob-sticky, 100);
    margin: 0 calc(-1 * var(--mob-gutter));
    padding: var(--space-2) var(--mob-gutter);
    background: color-mix(in srgb, var(--bg) 94%, transparent);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  body.mood-mobile-v3 .acc-nav .acc-nav-item {
    scroll-snap-align: start;
    min-height: var(--mob-touch-min, 44px);
    padding: 10px 14px;
  }

  body.mood-mobile-v3 .acc-dash {
    border-radius: var(--radius-xl);
    margin-bottom: var(--space-4);
    padding: var(--space-4);
  }

  body.mood-mobile-v3 .acc-dash__actions .btn,
  body.mood-mobile-v3 .acc-dash__deposit {
    min-height: var(--mob-touch-min, 44px);
  }

  body.mood-mobile-v3 .acc-wallets-grid {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }

  body.mood-mobile-v3 .acc-wallet-card {
    min-height: auto;
  }

  body.mood-mobile-v3 .payment-history-filters {
    flex-wrap: wrap;
    gap: 8px;
  }

  body.mood-mobile-v3 .payment-history-filters .acc-seg-btn {
    min-height: 40px;
    padding: 8px 12px;
  }

  body.mood-mobile-v3 #profileForm .form-row {
    grid-template-columns: 1fr;
  }

  body.mood-mobile-v3 .acc-security-card {
    min-height: var(--mob-touch-min, 44px);
  }

  body.mood-mobile-v3 .acc-notifications-item {
    padding: var(--space-4);
  }

  @media (max-width: 360px) {
    body.mood-mobile-v3 .acc-status-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}