/* Barra superior do celular: conta em uso e atalho para "Conta". */
.topbar {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--topbar-height);
  padding: var(--space-2) var(--space-4);
  padding-top: calc(var(--space-2) + env(safe-area-inset-top));
  background: var(--color-sidebar);
  color: var(--color-sidebar-text);
}

.topbar__logo { width: 2rem; height: 2rem; flex-shrink: 0; }

.app-shell__account {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  font-weight: var(--font-weight-bold);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.topbar__profile {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--touch-target);
  min-height: var(--touch-target);
  border-radius: 50%;
}

@media (min-width: 640px) {
  .topbar { display: none; }
}