/* Calory — Nav Icon SVGs
 * Inline styles for nav bar SVG icons.
 */

/* Default: muted color, stroke-only */
nav button svg {
  stroke: var(--text-muted);
  fill: none;
}

/* Active: amber */
nav button.active svg {
  stroke: var(--accent);
}

/* Add button has filled circle */
nav button.nav-add .add-bg {
  fill: transparent;
  stroke: var(--text-muted);
  transition: fill var(--transition-fast) ease, stroke var(--transition-fast) ease;
}

nav button.nav-add:hover .add-bg {
  fill: var(--accent);
  stroke: var(--accent);
}

nav button.nav-add.active .add-bg {
  fill: var(--accent);
  stroke: var(--accent);
}

/* Logout icon */
.logout-bar a:last-child {
  display: flex;
  align-items: center;
  gap: 4px;
}