.toggle-sidebar {
    border: none;
    background: var(--surface-primary);
    color: var(--text-primary);
    border-radius: 8px;
    transition:
      background 0.15s ease,
      color 0.15s ease;
  }

  .toggle-sidebar:hover {
    background: var(--hover-bg);
  }

  .toggle-sidebar:active {
    background: var(--active-bg, rgba(255, 255, 255, 0.12));
    transform: scale(0.96);
  }

.nav-btn {
margin: 0 var(--space-sm);
  display: flex;
  align-items: center;
  gap: var(--space-xs);

  padding: var(--space-md) var(--space-sm);

  border: none;
  border-radius: var(--radius-sm);

  background: transparent;

  color: var(--text-primary);

  font-size: var(--text-md);
  font-weight: var(--font-semibold);

  text-decoration: none;

  cursor: pointer;

  transition:
    background var(--transition-fast),
    color var(--transition-fast);
}

.nav-btn:hover {
  background: var(--hover-bg);
    text-decoration: none;
  color: var(--text-primary);
}