/* The bar on top of a page and kartora's logo. */
.k-appbar {
  position: sticky;
  top: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: var(--kartora-space-3);
  min-height: 60px;
  padding: var(--kartora-space-2) var(--kartora-space-4);
  background: color-mix(in srgb, var(--kartora-surface) 92%, transparent);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--kartora-line);
}
.k-appbar-brand {
  display: inline-flex;
  align-items: center;
  gap: var(--kartora-space-2);
  font-family: var(--kartora-font-display);
  font-weight: 700;
  font-size: calc(1.25rem * var(--k-scale));
  color: var(--kartora-ink);
  text-decoration: none;
}
.k-logo {
  display: inline-flex;
  align-items: center;
  gap: var(--kartora-space-2);
  font-family: var(--kartora-font-display);
  font-weight: 700;
  font-size: calc(1.35rem * var(--k-scale));
  letter-spacing: -0.01em;
  color: var(--kartora-ink);
  line-height: 1;
}
.k-mark { flex: none; display: block; }