/* Buttons and interactive controls */

/* Ensure UI buttons use brand font */
#app button, #app [role="button"] { font-family: var(--scalar-font); }

/* Reusable brand button class applied via JS */
#app .cb-btn-primary {
	background: var(--cb-primary) !important;
	color: #fff !important;
	border: 1px solid #1e4fce !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(34, 90, 234, 0.2), 0 4px 8px rgba(34, 90, 234, 0.08) !important;
}

/* Hide the bottom Send Request button */
#app button[aria-label*=" Send Request "],
#app button:contains(" Send Request "),
#app [class*="response"] button,
#app [class*="response"] .cb-btn-primary {
	display: none !important;
}

/* Only our explicitly branded buttons are blue */

#app .cb-btn-primary:hover {
	background: #1e4fce !important;
	border-color: #1b46b6 !important;
	color: #fff !important;
}

/* Focus-visible for accessibility */
#app .cb-btn-primary:focus-visible {
	outline: 2px solid #1b46b6 !important;
	outline-offset: 2px !important;
}

#app a { text-decoration-color: var(--scalar-color-accent); }