/* Mosaic/Tailwind preflight does not set pointer on <button>; match link affordance */
button:not(:disabled),
[type="button"]:not(:disabled),
[type="submit"]:not(:disabled),
[type="reset"]:not(:disabled),
.btn:not(:disabled) {
	cursor: pointer;
}

button:disabled,
.btn:disabled {
	cursor: not-allowed;
}

/*
 * Client clinic editor tabs: Alpine :class used dynamic Tailwind arbitrary
 * text-[#DA3041], which is not present in the prebuilt Mosaic bundle — active
 * state never received a color. Use real rules instead.
 */
.text-brand {
	color: #da3041;
}

.client-tab-active {
	color: #da3041;
}
.client-tab-idle {
	color: rgb(107 114 128);
}
.dark .client-tab-idle {
	color: rgb(209 213 219);
}
.client-tab-idle:hover {
	color: rgb(55 65 81);
}
.dark .client-tab-idle:hover {
	color: rgb(229 231 235);
}

/*
 * Mosaic form components use --color-violet-500 for checkboxes, radios, and
 * switches. Single brand accent (#da3041) for admin/staff UIs.
 */
.form-checkbox,
.form-radio {
	color: #da3041;
	accent-color: #da3041;
}

.form-checkbox:checked,
.form-radio:checked {
	background-color: #da3041;
	border-color: transparent;
}

.form-checkbox:focus-visible,
.form-radio:focus-visible {
	--tw-ring-color: color-mix(in oklab, #da3041 50%, transparent);
}

.form-switch input[type="checkbox"]:checked + label {
	background-color: #da3041;
}