/* Barra superior común al catálogo (/), el editor (/editor/) y Signal (/signal/): mismo alto y solo la
 * marca Livriz (logo-mark.svg) como logo. Cada vista mantiene su contenido; acá va lo compartido. */
:root { --topbar-h: 56px; }

.topbar {
  height: var(--topbar-h);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  background: var(--bg-1);
  border-bottom: 1px solid var(--border-1);
  flex-shrink: 0;
}

.topbar-logo {
  height: 32px;
  width: 32px;
  display: block;
  flex-shrink: 0;
}