/**
 * AP/ANIEF UI modal contract.
 *
 * Final scoped layer: Mother owns all visual values through --apui-modal-*.
 * Plugin CSS may arrange functional content but must not repaint modal chrome.
 */
.apui-theme-scope.aplc-ui-modal,
.aplc-ui-modal.apui-theme-scope {
	background: var(--apui-modal-overlay-bg, rgba(15, 23, 42, .58));
}

.apui-theme-scope .aplc-ui-modal__card,
.aplc-ui-modal.apui-theme-scope .aplc-ui-modal__card {
	padding: var(--apui-modal-card-padding, 0);
	border: var(--apui-modal-border-width, 1px) solid var(--apui-modal-border-color, var(--apui-border));
	border-radius: var(--apui-modal-radius, var(--apui-radius-lg));
	background: var(--apui-modal-bg, var(--apui-surface));
	color: var(--apui-modal-text, var(--apui-text));
	box-shadow: var(--apui-modal-shadow, 0 24px 70px rgba(15, 23, 42, .24));
}

.apui-theme-scope .aplc-ui-modal__header,
.aplc-ui-modal.apui-theme-scope .aplc-ui-modal__header {
	padding: var(--apui-modal-header-padding-y, 18px) var(--apui-modal-header-padding-x, 22px);
	border-bottom: var(--apui-modal-header-border-width, 1px) solid var(--apui-modal-header-border-color, rgba(255,255,255,.18));
	background: var(--apui-modal-header-bg, var(--apui-primary-900));
	color: var(--apui-modal-header-text, var(--apui-on-primary, #fff));
}

.apui-theme-scope .aplc-ui-modal__header .aplc-ui-modal__title,
.apui-theme-scope .aplc-ui-modal__header h2,
.aplc-ui-modal.apui-theme-scope .aplc-ui-modal__header .aplc-ui-modal__title,
.aplc-ui-modal.apui-theme-scope .aplc-ui-modal__header h2 {
	color: var(--apui-modal-header-title, var(--apui-on-primary, #fff));
}

.apui-theme-scope .aplc-ui-modal__body,
.aplc-ui-modal.apui-theme-scope .aplc-ui-modal__body {
	padding: var(--apui-modal-body-padding-y, 20px) var(--apui-modal-body-padding-x, 22px) var(--apui-modal-body-padding-bottom, 22px);
	background: var(--apui-modal-body-bg, var(--apui-surface));
	color: var(--apui-modal-body-text, var(--apui-text));
}

.apui-theme-scope .aplc-ui-modal__close,
.aplc-ui-modal.apui-theme-scope .aplc-ui-modal__close {
	border-color: var(--apui-modal-close-border-color, rgba(255,255,255,.28));
	background: var(--apui-modal-close-bg, rgba(255,255,255,.12));
	color: var(--apui-modal-close-color, var(--apui-on-primary, #fff));
}

.apui-theme-scope .aplc-ui-modal__close:hover,
.apui-theme-scope .aplc-ui-modal__close:focus-visible,
.aplc-ui-modal.apui-theme-scope .aplc-ui-modal__close:hover,
.aplc-ui-modal.apui-theme-scope .aplc-ui-modal__close:focus-visible {
	border-color: var(--apui-modal-close-hover-border-color, rgba(255,255,255,.42));
	background: var(--apui-modal-close-hover-bg, rgba(255,255,255,.22));
	color: var(--apui-modal-close-hover-color, var(--apui-on-primary, #fff));
}