/*
 * Parlatudo — sistema de ícones SVG
 * Usa currentColor → herda cor do elemento pai.
 * --plt-accent acompanha o tema WP Admin ou o preset do tema do site.
 */

:root {
	--plt-accent: var(--wp-admin-theme-color, var(--wp--preset--color--primary, var(--color-primary, #2271b1)));
}

/* Ícone inline: alinha verticalmente com o texto */
.plt-svg-icon {
	display: inline-block;
	vertical-align: middle;
	flex-shrink: 0;
	line-height: 1;
}

/* Wrapper para ícone + rótulo lado a lado */
.plt-icon-label {
	display: inline-flex;
	align-items: center;
	gap: .35em;
}

/* Badge de status com fundo colorido */
.plt-badge {
	display: inline-flex;
	align-items: center;
	gap: .3em;
	padding: 2px 8px;
	border-radius: 9999px;
	font-size: .8rem;
	font-weight: 600;
	line-height: 1.5;
	white-space: nowrap;
}

/* Aba de navegação com ícone */
.plt-tab-btn .plt-svg-icon {
	margin-right: .3em;
}

/* Botão de ação com ícone */
.plt-action-btn {
	display: inline-flex;
	align-items: center;
	gap: .35em;
}

/* Ícones de atividade no log */
.plt-act-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	flex-shrink: 0;
}