/*
 * Alicerce360 — janelas do sistema para confirmar, avisar e perguntar (1.26.2), no lugar das caixas do
 * navegador (assets/js/dialogs.js). Usadas na intranet, nas telas do plugin no painel do WordPress, no
 * portal público, nas páginas próprias e na Central de Licenças (cópia igual em central/assets). As
 * cores seguem as variáveis da marca quando a página as tem.
 */
.a360-dlg {
	--a360-dlg-tone: var(--a360-primary, #2271b1);
	width: min(480px, calc(100vw - 32px));
	max-height: calc(100vh - 48px);
	margin: auto;
	padding: 0;
	overflow: auto;
	border: 1px solid var(--a360-border, #dcdcde);
	border-top: 5px solid var(--a360-dlg-tone);
	border-radius: 14px;
	background: var(--a360-surface, #fff);
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.32);
	color: var(--a360-text, #1d2327);
	font-family: var(--a360-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
	animation: a360-dlg-in 0.16s ease-out;
}

.a360-dlg::backdrop {
	background: rgba(15, 23, 42, 0.55);
	backdrop-filter: blur(2px);
}

.a360-dlg--danger {
	--a360-dlg-tone: #c62828;
}

.a360-dlg--warning {
	--a360-dlg-tone: #b45309;
}

.a360-dlg--success {
	--a360-dlg-tone: #15803d;
}

.a360-dlg--info {
	--a360-dlg-tone: #0369a1;
}

.a360-dlg__box {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 4px 16px;
	margin: 0;
	padding: 22px 22px 18px;
}

.a360-dlg__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--a360-dlg-tone) 13%, transparent);
	color: var(--a360-dlg-tone);
}

.a360-dlg__icon svg {
	width: 28px;
	height: 28px;
}

.a360-dlg__body {
	min-width: 0;
}

.a360-dlg__title {
	margin: 4px 0 6px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: break-word;
}

.a360-dlg__text p {
	margin: 0 0 8px;
	font-size: 15px;
	line-height: 1.5;
	overflow-wrap: break-word;
}

.a360-dlg__text p.a360-dlg__hint {
	padding: 8px 10px;
	border-radius: 8px;
	background: color-mix(in srgb, var(--a360-dlg-tone) 9%, transparent);
	color: var(--a360-text, #1d2327);
	font-size: 14px;
}

.a360-dlg__input {
	box-sizing: border-box;
	width: 100%;
	margin: 4px 0 6px;
	padding: 8px 10px;
	border: 1px solid var(--a360-border, #8c8f94);
	border-radius: 8px;
	font: inherit;
}

.a360-dlg__actions {
	display: flex;
	grid-column: 1 / -1;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 10px;
}

.a360-dlg__actions .button {
	min-height: 40px;
	padding: 0 18px;
	font-size: 15px;
}

.a360-dlg--danger .a360-dlg__ok,
.a360-dlg--danger .a360-dlg__ok:hover {
	border-color: #c62828;
	background: #c62828;
	color: #fff;
}

@keyframes a360-dlg-in {
	from {
		opacity: 0;
		transform: translateY(8px) scale(0.98);
	}
}

@media (max-width: 480px) {
	.a360-dlg__box {
		grid-template-columns: minmax(0, 1fr);
		justify-items: start;
	}

	.a360-dlg__actions .button {
		flex: 1 1 auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.a360-dlg {
		animation: none;
	}
}

/* Botão "Excluir" do administrador geral (1.27.0): como link (ao lado de "Editar"), botão ou ícone. */
.a360-purge-form {
	display: inline;
	margin: 0;
}

.a360-purge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
}

.a360-purge--link {
	padding: 0;
	border: 0;
	background: none;
	color: #b42318;
	font: inherit;
	text-decoration: underline;
}

.a360-purge--link:hover,
.a360-purge--link:focus-visible {
	color: #7a1a12;
}

.a360-purge--icon {
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid var(--a360-border, #dcdcde);
	border-radius: 8px;
	background: var(--a360-surface, #fff);
	color: #b42318;
}

.a360-purge--icon span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}