:root {
	--spacing-portal-nav-mobile: 0px;
	--spacing-portal-toast-gap: 1rem;
	--paco-000: #ffffff;
	--paco-200: #f3f2f1;
	--paco-300: #e8e6e3;
	--paco-600: #6b6864;
	--paco-700: #4a4744;
	--paco-900: #161513;
	--marca-200: #e8f0ff;
	--marca-500: #3366ff;
	--marca-600: #2952cc;
	--verde-000: #e8f8ef;
	--verde-300: #1a7a3e;
	--vermelho-000: #fdecea;
	--vermelho-300: #c62828;
	--amarelo-000: #fff8e6;
	--amarelo-300: #b8860b;
}

#toast-viewport {
	position: fixed;
	left: 50%;
	z-index: 1200;
	width: min(calc(100vw - 2rem), 40rem);
	max-width: min(calc(100vw - 2rem), 40rem);
	transform: translateX(-50%);
	pointer-events: none;
	bottom: 1rem;
}

@media (max-width: 639px) {
	#toast-viewport {
		bottom: calc(var(--spacing-portal-nav-mobile) + var(--spacing-portal-toast-gap) + env(safe-area-inset-bottom, 0px));
	}
}

#toast-viewport ol {
	position: relative;
	display: flex;
	width: 100%;
	min-height: 3.5rem;
	flex-direction: column;
	align-items: stretch;
	list-style: none;
	margin: 0;
	padding: 0;
}

#toast-viewport ol[data-expanded='true'] {
	min-height: 0;
	flex-direction: column-reverse;
	gap: 0.5rem;
}

#toast-viewport .group {
	pointer-events: auto;
	position: relative;
	width: 100%;
	max-width: 100%;
	touch-action: pan-x;
	transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

#toast-viewport .group[data-state='entering'] {
	opacity: 0;
	transform: translateY(1.5rem) scale(0.96);
}

#toast-viewport .group[data-state='leaving'] {
	opacity: 0;
	transform: translateY(1.75rem) scale(0.95);
}

#toast-viewport article {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	min-height: 3rem;
	min-width: min(100%, 17.5rem);
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
	border-radius: 1rem;
	border: 1px solid var(--paco-300);
	background: var(--paco-000);
	padding: 0.75rem 0.875rem 0.75rem 0.75rem;
	box-shadow: 0 8px 24px rgba(22, 21, 19, 0.14);
}

#toast-viewport [data-role='toast-icon-wrap'] {
	display: inline-flex;
	width: 2.25rem;
	height: 2.25rem;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	background: var(--paco-200);
	color: var(--paco-900);
}

#toast-viewport .group[data-variant='success'] [data-role='toast-icon-wrap'] {
	background: var(--verde-000);
	color: var(--verde-300);
}

#toast-viewport .group[data-variant='error'] [data-role='toast-icon-wrap'] {
	background: var(--vermelho-000);
	color: var(--vermelho-300);
}

#toast-viewport .group[data-variant='warning'] [data-role='toast-icon-wrap'] {
	background: var(--amarelo-000);
	color: var(--amarelo-300);
}

#toast-viewport [data-role='toast-message'] {
	flex: 1 1 auto;
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.375;
	word-break: break-word;
	color: var(--paco-900);
}

#toast-viewport [data-role='toast-message'] a {
	font-weight: 600;
	color: var(--marca-500);
	text-decoration: underline;
}

#toast-viewport [data-role='toast-actions'] {
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
}

#toast-viewport [data-role='toast-close'] {
	display: inline-flex;
	min-height: 2rem;
	min-width: 2rem;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 9999px;
	background: transparent;
	padding: 0;
	font-size: 1.25rem;
	line-height: 1;
	color: var(--paco-700);
	cursor: pointer;
}

#toast-viewport [data-role='toast-close']:hover {
	background: var(--marca-200);
	color: var(--paco-900);
}

#toast-viewport [data-role='toast-actions'] button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	font-size: 0.75rem;
	font-weight: 500;
	padding: 0.5rem 0.75rem;
	border-radius: 0.5rem;
	cursor: pointer;
	border: none;
	transition: all 0.15s;
}

