/* Icon button styles matching the "tableau vert" palette */
.icon-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 10px;
  border: none;
  background: var(--color-primary);
  color: #fff;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
  transition: transform .06s ease-in-out, background .2s;
}
.icon-btn:hover { background: var(--color-primary-hover); }
.icon-btn:active { transform: translateY(1px); }

.icon-btn.secondary { background: var(--color-secondary); color: #333; }
.icon-btn.secondary:hover { background: var(--color-secondary-hover); }

.icon-btn.accent { background: var(--color-accent); }
.icon-btn.accent:hover { filter: brightness(0.9); }

.icon-24 { width: 24px; height: 24px; display: inline-block; }
.icon-24 > svg { width: 24px; height: 24px; stroke: currentColor; }