/*
 * c-popover — lo mínimo: el contenido flota debajo del botón, con colores de
 * sistema para que se lea sin estilos de theme. JS: js/c-popover.js
 */
@layer components {
	.c-popover {
		position: relative;
		display: inline-block;
	}
	.c-popover__content {
		position: absolute;
		z-index: var(--z-popover, 1001);
		inset-block-start: 100%;
		inset-inline-start: 0;
		inline-size: max-content;
		max-inline-size: min(20rem, 80vw);
		background: var(--color-surface, Canvas);
		color: var(--color-fg, CanvasText);
	}
}