@layer base {
	/* .btn/.cbi-button are interchangeable in LuCI markup. Paint (box, fill, radius) is
	 * theme/55-buttons.css's. */
	.btn,
	.cbi-button {
		cursor: pointer;
		font-size: var(--fs-type);
		white-space: pre;
	}

	/* border-color: theme/60-inputs.css — absorbed. */
	.cbi-input-invalid,
	.cbi-input-invalid.cbi-dropdown:not([open]) > ul > li {
		color: var(--fs-danger);
	}

	/* Not a clearfix — flex container, nothing floats: docs/css.md "Buttons: the flex clearfix,
	 * and why float is dead on .cbi-page-actions". */
	.cbi-page-actions::after {
		display: table;
		content: "";
		clear: both;
	}

	.cbi-page-actions > :not([method="post"]):not(.cbi-button-apply):not(.cbi-button-negative):not(.cbi-button-save):not(.cbi-button-reset) {
		margin-inline-end: var(--fs-space-1);
	}
}