/* Component: Toolbar */
.toolbar {
	display: flex;
	align-items: center;
	gap: var(--pfse-spacing-2);
	padding: var(--pfse-spacing-2) var(--pfse-spacing-3);
	height: var(--pfse-control-height-md);
}

.toolbar-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--pfse-spacing-1);
	padding: var(--pfse-spacing-1) var(--pfse-spacing-2);
	border-radius: var(--pfse-radius-sm);
	border: 1px solid var(--pfse-border-secondary);
	background: var(--pfse-surface-primary);
	color: var(--pfse-text-high);
	cursor: pointer;
	transition:
		background var(--pfse-anim-micro) var(--pfse-ease-standard),
		color var(--pfse-anim-micro) var(--pfse-ease-standard),
		border-color var(--pfse-anim-micro) var(--pfse-ease-standard),
		box-shadow var(--pfse-anim-micro) var(--pfse-ease-standard),
		outline var(--pfse-anim-instant) var(--pfse-ease-standard),
		transform var(--pfse-anim-instant) var(--pfse-ease-standard);
}
.toolbar-btn:focus-visible {
	outline: var(--pfse-focus-ring-width) solid var(--pfse-focus-ring-color);
	outline-offset: 2px;
}