.topbar {
  background: color-mix(in srgb, var(--bg-app) 88%, transparent);
  border-bottom: 1px solid var(--border-default);
  position: sticky;
  top: 0;
  z-index: 20;
}

.topbar-inner {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1rem 2rem;
}

.topbar-title {
  color: var(--text-main);
  font-size: 1.6rem;
  font-weight: 800;
}

.topbar-subtitle {
  color: var(--text-muted);
  margin-top: 0.3rem;
}

.topbar-actions {
  align-items: center;
  display: flex;
  gap: 0.75rem;
}