.app-popover {
    /* Styles communs (bordures, ombres, fond blanc) */
    margin: 0;
    border: none;
    border-radius: 12px;
    background-color: #fff;
    width: 220px;
    padding: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

/* On n'active l'ancrage natif que si supporté */
@supports (anchor-name: --test) {
    .app-popover {
        position: absolute;
        bottom: anchor(top);
        left: anchor(center);
        transform: translateX(-50%) translateY(-12px);
    }
}

/* Fallback pour Firefox/Safari : positionnement fixe calculé par le JS */
@supports not (anchor-name: --test) {
    .app-popover {
        position: fixed;
        /* Sera positionné par le JS via les propriétés top/left */
    }
}