/* Account navigation: sidebar (blocks/account/default.twig) — customer card + vertical list; a scrolling row on phones */
html[data-account="default"] .et-acc-nav--side {
  align-self: start;
  padding: var(--space-sm);
  border: var(--et-border-width) solid var(--et-border);
  border-radius: var(--et-card-radius);
  background: var(--et-surface);
}
html[data-account="default"] .et-acc-nav__user { display: none; }
html[data-account="default"] .et-acc-nav--side .et-acc-nav__list { gap: var(--space-xs); overflow-x: auto; scrollbar-width: none; }
html[data-account="default"] .et-acc-nav--side .et-acc-nav__link { padding: var(--space-xs) var(--space-sm); border-radius: var(--et-radius-sm); }
html[data-account="default"] .et-acc-nav--side .et-acc-nav__link[aria-current="page"] { background: var(--et-accent-light); }
html[data-account="default"] .et-acc-nav--side .et-acc-nav__count { margin-left: var(--space-xs); }

@media (min-width: 992px) {
  html[data-account="default"] .et-acc-nav__user {
    display: flex; align-items: center; gap: var(--space-sm);
    padding: var(--space-sm) var(--space-sm) var(--space-md);
    margin-bottom: var(--space-sm);
    border-bottom: var(--et-border-width) solid var(--et-border);
  }
  html[data-account="default"] .et-acc-nav__avatar {
    flex-shrink: 0; width: 2.75rem; height: 2.75rem; border-radius: var(--et-radius-full);
    display: flex; align-items: center; justify-content: center;
    background: var(--et-accent); color: var(--et-accent-contrast); font-weight: 700; font-size: var(--et-text-lg);
  }
  html[data-account="default"] .et-acc-nav__who { display: flex; flex-direction: column; min-width: 0; }
  html[data-account="default"] .et-acc-nav__name { font-size: var(--et-text-sm); }
  html[data-account="default"] .et-acc-nav__email { font-size: var(--et-text-xs); color: var(--et-text-muted); overflow: hidden; text-overflow: ellipsis; }
  html[data-account="default"] .et-acc-nav--side .et-acc-nav__list { flex-direction: column; overflow: visible; }
  html[data-account="default"] .et-acc-nav--side .et-acc-nav__link { padding: var(--space-sm); }
  html[data-account="default"] .et-acc-nav--side .et-acc-nav__count { margin-left: auto; }
  html[data-account="default"] .et-acc-nav__item--logout { margin-top: var(--space-sm); padding-top: var(--space-sm); border-top: var(--et-border-width) solid var(--et-border); }
}