/* Popover — modèle canonique ; son emploi : canon_popover.md. */

@layer components {
    .popover {
        position: fixed;
        inset: auto;
        z-index: var(--canon-plane-menu);
        max-width: calc(100vw - 2 * var(--canon-space-edge));
        max-height: 70vh;
        overflow-y: auto;
        padding: var(--canon-space-2);
    }

    .popover {
        border: var(--canon-line-width) solid var(--canon-theme-line);
        border-radius: var(--canon-radius-control);
        background-color: var(--canon-theme-raised);
        box-shadow: var(--canon-shadow-overlay, none);
    }

    .popover {
        color: var(--canon-theme-ink);
    }
}