/*
 * Minimal styling. Colours and shapes are taken from the theme's custom
 * properties where they exist, with plain fallbacks so the plugin still
 * looks deliberate under a different theme.
 */

.bks-aa {
	max-width: 30rem;
	margin: 0 auto 28px;
	padding: 28px;
	border: 1px solid var(--bks-rule, #e6e2dc);
	border-radius: var(--bks-radius-card, 20px);
	background: var(--bks-white, #fff);
}

.bks-aa__title {
	margin: 0 0 8px;
	font-family: var(--bks-font-heading, Georgia, serif);
	font-size: 20px;
	text-transform: capitalize;
}

.bks-aa__intro {
	margin: 0 0 18px;
	color: var(--bks-ink-muted, #5a5651);
	font-size: 15px;
}

.bks-aa__notice {
	margin: 0 0 18px;
	padding: 14px 16px;
	border-radius: var(--bks-radius-thumb, 12px);
	font-weight: 600;
}

.bks-aa__notice--info { background: var(--bks-blue, #d6f1f9); }
.bks-aa__notice--error { background: var(--bks-pink, #fbdada); }

.bks-aa__field {
	margin: 0 0 18px;
}

.bks-aa__field label {
	display: block;
	margin-bottom: 6px;
	font-size: 15px;
	font-weight: 700;
}

.bks-aa__field input {
	width: 100%;
	padding: 12px 14px;
	border: 2px solid var(--bks-rule, #e6e2dc);
	border-radius: var(--bks-radius-thumb, 12px);
	font: inherit;
}

.bks-aa__form button {
	width: 100%;
}