/* Shared in-page confirmation dialog (js/aceman_confirm.js): a small centered modal in the site's modal style
 * (dark surface, header with close button) holding the "receiptActionPanel--danger" confirmation card also used by
 * the receipt deletion popup and the tenant drafts. It replaces native confirm(), which some embedded browsers
 * answer with false at once. Two-ID selectors (#acemanConfirmHost #…) keep these rules above the ID-scoped
 * !important theme overrides of index.css / ui_theme.css. */
#acemanConfirmHost{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 200ms ease-in-out;
}
#acemanConfirmHost.is-open{ opacity: 1; }
#acemanConfirmHost[hidden]{ display: none !important; }
#acemanConfirmHost #acemanConfirm{
	width: 100%;
	max-width: 520px;
	max-height: calc(100vh - 32px);
	max-height: calc(100dvh - 32px);
	overflow: auto;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(230, 231, 245, 0.18);
	border-radius: 10px;
	background: #2a2c32;
	color: var(--light-color, #E6E7F5);
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.48);
	box-sizing: border-box;
	text-align: left;
	transform: scale(0.96);
	transition: transform 200ms ease-in-out;
}
#acemanConfirmHost.is-open #acemanConfirm{ transform: scale(1); }
#acemanConfirmHost .acemanConfirmHeader{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 54px;
	padding: 13px 16px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(230, 231, 245, 0.14);
	background: rgba(42, 44, 50, 0.98);
}
#acemanConfirmHost #acemanConfirmTitle{
	margin: 0;
	color: rgba(246, 247, 255, 0.96);
	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.2;
}
#acemanConfirmHost #acemanConfirmClose{
	width: 42px;
	height: 42px;
	min-width: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(230, 231, 245, 0.22);
	border-radius: 10px;
	background: rgba(230, 231, 245, 0.08);
	color: var(--light-color, #E6E7F5);
	font-size: 22px;
	font-weight: 900;
	line-height: 1;
	box-shadow: none;
	cursor: pointer;
	transition: background-color 160ms ease, border-color 160ms ease;
}
#acemanConfirmHost #acemanConfirmClose:hover,
#acemanConfirmHost #acemanConfirmClose:focus-visible{
	background: rgba(230, 231, 245, 0.14);
	border-color: rgba(230, 231, 245, 0.34);
	outline: none;
}
#acemanConfirmHost .acemanConfirmBody{ padding: 16px; }
#acemanConfirmHost #acemanConfirmPanel{
	width: 100%;
	margin: 0;
	padding: 12px;
	border: 1px solid rgba(230, 231, 245, 0.14);
	border-radius: 8px;
	background: rgba(230, 231, 245, 0.055);
	color: var(--light-color, #E6E7F5);
	box-sizing: border-box;
	text-align: left;
}
#acemanConfirmHost #acemanConfirmText{
	margin: 0 0 10px;
	color: rgba(246, 247, 255, 0.96);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.3;
	text-align: left;
	white-space: pre-line;
	overflow-wrap: anywhere;
}
#acemanConfirmHost #acemanConfirmDetails{
	margin: -2px 0 12px;
	color: rgba(230, 231, 245, 0.72);
	font-size: 0.92rem;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
	white-space: pre-line;
	overflow-wrap: anywhere;
}
#acemanConfirmHost #acemanConfirmDetails[hidden]{ display: none !important; }
#acemanConfirmHost .acemanConfirmActions{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 2px; }
#acemanConfirmHost #acemanConfirmYes,
#acemanConfirmHost #acemanConfirmNo{
	width: auto;
	max-width: 100%;
	margin: 0 !important;
	min-height: 40px !important;
	padding: 8px 16px !important;
	border-radius: 8px !important;
	font-size: 0.95em !important;
	line-height: 1.25;
	white-space: normal;
	box-sizing: border-box;
	cursor: pointer;
}
/* Shared danger / neutral tones, declared with !important (panel context and focus rules otherwise dull them). */
#acemanConfirmHost #acemanConfirmYes{ color: var(--action-tone-red, #ffc1c7) !important; background: var(--action-tone-red-bg, rgba(223, 91, 99, 0.17)) !important; border: 1px solid var(--action-tone-red-border, rgba(223, 91, 99, 0.52)) !important; box-shadow: none !important; }
#acemanConfirmHost #acemanConfirmYes:hover,
#acemanConfirmHost #acemanConfirmYes:focus-visible{ background: var(--action-tone-red-hover-bg, rgba(223, 91, 99, 0.28)) !important; border-color: var(--action-tone-red-hover-border, rgba(244, 119, 128, 0.74)) !important; color: var(--action-tone-red-hover, #ffe6e9) !important; }
#acemanConfirmHost #acemanConfirmNo{ color: var(--action-tone-neutral, #e6e7f5) !important; background: var(--action-tone-neutral-bg, rgba(230, 231, 245, 0.10)) !important; border: 1px solid var(--action-tone-neutral-border, rgba(230, 231, 245, 0.18)) !important; box-shadow: none !important; }
#acemanConfirmHost #acemanConfirmNo:hover,
#acemanConfirmHost #acemanConfirmNo:focus-visible{ background: var(--action-tone-neutral-hover-bg, rgba(230, 231, 245, 0.17)) !important; border-color: var(--action-tone-neutral-hover-border, rgba(230, 231, 245, 0.30)) !important; color: var(--action-tone-neutral-hover, #e6e7f5) !important; }
#acemanConfirmHost #acemanConfirmYes:focus-visible,
#acemanConfirmHost #acemanConfirmNo:focus-visible,
#acemanConfirmHost #acemanConfirmClose:focus-visible{ outline: 2px solid #b5d4ff !important; outline-offset: 3px; }
html[data-theme="light"] #acemanConfirmHost{ background: rgba(20, 32, 51, 0.42); }
html[data-theme="light"] #acemanConfirmHost #acemanConfirm{
	border-color: var(--ui-border, #d9e1eb) !important;
	background: var(--ui-surface, #ffffff) !important;
	color: var(--ui-text, #252b35) !important;
	box-shadow: var(--ui-shadow-strong, 0 24px 64px rgba(27, 39, 55, 0.18)) !important;
}
html[data-theme="light"] #acemanConfirmHost .acemanConfirmHeader{
	border-bottom-color: var(--ui-border, #d9e1eb);
	background: var(--ui-surface, #ffffff);
}
html[data-theme="light"] #acemanConfirmHost #acemanConfirmTitle{ color: var(--ui-heading, #141a23) !important; }
html[data-theme="light"] #acemanConfirmHost #acemanConfirmClose{
	border-color: var(--ui-border, #d9e1eb) !important;
	background: var(--ui-surface-alt, #f7f9fc) !important;
	color: var(--ui-muted, #5f6c7d) !important;
}
html[data-theme="light"] #acemanConfirmHost #acemanConfirmClose:hover,
html[data-theme="light"] #acemanConfirmHost #acemanConfirmClose:focus-visible{
	border-color: #b7cbe1 !important;
	background: var(--ui-accent-soft, #e7f0fa) !important;
	color: var(--ui-accent-strong, #214d7c) !important;
}
html[data-theme="light"] #acemanConfirmHost #acemanConfirmPanel{
	border-color: var(--ui-border, #d9e1eb) !important;
	background: var(--ui-surface-alt, #f7f9fc) !important;
	color: var(--ui-text, #252b35) !important;
}
html[data-theme="light"] #acemanConfirmHost #acemanConfirmText{ color: var(--ui-heading, #141a23) !important; }
html[data-theme="light"] #acemanConfirmHost #acemanConfirmDetails{ color: var(--ui-muted, #5f6c7d) !important; }
html[data-theme="light"] #acemanConfirmHost #acemanConfirmYes{ color: var(--ui-button-danger-text, #8b2634) !important; background: var(--ui-button-danger-bg, #f4dfe3) !important; border-color: var(--ui-button-danger-border, #d58b95) !important; }
html[data-theme="light"] #acemanConfirmHost #acemanConfirmYes:hover,
html[data-theme="light"] #acemanConfirmHost #acemanConfirmYes:focus-visible{ background: var(--ui-button-danger-hover, #eccdd2) !important; border-color: var(--ui-button-danger-hover-border, #c5727e) !important; color: var(--ui-button-danger-hover-text, #731c29) !important; }
html[data-theme="light"] #acemanConfirmHost #acemanConfirmNo{ color: var(--ui-button-neutral-text, #3c4755) !important; background: var(--ui-button-neutral-bg, #e9edf2) !important; border-color: var(--ui-button-neutral-border, #b9c4d0) !important; }
html[data-theme="light"] #acemanConfirmHost #acemanConfirmNo:hover,
html[data-theme="light"] #acemanConfirmHost #acemanConfirmNo:focus-visible{ background: var(--ui-button-neutral-hover, #dde4eb) !important; border-color: var(--ui-button-neutral-hover-border, #9eacbb) !important; color: var(--ui-button-neutral-hover-text, #273442) !important; }
html[data-theme="light"] #acemanConfirmHost #acemanConfirmYes:focus-visible,
html[data-theme="light"] #acemanConfirmHost #acemanConfirmNo:focus-visible,
html[data-theme="light"] #acemanConfirmHost #acemanConfirmClose:focus-visible{ outline-color: #35679c !important; }
@media (max-width: 600px){
	#acemanConfirmHost{ padding: 12px; }
	#acemanConfirmHost .acemanConfirmActions{ flex-direction: column; }
	#acemanConfirmHost #acemanConfirmYes,
	#acemanConfirmHost #acemanConfirmNo{ width: 100%; }
}
@media (prefers-reduced-motion: reduce){
	#acemanConfirmHost,
	#acemanConfirmHost #acemanConfirm{ transition: none; }
}
