/**
 * Status badge and indicator styles.
 */

.pp-status {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	max-width: 100%;
	min-height: 44px;
	padding: 0.35rem 0.75rem;
	border-radius: var(--wp--custom--radius--pill);
	border: 1px solid var(--wp--preset--color--border);
	background-color: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	line-height: 1.2;
	white-space: normal;
	overflow-wrap: break-word;
}

.pp-status__dot {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: var(--wp--custom--radius--pill);
	background-color: var(--wp--preset--color--muted);
	flex-shrink: 0;
}

.pp-status--success {
	border-color: var(--wp--preset--color--success);
}

.pp-status--success .pp-status__dot {
	background-color: var(--wp--preset--color--success);
}

.pp-status--warning {
	border-color: var(--wp--preset--color--warning);
}

.pp-status--warning .pp-status__dot {
	background-color: var(--wp--preset--color--warning);
}

.pp-status--danger {
	border-color: var(--wp--preset--color--danger);
}

.pp-status--danger .pp-status__dot {
	background-color: var(--wp--preset--color--danger);
}

.pp-status--info {
	border-color: var(--wp--preset--color--info);
}

.pp-status--info .pp-status__dot {
	background-color: var(--wp--preset--color--info);
}

.pp-status--neutral {
	border-color: var(--wp--preset--color--border);
	color: var(--wp--preset--color--muted);
}