/* Account center mobile information architecture. Loaded inside the account iframe. */
body.feika-ui.feika-account .sidebar > .mobile-account-nav-toggle { display: none; }

@media (max-width: 760px) {
  body.feika-ui.feika-account .sidebar #accountHelp { display: none; }
  body.feika-ui.feika-account .sidebar > .mobile-account-nav-toggle {
    display: flex;
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
  }
  body.feika-ui.feika-account .mobile-account-nav-toggle::after {
    content: "";
    width: 8px;
    height: 8px;
    flex: none;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transition: transform .16s ease;
  }
  body.feika-ui.feika-account .sidebar.mobile-account-nav-open .mobile-account-nav-toggle::after {
    transform: rotate(225deg) translate(-2px, -2px);
  }
  body.feika-ui.feika-account .sidebar .side-nav {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    padding: 8px 0 0;
    max-height: var(--account-nav-height,calc(var(--ui-viewport-height) - 88px));
  }
  body.feika-ui.feika-account .sidebar.mobile-account-nav-open .side-nav { display: grid; }
  body.feika-ui.feika-account .side-nav [data-ui-control="navigation"] {
    width: 100%;
    min-width: 0;
    margin: 0;
  }
  body.feika-ui.feika-account :is(input, select, textarea) { max-width: 100%; font-size: 16px; }

  /* Profile and account/security actions use a reachable bottom sheet. */
}

@media (max-width: 350px) {
  body.feika-ui.feika-account .sidebar .side-nav { grid-template-columns: minmax(0, 1fr); max-height: var(--account-nav-height,calc(var(--ui-viewport-height) - 88px)); }
}