.tui-checkbox {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0.35rem 0;
	padding: 0.35rem 0.5rem;
	font-size: 0.9rem;
	cursor: pointer;
	border-radius: 4px;
	transition: all 0.15s ease;
	user-select: none;
}

.tui-checkbox.inline {
	display: inline-flex;
	margin: 0 0.75rem 0 0;
}

.tui-checkbox:hover:not(.disabled) {
	background: color-mix(in srgb, var(--checkbox-color) 10%, transparent);
}

.tui-checkbox:focus-visible {
	outline: 1px solid var(--checkbox-color);
	outline-offset: 2px;
}

.tui-checkbox.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.checkbox-box {
	font-family: inherit;
	font-weight: bold;
	color: var(--terminal-muted);
	transition: color 0.15s ease;
}

.tui-checkbox.checked .checkbox-box,
.checkbox-box.indeterminate {
	color: var(--checkbox-color);
}

:global(.checkbox-icon) {
	color: var(--checkbox-color);
}

.checkbox-label {
	color: var(--terminal-text);
}

.tui-checkbox.disabled .checkbox-label {
	color: var(--terminal-muted);
}