#toast-viewport [data-role='toast-actions'] button.pms-toast-btn-primary,
#toast-viewport [data-role='toast-actions'] button.bg-paco-900 {
	background: var(--paco-900);
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.02em;
}

#toast-viewport [data-role='toast-actions'] button.pms-toast-btn-primary:hover {
	background: var(--paco-600);
}

#toast-viewport [data-role='toast-actions'] button.pms-toast-btn-secondary {
	color: var(--paco-900);
	border: 1px solid var(--paco-300);
	background: transparent;
}

#toast-viewport [data-role='toast-actions'] button.pms-toast-btn-ghost {
	background: transparent;
	color: var(--paco-900);
}

#toast-viewport [data-role='toast-actions'] button.pms-toast-btn-ghost:hover {
	background: var(--marca-200);
}

/* Classes utilitárias usadas pelo JS compilado */
.fixed { position: fixed; }
.left-1\/2 { left: 50%; }
.-translate-x-1\/2 { transform: translateX(-50%); }
.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
.relative { position: relative; }
.absolute { position: absolute; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.items-stretch { align-items: stretch; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.shrink-0 { flex-shrink: 0; }
.gap-2 { gap: 0.5rem; }
.gap-x-3 { column-gap: 0.75rem; }
.gap-y-2 { row-gap: 0.5rem; }
.w-full { width: 100%; }
.max-w-full { max-width: 100%; }
.min-h-\[3rem\] { min-height: 3rem; }
.min-h-\[3\.5rem\] { min-height: 3.5rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 9999px; }
.rounded-lg { border-radius: 0.5rem; }
.border { border-width: 1px; border-style: solid; }
.border-paco-300 { border-color: var(--paco-300); }
.bg-paco-000 { background-color: var(--paco-000); }
.bg-paco-200 { background-color: var(--paco-200); }
.bg-paco-900 { background-color: var(--paco-900); }
.bg-transparent { background-color: transparent; }
.text-paco-900 { color: var(--paco-900); }
.text-paco-700 { color: var(--paco-700); }
.text-white { color: #fff; }
.text-sm { font-size: 0.875rem; }
.text-xs { font-size: 0.75rem; }
.text-xl { font-size: 1.25rem; }
.leading-snug { line-height: 1.375; }
.leading-none { line-height: 1; }
.break-words { word-break: break-word; }
.font-medium { font-weight: 500; }
.font-bold { font-weight: 700; }
.uppercase { text-transform: uppercase; }
.tracking-wide { letter-spacing: 0.025em; }
.cursor-pointer { cursor: pointer; }
.select-none { user-select: none; }
.box-border { box-sizing: border-box; }
.z-12 { z-index: 1200; }
.bottom-4 { bottom: 1rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.pl-3 { padding-left: 0.75rem; }
.pr-3\.5 { padding-right: 0.875rem; }
.p-0 { padding: 0; }
.size-9 { width: 2.25rem; height: 2.25rem; }
.w-5 { width: 1.25rem; }
.h-5 { height: 1.25rem; }
.basis-auto { flex-basis: auto; }
.flex-1 { flex: 1 1 0%; }
.transition-all { transition-property: all; transition-duration: 0.15s; }
.duration-150 { transition-duration: 150ms; }
.duration-300 { transition-duration: 300ms; }
.opacity-0 { opacity: 0; }
.opacity-100 { opacity: 1; }
.group[data-variant='success'] .group-data-\[variant\=success\]\:bg-verde-000,
.group[data-variant='success'] [data-role='toast-icon-wrap'] { background: var(--verde-000); color: var(--verde-300); }
.group[data-variant='error'] [data-role='toast-icon-wrap'] { background: var(--vermelho-000); color: var(--vermelho-300); }
.group[data-variant='warning'] [data-role='toast-icon-wrap'] { background: var(--amarelo-000); color: var(--amarelo-300); }

#toast-viewport .w-\[min\(calc\(100vw-2rem\)\,40rem\)\] {
	width: min(calc(100vw - 2rem), 40rem);
}
#toast-viewport .max-w-\[min\(calc\(100vw-2rem\)\,40rem\)\] {
	max-width: min(calc(100vw - 2rem), 40rem);
}