[data-scope='clipboard'][data-part='root'] {
	@apply flex flex-col items-start gap-3 w-full max-w-md mx-auto;
}

[data-scope='clipboard'][data-part='label'] {
	@apply text-sm font-medium text-foreground;
}

[data-scope='clipboard'][data-part='control'] {
	@apply flex w-full;
}

[data-scope='clipboard'][data-part='input'] {
	@apply flex-1 px-3 py-2 bg-background border border-border rounded-l-md text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background;
}

[data-scope='clipboard'][data-part='trigger'] {
	@apply flex items-center justify-center px-3 py-2 bg-background border border-l-0 border-border rounded-r-md hover:bg-muted transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background;
}

[data-scope='clipboard'][data-part='trigger'] svg {
	@apply w-4 h-4 text-muted-foreground;
}

[data-scope='clipboard'][data-part='trigger']:hover svg {
	@apply text-foreground;
}

[data-scope='clipboard'][data-part='trigger'][data-state='copied'] {
	@apply bg-emerald-50 border-emerald-200 dark:bg-emerald-950 dark:border-emerald-800;
}

[data-scope='clipboard'][data-part='trigger'][data-state='copied'] svg {
	@apply text-emerald-600 dark:text-emerald-400;
}
