/* Lucide icon vertical alignment fix */
[class^="icon-"],
[class*=" icon-"] {
  vertical-align: -0.15em;
}

.icon,
.icon:hover {
  color: var(--icon-default);
  font-size: 1rem;
  font-weight: 600;
}

.dot-icon {
  color: var(--background-nav);
}

.btn-icon {
  background: none;
  border: none;
  padding: 0;
}

.icon-plus {
  color: var(--add);
}

.toolbar .icon-plus {
  font-size: 1.25rem;
  margin-bottom: -2.5px;
  margin-top: -2.5px;
  vertical-align: middle;
}

.toolbar a:has(> i:only-child),
.toolbar button:has(> i:only-child) {
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
}

.icon-x {
  font-size: 1rem;
}

.icon-folder {
  color: var(--icon-muted);
  margin-right: 0.75rem;
}

.icon-arrow-up-right {
  margin-right: 0.5rem;
}

.spin,
i.spin {
  animation: spin 1s linear infinite;
  display: inline-block;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.note-badge-icon {
  color: var(--color-muted-more);
  font-size: 1rem;
  margin-left: 0.5rem;
  vertical-align: middle;
}

.note-badge-icon.note-badge-new {
  color: var(--icon-violet);
}

.checklist-badge-icon {
  color: var(--color-muted-more);
  margin-left: 0.5rem;
  vertical-align: middle;
}

.checklist-badge-icon.checklist-badge-new {
  color: var(--icon-violet);
}