.pai-feedback-box {
	margin: 34px 0;
	padding: clamp(20px, 3vw, 28px);
	border: 1px solid rgba(37, 45, 66, 0.14);
	border-left: 5px solid #315edb;
	border-radius: 10px;
	background: #fbfcff;
	color: #202636;
}

.pai-feedback-box__kicker {
	margin: 0 0 8px;
	color: #315edb;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.pai-feedback-box h2 {
	margin: 0 0 10px;
	color: #202636;
	font-size: clamp(1.25rem, 2vw, 1.75rem);
	line-height: 1.16;
}

.pai-feedback-box__header p,
.pai-feedback-privacy {
	color: #4b5565;
	line-height: 1.6;
}

.pai-feedback-aggregate {
	margin: 18px 0;
	padding: 14px 16px;
	border: 1px solid rgba(49, 94, 219, 0.18);
	border-radius: 10px;
	background: #eef4ff;
	color: #26345f;
	font-weight: 800;
}

.pai-feedback-aggregate p {
	margin: 0;
}

.pai-feedback-aggregate p + p {
	margin-top: 6px;
}

.pai-feedback-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 20px 0;
	padding: 0;
	border: 0;
}

.pai-feedback-options legend {
	grid-column: 1 / -1;
	margin-bottom: 4px;
	color: #202636;
	font-weight: 800;
}

.pai-contact-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 20px 0 0;
}

.pai-contact-field {
	display: block;
	margin-top: 16px;
}

.pai-contact-field span {
	display: block;
	margin-bottom: 8px;
	color: #202636;
	font-weight: 800;
}

.pai-contact-field input,
.pai-contact-field select {
	display: block;
	width: 100%;
	box-sizing: border-box;
	min-height: 44px;
	border: 1px solid rgba(37, 45, 66, 0.2);
	border-radius: 9px;
	background: #fff;
	color: #202636;
	font: inherit;
	line-height: 1.4;
	padding: 10px 12px;
}

.pai-contact-field input:focus-visible,
.pai-contact-field select:focus-visible {
	border-color: #7256ff;
	box-shadow: 0 0 0 3px rgba(114, 86, 255, 0.14);
	outline: none;
}

.pai-feedback-choice {
	display: flex;
	gap: 9px;
	align-items: center;
	min-height: 44px;
	border: 1px solid rgba(37, 45, 66, 0.16);
	border-radius: 9px;
	background: #fff;
	cursor: pointer;
	font-weight: 800;
	padding: 10px 12px;
}

.pai-feedback-choice input {
	accent-color: #315edb;
	flex: 0 0 auto;
}

.pai-feedback-choice:focus-within,
.pai-feedback-choice:hover {
	border-color: #7256ff;
	box-shadow: 0 0 0 3px rgba(114, 86, 255, 0.14);
}

.pai-feedback-comment {
	display: block;
	margin-top: 18px;
}

.pai-feedback-comment span,
.pai-feedback-consent span {
	color: #202636;
	font-weight: 800;
}

.pai-feedback-comment textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-top: 8px;
	border: 1px solid rgba(37, 45, 66, 0.2);
	border-radius: 9px;
	background: #fff;
	color: #202636;
	font: inherit;
	line-height: 1.5;
	padding: 12px 13px;
	resize: vertical;
}

.pai-feedback-comment textarea:focus-visible {
	border-color: #7256ff;
	box-shadow: 0 0 0 3px rgba(114, 86, 255, 0.14);
	outline: none;
}

.pai-feedback-consent {
	display: flex;
	gap: 9px;
	align-items: flex-start;
	margin-top: 18px;
}

.pai-feedback-consent input {
	margin-top: 0.25em;
	accent-color: #315edb;
}

.pai-feedback-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.pai-feedback-actions {
	margin: 18px 0 0;
}

.pai-feedback-submit {
	appearance: none;
	border: 1px solid #315edb;
	border-radius: 8px;
	background: #315edb;
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-weight: 800;
	min-height: 44px;
	padding: 12px 16px;
}

.pai-feedback-submit:hover,
.pai-feedback-submit:focus-visible {
	border-color: #7256ff;
	box-shadow: 0 0 0 3px rgba(114, 86, 255, 0.2);
	outline: none;
}

.pai-feedback-submit:disabled {
	cursor: wait;
	opacity: 0.6;
}

.pai-feedback-message {
	min-height: 1.4em;
	margin: 14px 0 0;
	font-weight: 800;
}

.pai-feedback-message.is-success {
	color: #146c43;
}

.pai-feedback-message.is-error {
	color: #b42318;
}

[data-theme="dark"] .pai-feedback-box {
	border-color: rgba(255, 255, 255, 0.12);
	border-left-color: #9b87ff;
	background: #161b25;
	color: #eef2ff;
}

[data-theme="dark"] .pai-feedback-box h2,
[data-theme="dark"] .pai-feedback-options legend,
[data-theme="dark"] .pai-contact-field span,
[data-theme="dark"] .pai-feedback-comment span,
[data-theme="dark"] .pai-feedback-consent span {
	color: #f8fafc;
}

[data-theme="dark"] .pai-feedback-box__header p,
[data-theme="dark"] .pai-feedback-privacy {
	color: #cbd5e1;
}

[data-theme="dark"] .pai-feedback-choice,
[data-theme="dark"] .pai-contact-field input,
[data-theme="dark"] .pai-contact-field select,
[data-theme="dark"] .pai-feedback-comment textarea {
	border-color: rgba(255, 255, 255, 0.14);
	background: #0f1420;
	color: #f8fafc;
}

@media (max-width: 720px) {
	.pai-contact-grid,
	.pai-feedback-options {
		grid-template-columns: 1fr;
	}

	.pai-feedback-submit {
		width: 100%;
	}
}