/* Shared destructive action confirmation, also above resource editor dialogs. */
.abientot-feedback-confirm {
	position: fixed;
	inset: 0;
	margin: auto;
	width: 420px;
	max-width: calc(100vw - 32px);
	height: fit-content;
	max-height: calc(100dvh - 32px);
	overflow: auto;
	box-sizing: border-box;
	padding: 24px;
	border: 1px solid #d5ded9;
	border-radius: 12px;
	background: #fff;
	color: #17241f;
	box-shadow: 0 16px 64px #0003;
	z-index: 100001;
	font:
		14px/1.6 system-ui,
		sans-serif;
}
.abientot-feedback-confirm::backdrop,
.abientot-feedback-confirm-backdrop {
	background: #14251f80;
}
.abientot-feedback-confirm-backdrop {
	position: fixed;
	inset: 0;
	z-index: 100000;
}
.abientot-feedback-confirm h2 {
	margin: 0 0 12px;
	font-size: 20px;
	line-height: 1.3;
}
.abientot-feedback-confirm p {
	margin: 0 0 20px;
	white-space: pre-line;
}
.abientot-feedback-confirm-actions {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 12px;
}
.abientot-feedback-confirm-actions .button {
	min-height: 40px;
	padding: 4px 16px;
	border: 1px solid #cfd6d2;
	background: #fff;
	color: #17241f;
	box-shadow: none;
}
.abientot-feedback-confirm-actions .button-primary {
	border-color: #e5b9be;
	background: #fff1f2;
	color: #a61b2b;
}
.abientot-feedback-confirm-actions .button:hover {
	border-color: #9eafa5;
	background: #f6f8f7;
	color: #17241f;
}
.abientot-feedback-confirm-actions .button-primary:hover {
	border-color: #cf8791;
	background: #ffe4e7;
	color: #8d1726;
}
.abientot-feedback-confirm-actions .button:focus-visible {
	outline: 2px solid #17241f;
	outline-offset: 3px;
}
@media (forced-colors: active) {
	.abientot-feedback-confirm {
		border: 2px solid CanvasText;
	}
}